/* S13: My goals (SMART, SWOT, saved), on top of tokens.css, app.css and shell.css */
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/onest-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/onest-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
.g13-tabs{display:inline-flex;gap:var(--s-1);padding:var(--s-1);margin:0 0 var(--s-5);background:var(--color-card);border:1.5px solid var(--color-line);border-radius:12px}
.g13-tabs a{padding:.55rem 1.2rem;border-radius:9px;font-weight:700;font-size:var(--t-sm);color:var(--color-muted);text-decoration:none}
.g13-tabs a:hover{color:var(--color-ink)}
.g13-tabs a[aria-current="page"]{background:var(--color-ink);color:var(--fk-white)}
.g13-tabs a:focus-visible,.g13 .btn:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:2px}
.g13-note{display:flex;gap:var(--s-3);align-items:flex-start;margin:0 0 var(--s-5);padding:var(--s-3) var(--s-4);background:var(--color-info-wash);color:var(--color-info-ink);border-radius:var(--radius-sm);font-size:var(--t-sm)}
.g13-note[hidden]{display:none}
.g13-stack{display:grid;gap:var(--s-4)}
.g13-item{position:relative;padding:var(--s-5) var(--s-5) var(--s-4) calc(var(--s-5) + 3.2rem);background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow)}
.g13-item .letter{position:absolute;left:var(--s-5);top:var(--s-5);width:2.4rem;height:2.4rem;border-radius:10px;background:var(--color-accent);color:var(--fk-white);font-family:var(--font-head);font-weight:800;font-size:var(--t-lg);display:grid;place-items:center}
.g13-item label{display:block;font-family:var(--font-head);font-size:var(--t-lg);font-weight:700;color:var(--color-ink);margin-bottom:.1rem}
.g13-item .hint{margin:0 0 var(--s-3);font-size:var(--t-sm);color:var(--color-muted)}
.g13-item textarea{min-height:6rem}
.g13-item.err textarea{border-color:var(--color-danger)}
.g13-item .msg{display:none;margin-top:.35rem;font-size:var(--t-sm);color:var(--color-danger-ink);font-weight:600}
.g13-item.err .msg{display:block}
.g13-swot{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}
.g13-box{padding:var(--s-5);background:var(--color-card);border:1px solid var(--color-line);border-top:5px solid var(--color-ink);border-radius:var(--radius);box-shadow:var(--shadow)}
.g13-box.s{border-top-color:var(--color-success)}
.g13-box.w{border-top-color:var(--color-warning)}
.g13-box.o{border-top-color:var(--color-info)}
.g13-box.t{border-top-color:var(--color-danger)}
.g13-box .tag{display:inline-block;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}
.g13-box label{display:block;font-family:var(--font-head);font-size:var(--t-lg);font-weight:700;color:var(--color-ink);margin:.1rem 0}
.g13-box .hint{margin:0 0 var(--s-3);font-size:var(--t-sm);color:var(--color-muted)}
.g13-box textarea{min-height:8.5rem}
.g13-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;margin-top:var(--s-5)}
.g13-actions .grow{flex:1 1 auto}
.g13-actions .state{font-size:var(--t-sm);color:var(--color-muted)}
.g13-actions .state.ok{color:var(--color-success-ink);font-weight:700}
.g13-sec{margin:0 0 var(--s-6)}
.g13-sec-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}
.g13-sec-head h2{margin:0;font-family:var(--font-head);font-size:var(--t-xl);color:var(--color-ink)}
.g13-read{display:grid;gap:var(--s-3)}
.g13-read .row{display:grid;grid-template-columns:2.4rem 1fr;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius)}
.g13-read .row .letter{width:2.4rem;height:2.4rem;border-radius:10px;background:var(--color-accent);color:var(--fk-white);font-family:var(--font-head);font-weight:800;display:grid;place-items:center}
.g13-read h3{margin:0 0 .15rem;font-size:var(--t-base);color:var(--color-ink)}
.g13-read p{margin:0;white-space:pre-wrap;color:var(--color-body)}
.g13-read .empty{color:var(--color-muted);font-style:italic}
.g13-empty{padding:var(--s-6);text-align:center;background:var(--color-card);border:1.5px dashed var(--color-line);border-radius:var(--radius);color:var(--color-muted)}
.g13-empty p{margin:0 0 var(--s-3)}
.g13-done{display:flex;gap:var(--s-3);align-items:center;margin:0 0 var(--s-5);padding:var(--s-3) var(--s-4);background:var(--color-success-wash);color:var(--color-success-ink);border-radius:var(--radius-sm);font-weight:600}
@media(max-width:720px){
 .g13 h1{font-size:var(--t-xl)}
 .g13-item{padding:var(--s-4)}
 .g13-item .letter{position:static;margin-bottom:var(--s-2)}
 .g13-swot{grid-template-columns:1fr}
 .g13-tabs{display:flex}.g13-tabs a{flex:1;text-align:center;padding:.6rem .5rem}
 .g13-actions .btn{flex:1 1 100%;text-align:center}
 .g13-read .row{padding:var(--s-3) var(--s-4);gap:var(--s-3)}
}