.li-window{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-4);position:relative;overflow:visible}.li-window .illus-tag{background:var(--ink);color:#fff;font-family:var(--font-mono), monospace;border-radius:var(--r-pill);letter-spacing:.04em;z-index:2;padding:5px 12px;font-size:10px;position:absolute;top:-11px;left:24px}.li-banner{border-radius:var(--r-xl) var(--r-xl) 0 0;background:linear-gradient(120deg,#dce8ff,#efe4ff);height:64px}.li-body{padding:0 26px 26px}.li-avatar{background:linear-gradient(135deg,#b9a6ff,#8fb6ff);border:4px solid #fff;border-radius:50%;width:58px;height:58px;margin-top:-30px;margin-bottom:10px}.li-name{font-family:var(--font-sora), sans-serif;font-size:16px;font-weight:700}.li-headline{color:var(--violet-deep);max-width:34ch;margin-top:3px;font-size:12.5px;font-weight:600}.li-location{color:var(--grey-soft);margin-top:4px;font-size:11px}.li-coherence{color:#128a5e;border-radius:var(--r-pill);background:#e9f8f1;align-items:center;gap:5px;margin-top:10px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.li-section{margin-top:16px}.li-label{font-family:var(--font-mono), monospace;letter-spacing:.08em;color:var(--grey-soft);text-transform:uppercase;margin-bottom:7px;font-size:9.5px}.li-line{background:var(--border);border-radius:3px;height:6px;margin-bottom:6px}.li-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.li-chip{border-radius:var(--r-pill);background:var(--canvas);border:1px solid var(--border);color:var(--ink-soft);padding:4px 10px;font-size:10.5px}.li-chip.kw{color:var(--violet-deep);background:#f5f3ff;border-color:#6e56f859}.li-window .illus-note{padding-bottom:18px}.li-mini{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:22px}.li-mini .li-banner-flat{border-radius:var(--r-sm);background:var(--border);height:36px;margin-bottom:14px}.li-mini .flag-line{background:#fdebc8;border-radius:3px;height:7px;margin-bottom:9px;position:relative}.li-mini .flag-line:after{content:"";border:1.5px dashed var(--amber);border-radius:5px;position:absolute;inset:-3px}.title-examples{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.title-examples span{color:var(--grey-soft);background:var(--canvas);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 10px;font-size:11.5px}.flag-list .flag-card:nth-child(3){border-left-color:var(--violet)}.flag-list .flag-card:nth-child(4){border-left-color:var(--amber)}.flag-list .flag-card:nth-child(5){border-left-color:var(--coral)}.opt-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,auto);gap:16px;display:grid}@media (max-width:900px){.opt-bento{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.opt-bento{grid-template-columns:1fr}}.opt-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:24px}.opt-card.large{grid-area:span 2/span 2}@media (max-width:560px){.opt-card.large{grid-column:span 1}}.opt-card h3{margin-bottom:8px;font-size:15.5px}.opt-card .q{color:var(--grey-soft);margin-bottom:8px;font-size:12.5px;font-style:italic}.opt-card ul{color:var(--grey);margin:0;padding:0;font-size:13px;list-style:none}.opt-card li{padding:3px 0}.opt-example{background:var(--canvas);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--ink-soft);margin-top:14px;padding:10px 12px;font-size:12.5px}.mini-checklist{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);max-width:560px;box-shadow:var(--sh-1);margin:30px auto 0;padding:22px 26px}.mini-checklist .cl-row{color:var(--ink-soft);align-items:center;gap:9px;padding:5px 0;font-size:13.5px;display:flex}.mini-checklist .cl-row:before{content:"✓";color:var(--emerald);font-weight:800}.chapters-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:900px){.chapters-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.chapters-grid{grid-template-columns:1fr}}.chapter-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:18px}.chapter-num{font-family:var(--font-mono), monospace;color:var(--violet-deep);margin-bottom:6px;font-size:11px}.chapter-card h3{margin-bottom:8px;font-size:13.5px}.chapter-card ul{color:var(--grey);margin:0;padding:0;font-size:11.5px;list-style:none}.chapter-card li{padding:2px 0}.examples-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:700px){.examples-grid{grid-template-columns:1fr}}.example-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:22px}.example-card h3{color:var(--grey-soft);font-size:13px;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.example-card .reform-box.after{margin-top:8px}.example-card .reform-box ul{margin:0;padding-left:16px}