.sft-cover img,.sft-cover{border-radius:14px;overflow:hidden;display:block;width:100%}
.sft-cover img{aspect-ratio:1200/380;object-fit:cover;border:1px solid var(--wp--preset--color--border)}
.sft-emoji{font-size:40px;line-height:1;margin-top:-44px;position:relative}

.sft-callout{background:var(--wp--preset--color--panel);border:1px solid var(--wp--preset--color--border);border-radius:10px;padding:16px 18px}
.sft-code{display:inline-flex;align-items:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:600;letter-spacing:.04em;background:var(--wp--preset--color--base);border:1px dashed var(--wp--preset--color--muted);padding:8px 12px;border-radius:8px}

.sft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.sft-card{display:block;border:1px solid var(--wp--preset--color--border);border-radius:12px;overflow:hidden;background:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast);text-decoration:none}
.sft-card:hover{border-color:var(--wp--preset--color--muted);background:var(--wp--preset--color--panel);text-decoration:none}
.sft-card img{display:block;width:100%;aspect-ratio:1200/380;object-fit:cover}
.sft-card .sft-card-body{padding:12px 14px 15px}
.sft-card .sft-card-name{font-family:var(--wp--preset--font-family--display);font-size:19px;font-weight:500;margin:0 0 2px}
.sft-card .sft-card-one{font-size:13.5px;color:var(--wp--preset--color--muted);margin:0;line-height:1.5}

.sft-site-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--wp--preset--color--border);padding:12px 0}
.sft-brand{display:flex;align-items:center;gap:8px;font-weight:500;text-decoration:none;color:var(--wp--preset--color--contrast)}
.sft-brand:hover{color:var(--wp--preset--color--accent);text-decoration:none}
.sft-disclosure{color:var(--wp--preset--color--muted);font-size:13px;line-height:1.6;border-top:1px solid var(--wp--preset--color--border);padding-top:20px}

.sft-card-name{display:block;margin-bottom:6px}
.sft-card-one{display:block}

.sft-header-row{position:relative}
.sft-nav{position:relative}
.sft-nav>summary{list-style:none;cursor:pointer;width:40px;height:40px;border:1px solid var(--wp--preset--color--border);border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--wp--preset--color--base)}
.sft-nav>summary::-webkit-details-marker{display:none}
.sft-nav>summary:hover{background:var(--wp--preset--color--panel)}
.sft-burger,.sft-burger::before,.sft-burger::after{content:"";display:block;width:18px;height:2px;background:var(--wp--preset--color--contrast);position:relative}
.sft-burger::before{position:absolute;top:-6px}
.sft-burger::after{position:absolute;top:6px}
.sft-nav[open]>summary .sft-burger{background:transparent}
.sft-nav-panel{position:absolute;right:0;top:48px;z-index:20;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--border);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.10);padding:8px;min-width:220px;display:flex;flex-direction:column}
.sft-nav-panel a{padding:9px 12px;border-radius:8px;color:var(--wp--preset--color--contrast);text-decoration:none;font-size:15px}
.sft-nav-panel a:hover{background:var(--wp--preset--color--panel);text-decoration:none}