:root{--paper:#FAF8F4;--surface:#FFFFFF;--ink:#302D29;--muted:#655F57;--red:#DE2910;--teal:#565047;--line:#E4DED5;--note:#F2EBE0;--wash:#F0ECE5;--rose:#FCEBE7;--red-ink:#B72310;--sans:'Manrope', ui-sans-serif, system-ui, sans-serif;--display:'Manrope', ui-sans-serif, system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--appbar:64px;--tabbar:68px;--radius:16px}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
/* Mobile-first Common Ground. Variables are generated from design-tokens.json. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--appbar) + env(safe-area-inset-top) + 16px);color-scheme:light}
body{margin:0;color:var(--ink);background:#EDE8E0;font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:#f5cbbd;color:var(--ink)}[hidden]{display:none!important}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--red-ink)}
button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:#de291012}
a,button,input,select,textarea,summary{scroll-margin-top:calc(var(--appbar) + env(safe-area-inset-top) + 16px)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
img{display:block;max-width:100%;height:auto}svg{display:inline-block;vertical-align:middle;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.02em;text-wrap:balance}
h1{font:550 34px/1.18 var(--display);letter-spacing:-.025em}h2{font-size:24px;font-weight:650}h3{font-size:20px;font-weight:600}p{margin-bottom:1em;text-wrap:pretty}p:last-child{margin-bottom:0}p,a,li,dd{overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-0px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{max-width:var(--frame-width,760px);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);min-height:100dvh;margin:auto;background:var(--paper);padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 24px)}
.wrap{width:calc(100% - 40px);margin-inline:auto}.section{padding-block:24px}.small{font-size:12px;line-height:1.65}.muted{color:var(--muted)}.intro{font-size:16px;line-height:1.75;color:var(--muted);margin-top:16px;max-width:65ch}
.context-label,.kicker,.tool-context,.article-meta{display:block;color:var(--teal);font-size:12px;line-height:1.5;font-weight:500;margin-bottom:8px}
.skip{position:fixed;top:8px;left:8px;z-index:100;padding:12px 16px;background:var(--ink);color:white;transform:translateY(-180%)}.skip:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top);background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{min-height:var(--appbar);padding:8px 16px;display:flex;align-items:center;gap:8px}.wordmark{display:flex;align-items:center;gap:8px;font:550 23px/1 var(--display);letter-spacing:-.025em;text-decoration:none;white-space:nowrap;color:var(--ink)}.wordmark-sub{display:none}
.logo-mark,.author-mark{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--red);color:white;font:400 22px/1 'Songti SC',SimSun,serif;letter-spacing:0}
.app-screen-title{font-weight:600;font-size:16px;min-width:0}.app-header-actions{display:flex;align-items:center;margin-left:auto;gap:0}.app-back{margin-left:-8px}
.tab-bar{position:fixed;z-index:45;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:var(--frame-width,760px);min-height:var(--tabbar);padding:4px max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--line)}
.tab-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:56px;min-width:0;color:var(--muted);font-size:12px;font-weight:500;text-decoration:none;line-height:1.3;border-radius:12px}.tab-item>svg{width:24px;height:24px}.tab-item[aria-current]{color:var(--red-ink)}.tab-item[aria-current]:before{content:'';position:absolute;top:3px;left:50%;transform:translateX(-50%);width:48px;height:30px;border-radius:12px;background:var(--rose);z-index:-1}.saved-count{position:absolute;top:0;right:calc(50% - 26px);display:grid;place-items:center;min-width:16px;min-height:16px;padding:2px 4px;background:var(--red);color:white;border:2px solid white;border-radius:8px;font-size:12px;font-variant-numeric:tabular-nums}
.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none}
.primary{background:var(--red);border-color:var(--red);color:white}.primary:hover{background:#bd240e;border-color:#bd240e;color:white}.quiet:hover{background:var(--wash);border-color:var(--teal)}
.text-link{display:inline-flex;align-items:center;gap:4px;min-height:48px;padding:0;border:0;background:none;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;color:var(--teal)}.text-link:hover{text-decoration:underline;color:var(--red-ink)}
.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:12px;border:0;border-radius:12px;background:none;color:var(--teal)}.icon-button:hover{background:var(--wash)}.icon-button[aria-pressed=true]{background:var(--rose);color:var(--red-ink)}.icon-button[aria-pressed=true] svg{fill:currentColor}
.mobile-welcome{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:12px;padding-block:24px 16px}.mobile-welcome h1{font-size:36px;line-height:1.12;margin-bottom:12px}.mobile-welcome p{font-size:14px;line-height:1.65;color:var(--muted);max-width:30ch}.mobile-welcome img{width:120px;height:136px;object-fit:cover;border-radius:16px;object-position:center}.mobile-welcome .context-label{font-size:12px;margin-bottom:8px}
.topic-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:8px}.topic-shortcuts a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:88px;border-radius:16px;background:var(--note);color:var(--teal);font-size:12px;text-align:center;text-decoration:none;padding:12px 4px;line-height:1.4}.topic-shortcuts a:nth-child(2){background:var(--wash)}.topic-shortcuts a:nth-child(3){background:var(--rose)}.topic-shortcuts a:hover{box-shadow:inset 0 0 0 1px var(--teal)}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-head>div{min-width:0}.section-head h2{font-size:24px}.section-head>.text-link{font-size:12px;flex-shrink:0}.section-head .context-label{font-size:12px;margin-bottom:4px}.section-description{font-size:14px;color:var(--muted);margin-bottom:16px}.page-intro{margin-bottom:24px}.page-intro p{font-size:16px;color:var(--muted);line-height:1.7;margin-top:12px}.page-intro h1{font-size:36px}
.story-grid{display:grid;grid-template-columns:1fr;gap:16px}.story-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.card-visual{display:block;position:relative;aspect-ratio:1.8;background:var(--note);overflow:hidden}.card-visual img{width:100%;height:100%;object-fit:cover}.cover-badge{position:absolute;right:12px;bottom:12px;padding:4px 8px;border-radius:8px;background:var(--surface);font-size:12px;color:var(--ink)}.card-content{display:flex;flex:1;flex-direction:column;padding:16px}.card-content .kicker{font-size:12px;margin-bottom:8px}.card-content h3{font-size:20px;line-height:1.35;margin-bottom:8px}.card-content h3 a{text-decoration:none}.card-content h3 a:hover{color:var(--red-ink)}.card-content>p{color:var(--muted);font-size:14px;line-height:1.65;margin-bottom:8px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.card-bottom .text-link{font-size:14px}.card-bottom .icon-button{margin-right:-8px}
.home-stories .story-card:not(:first-child),.saved-page .story-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:12px}.home-stories .story-card:not(:first-child) .card-visual,.saved-page .card-visual{aspect-ratio:1;border-radius:12px;width:92px;height:104px}.home-stories .story-card:not(:first-child) .cover-badge,.saved-page .cover-badge{display:none}.home-stories .story-card:not(:first-child) .card-content,.saved-page .card-content{padding:0}.home-stories .story-card:not(:first-child) h3,.saved-page .card-content h3{font-size:16px;padding-right:32px}.home-stories .story-card:not(:first-child) .card-content>p,.saved-page .card-content>p{display:none}.home-stories .story-card:not(:first-child) .card-bottom,.saved-page .card-bottom{position:absolute;right:6px;bottom:6px}.home-stories .story-card:not(:first-child) .card-bottom .text-link,.saved-page .card-bottom .text-link{display:none}
.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:24px 0 16px}.chip{display:flex;align-items:center;gap:4px;min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:24px;background:var(--surface);font-size:14px;line-height:1.4;color:var(--muted)}.chip.active{background:var(--teal);border-color:var(--teal);color:white}.chip:hover{border-color:var(--teal)}.chip span{font-size:12px;opacity:.8}.filter-status{flex-basis:100%;font-size:12px;color:var(--muted);margin:4px 0 0}
.editor-hello{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--note);border-radius:16px;margin-block:16px 24px}.editor-hello p{font-size:14px;line-height:1.75;color:#514a3e}.editor-hello .logo-mark{margin-top:4px}.editor-hello b{color:var(--ink);font-weight:500}
.tool-grid{display:grid;grid-template-columns:1fr;gap:12px}.tool-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-decoration:none;min-width:0}.tool-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;color:var(--teal);background:var(--wash);border-radius:8px}.tool-card>div{min-width:0}.tool-card h3{font-size:18px;line-height:1.4;margin-bottom:8px}.tool-card p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:4px}.tool-card .kicker{font-size:12px;margin-bottom:4px}.tool-card .text-link{font-size:14px}.tool-card:hover h3{color:var(--red-ink)}
.article-top{padding-top:16px}.breadcrumb{display:none}.article-head{margin-bottom:24px}.article-head h1{font:600 32px/1.25 var(--sans);letter-spacing:-.025em;margin-bottom:16px}.article-meta{font-size:12px;margin-bottom:12px}.separator{margin-inline:8px;color:var(--muted)}.dek{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:16px}.byline{display:flex;align-items:center;gap:8px;margin-bottom:16px}.byline b{display:block;font-size:12px;font-weight:500}.byline div>span{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:2px}.author-mark{width:30px;height:30px;font-size:20px}.article-actions{display:flex;align-items:center;gap:16px;border-block:1px solid var(--line);padding-block:4px}.article-actions>.button{display:none}.article-actions .text-link{font-size:14px}.article-layout{display:block}.reading-aside{display:none}.article-body{min-width:0}.article-body>section{margin-bottom:24px}.article-body h2{font-size:24px;line-height:1.35;margin:32px 0 16px}.paragraph-row{position:relative;padding-right:32px}.paragraph-row>p{font-size:18px;line-height:1.85;color:var(--ink);margin-bottom:24px}.paragraph-flag{position:absolute;top:0;right:-12px;opacity:.8}.paragraph-flag svg{width:16px;height:16px}.source-links{font-size:12px;line-height:1.6}.source-links a{color:var(--teal);text-decoration:underline}.editor-note{padding:16px;border-radius:16px;background:var(--note);margin-bottom:24px}.note-label{display:block;font-size:12px;color:var(--teal);font-weight:500;margin-bottom:8px}.editor-note p{font-size:16px;line-height:1.75;color:#514a3e}.article-figure{margin-block:24px 24px}.article-figure img{border-radius:12px}.article-figure figcaption{font-size:12px;line-height:1.65;color:var(--muted);padding-top:8px}
.article-kit{padding:16px;margin-block:24px;background:var(--wash);border-radius:16px}.article-kit h2{font-size:24px;margin:0 0 12px}.article-kit p{font-size:16px;color:var(--muted);margin-bottom:16px}.article-kit .text-link{display:flex;font-size:12px;align-items:flex-start;margin-top:8px}.article-kit .button{width:100%;font-size:14px}
.quiz-panel{margin-block:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px}.quiz-panel summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;cursor:pointer}.quiz-panel summary::-webkit-details-marker{display:none}.quiz-panel summary h2{font-size:24px;margin:4px 0 8px}.quiz-panel summary p{font-size:14px;line-height:1.6;color:var(--muted)}.quiz-context{font-size:12px;color:var(--teal)}.details-plus{display:grid;place-items:center;min-width:32px;height:48px;color:var(--teal)}.quiz-panel[open] .details-plus{transform:rotate(45deg)}.quiz-panel form{padding-top:16px}.quiz-panel fieldset{border:0;margin:0;padding:12px 0 16px}.quiz-panel legend{font-size:16px;font-weight:500;line-height:1.6;padding:0;margin-bottom:12px}.quiz-option{display:flex;align-items:flex-start;gap:12px;padding:12px;margin-bottom:8px;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px;line-height:1.6}.quiz-option:has(input:checked){border-color:var(--teal);background:var(--wash)}input[type=radio],input[type=checkbox]{accent-color:var(--teal);width:20px;height:20px;flex-shrink:0;margin-top:2px}.answer-note{padding:12px;background:var(--wash);border-radius:12px;font-size:14px;line-height:1.7;margin-top:12px}.quiz-panel form>.button{width:100%;margin-top:12px}#quiz-result{font-size:14px;margin-top:16px}.quiz-panel form>.small{margin-top:12px}
.reaction-panel{padding-block:16px 24px;border-bottom:1px solid var(--line)}.reaction-panel h2{font-size:24px;margin-top:0}.reaction-options{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}.reaction-button{display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px;text-align:left}.reaction-button svg{color:var(--teal)}.reaction-button[aria-pressed=true]{border-color:var(--teal);background:var(--wash);color:var(--teal)}.reaction-button:hover{border-color:var(--teal)}
.sources-section{padding-block:8px 16px;border-bottom:1px solid var(--line)}.sources-section ol{padding-left:16px;margin-top:16px}.sources-section li{padding-left:4px;margin-bottom:24px;font-size:14px;line-height:1.75}.sources-section li>p{font-size:14px;color:var(--muted);margin-top:8px}.notes-section{padding-block:8px 16px}.notes-section>h2{font-size:24px}.notes-section>p{color:var(--muted);font-size:16px;line-height:1.75}.note-starters{display:flex;flex-direction:column;gap:8px;margin-block:16px}.note-starters>.small{margin-bottom:4px}.starter-button{min-height:48px;padding:12px 12px;border:1px solid var(--line);border-radius:12px;text-align:left;background:var(--surface);font-size:14px;line-height:1.65;color:var(--teal)}.starter-button:hover{background:var(--wash)}label:not(.quiz-option):not(.check-prompt){display:block;font-size:14px;font-weight:500;margin:16px 0 8px}textarea,input[type=url],input[type=search],select{display:block;width:100%;min-width:0;max-width:100%;border:1px solid #a6b1b3;border-radius:12px;padding:12px 12px;background:var(--surface);color:var(--ink);font-size:16px;line-height:1.7;caret-color:var(--red)}select{min-height:48px}textarea{resize:vertical}textarea::placeholder,input::placeholder{color:#65706f;opacity:1}textarea[readonly]{background:#fffdf8}form>.button{margin-top:16px}.notebook-empty{margin-top:16px}.notebook-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-block:16px 12px}.notebook-actions .text-link{font-size:12px}.note-card{padding:16px;margin-top:16px;border-radius:16px;background:var(--note);font-size:14px;line-height:1.7}.note-card p{white-space:pre-wrap;margin-block:8px}.note-card blockquote{border-left:1px solid #afa795;padding-left:12px;margin:12px 0;font-size:14px;color:var(--muted)}.note-card .small{font-size:12px}.note-card .text-link{font-size:12px}.related{padding-block:24px}.related h2{margin-bottom:12px}.related-invitation{color:var(--muted);font-size:16px;margin-bottom:16px}.related-resources{margin-block:24px}.related-resources h2{font-size:24px;margin-bottom:16px}.related-resources .section-head h2{margin:0}.related-resources .section-head .text-link{font-size:12px}
.tool-page{padding-block:24px}.tool-heading{margin-bottom:24px}.tool-heading h1{font:600 32px/1.25 var(--sans);margin-bottom:12px}.tool-context{font-size:12px}.tool-heading .intro{font-size:16px;margin-top:12px}.tool-workspace{display:grid;grid-template-columns:1fr;gap:24px}.tool-inputs{min-width:0}.check-prompt{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);font-size:16px;line-height:1.7;min-height:48px}.check-prompt:has(input:checked){background:var(--wash);border-color:var(--teal)}.tool-inputs>.small{margin-top:16px}.story-prompt{font-size:14px!important;line-height:1.6}.tool-inputs>.story-prompt:first-child{margin-top:0!important}.tool-result{padding:16px;border-radius:16px;background:var(--note)}.tool-result h2{font-size:24px;margin-bottom:16px}.tool-result .button{width:100%;margin-block:16px 12px}.tool-result textarea{font-size:16px;line-height:1.8}.read-the-story{display:flex;align-items:flex-start;gap:16px;margin:24px 0 16px;padding:16px;background:var(--surface);border-radius:16px;border:1px solid var(--line)}.read-the-story>img{width:76px;height:76px;object-fit:cover;border-radius:12px;flex-shrink:0}.read-the-story>div{min-width:0}.read-the-story h2{font-size:18px;line-height:1.4;margin-bottom:8px}.read-the-story p{font-size:14px;color:var(--muted)}.read-the-story .text-link{font-size:12px}.download-strip{padding:16px;margin-top:24px;border-radius:16px;background:var(--note)}.download-strip h2{font-size:24px;margin-bottom:12px}.download-strip p{font-size:14px;color:var(--muted)}.download-strip .button{width:100%;margin-top:16px}.tool-index{margin-top:24px}
.empty-state{padding:24px;border-radius:16px;background:var(--note);margin-top:24px}.empty-state h2{font-size:24px;margin-bottom:12px}.empty-state p{font-size:16px;color:var(--muted)}.empty-state .button{margin-top:16px;width:100%}.saved-page>section{margin-top:24px}.saved-page>section>h2{font-size:20px;margin-bottom:16px}
.resource-list{display:grid;grid-template-columns:1fr;gap:12px}.resource-card{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0}.resource-symbol{display:grid;place-items:center;width:36px;height:40px;border-radius:8px;background:var(--wash);color:var(--teal)}.resource-content{min-width:0}.resource-meta{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:8px}.resource-meta>span{margin-inline:4px}.resource-content h3{font-size:18px;line-height:1.4;margin-bottom:8px}.resource-content h3 a{text-decoration:none}.resource-content p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:8px}.resource-save{min-width:48px;min-height:48px;width:48px;margin:-4px -8px 0 -4px;padding:12px}.resource-tags{display:flex;gap:4px;flex-wrap:wrap}.resource-tags span{display:inline-block;padding:4px 8px;background:var(--paper);border-radius:8px;color:var(--muted);font-size:12px;line-height:1.5;max-width:100%}.learning-tip{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--note);border-radius:16px;margin-bottom:24px}.tip-icon{color:var(--teal);flex-shrink:0}.learning-tip b{font-size:16px;font-weight:600;display:block;margin-bottom:4px}.learning-tip p{font-size:14px;line-height:1.7;color:#514a3e;margin-bottom:8px}.learning-tip a{font-size:14px;color:var(--teal)}.learning-filters{margin-bottom:16px}.learning-filters>label{margin-top:0!important}.search-field{position:relative}.search-field>svg{position:absolute;left:14px;top:16px;color:var(--muted)}.search-field input{padding-left:40px;border-color:var(--line);min-height:52px}.filter-disclosure{padding-block:12px}.filter-disclosure>summary{display:flex;align-items:center;gap:8px;min-height:48px;font-size:14px;font-weight:500;color:var(--teal);list-style:none;cursor:pointer}.filter-disclosure>summary::-webkit-details-marker{display:none}.disclosure-chevron{margin-left:auto}.filter-disclosure[open] .disclosure-chevron{transform:rotate(45deg)}.learning-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.version-filter{grid-column:1/-1}.learning-filter-grid label{font-size:12px!important;margin-top:8px!important}.learning-filter-grid select{font-size:16px;line-height:1.5}.learning-results-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.learning-results-row p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.learning-results-row .text-link{font-size:12px}.library-footnote{font-size:12px;line-height:1.75;color:var(--muted);margin-top:24px}.resource-detail>h1{font:600 30px/1.3 var(--sans);margin-bottom:16px}.resource-format-icon{display:grid;place-items:center;width:56px;height:56px;background:var(--wash);color:var(--teal);border-radius:16px;margin-bottom:16px}.resource-dek{font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:16px}.resource-detail>.resource-tags{margin-bottom:24px}.resource-primary-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}.resource-primary-actions .button{width:100%;font-size:14px}.access-note{font-size:12px;line-height:1.75;color:var(--muted)}.resource-section{margin-top:24px}.resource-section>h2{font-size:24px;margin-bottom:12px}.resource-section>p{font-size:16px;line-height:1.8}.source-details{border-block:1px solid var(--line);margin-top:24px;padding-block:8px}.source-details summary{min-height:48px;display:flex;align-items:center;font-size:14px;font-weight:500;cursor:pointer}.source-details dl{margin:12px 0;font-size:14px;line-height:1.75}.source-details dt{font-weight:500;margin-top:16px;color:var(--ink)}.source-details dd{margin:4px 0;color:var(--muted)}.reading-row{display:flex;align-items:center;gap:12px;padding:16px 0;min-height:72px;text-decoration:none;border-bottom:1px solid var(--line)}.reading-row>span{display:grid;place-items:center;background:var(--wash);color:var(--teal);width:36px;height:40px;border-radius:8px;flex-shrink:0}.reading-row>div{min-width:0;flex:1}.reading-row b{font-size:14px;line-height:1.5;font-weight:500;display:block}.reading-row small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.reading-row>svg{width:18px}
.about-page h1{font-size:36px}.about-page h2{font-size:24px;margin:24px 0 16px}.about-page>p:not(.intro){font-size:16px;line-height:1.85}.about-page .button{margin-top:16px}footer{padding:24px 16px 8px;margin-top:24px;border-top:1px solid var(--line)}.footer-top>a{display:inline-flex;align-items:center;gap:8px;font-size:12px;min-height:48px;color:var(--teal)}.footer-bottom{font-size:12px;line-height:1.7;color:var(--muted);display:flex;flex-direction:column;gap:4px;margin-top:8px}
.toast{position:fixed;z-index:80;left:50%;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 16px);transform:translateX(-50%);width:max-content;max-width:min(720px,calc(100% - 32px));padding:12px 16px;border-radius:16px;background:var(--ink);color:white;font-size:14px;line-height:1.6;box-shadow:0 8px 24px #24323b22}
dialog{position:fixed;inset:auto 0 0;width:100%;max-width:760px;max-height:90dvh;overflow:auto;overscroll-behavior:contain;margin:0 auto;padding:24px 16px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;background:var(--surface);color:var(--ink);box-shadow:0 12px 48px #24323b40}dialog::backdrop{background:#24323b88}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-top h2{font-size:24px;line-height:1.3}.dialog-top .icon-button{flex-shrink:0;margin-right:-8px}dialog>p{font-size:14px}dialog blockquote{margin:16px 0;padding-left:12px;border-left:1px solid var(--line);font-size:14px;line-height:1.7;max-height:140px;overflow:auto;color:var(--muted)}dialog form>.button{width:100%}
@container app-content (min-width:600px){.wrap{width:calc(100% - 64px)}.section{padding-block:32px}.header-inner{padding-inline:24px}.mobile-welcome{grid-template-columns:minmax(0,1fr) 210px;gap:24px;padding-block:32px 24px}.mobile-welcome h1{font-size:36px}.mobile-welcome p{font-size:16px}.mobile-welcome img{width:210px;height:170px;object-fit:contain}.topic-shortcuts{gap:16px}.topic-shortcuts a{font-size:14px;min-height:96px}.home-stories .story-card:not(:first-child){grid-template-columns:128px minmax(0,1fr)}.home-stories .story-card:not(:first-child) .card-visual{width:128px;height:116px}.home-stories .story-card:not(:first-child) h3{font-size:20px}.story-card .card-visual{aspect-ratio:2}.article-head h1{font-size:36px}.article-body{max-width:65ch}.paragraph-row>p{font-size:18px}.tool-workspace{grid-template-columns:1fr 1fr;align-items:start;gap:24px}.tool-result{position:sticky;top:calc(var(--appbar) + 20px)}.learning-filter-grid{grid-template-columns:1fr 1fr 1fr}.version-filter{grid-column:auto}.reaction-options{grid-template-columns:repeat(3,minmax(0,1fr))}.reaction-button{font-size:14px;padding:12px 8px}.resource-primary-actions{grid-template-columns:1fr auto}.resource-card{padding:16px;grid-template-columns:44px minmax(0,1fr) 40px;gap:16px}.resource-symbol{width:44px;height:48px}.resource-content h3{font-size:20px}.resource-content p{font-size:14px}.resource-tags span{font-size:12px}dialog{inset:0;max-width:640px;width:calc(100% - 48px);margin:auto;border-radius:16px;padding:24px;max-height:85dvh}}
@container app-content (max-width:360px){.wrap{width:calc(100% - 32px)}.header-inner{padding-inline:12px}.wordmark{font-size:20px}.mobile-welcome{grid-template-columns:minmax(0,1fr) 96px;gap:8px}.mobile-welcome h1{font-size:30px}.mobile-welcome img{width:96px;height:128px}.mobile-welcome p{font-size:12px}.topic-shortcuts{gap:8px}.topic-shortcuts a{font-size:12px;padding:8px 4px}.article-head h1{font-size:30px}.resource-card{grid-template-columns:28px minmax(0,1fr) 30px;gap:8px;padding:12px}.resource-symbol{width:28px;height:36px}.resource-symbol svg{width:20px}.resource-content h3{font-size:16px}.resource-content p{font-size:12px}.chip{font-size:12px;padding:8px 12px}.section-head h2{font-size:20px}.section-head>.text-link{font-size:12px}.resource-save{margin-right:-12px}.tab-item{font-size:12px}}
@media(hover:hover) and (pointer:fine){.paragraph-flag{opacity:0}.paragraph-row:hover .paragraph-flag,.paragraph-flag:focus-visible{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.tab-bar,footer,.article-actions,.paragraph-flag,.related,.notes-section,.quiz-panel,.reaction-panel,.toast{display:none!important}body,.app-shell{background:white;color:black}.app-shell{padding:0;max-width:none}.wrap{width:100%;margin:0}.article-head h1{font-size:28pt}.paragraph-row{padding-right:0}.paragraph-row>p{font-size:12pt}.article-figure,.editor-note{break-inside:avoid}}

.app-content{container-type:inline-size;container-name:app-content}body[data-preview="phone"]{--frame-width:430px}

.load-error{margin:16px;padding:16px;background:var(--note);border-radius:16px}.load-error h2{font-size:20px;margin-bottom:12px}.load-error p{font-size:14px}.form-error{font-size:14px;line-height:1.7;color:#A8200B;margin-top:12px;padding:12px;border-radius:8px;background:var(--rose)}[aria-invalid="true"]{border-color:#A8200B}

/* Task-led entry points; source: MahjongCompare video directory research, adapted for phones. */
.learning-starts{display:grid;gap:8px;margin:24px 0}.learning-starts>a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:inherit;text-decoration:none;min-height:72px}.learning-starts>a:hover{border-color:var(--red)}.learning-starts .start-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:var(--rose);color:var(--red-ink)}.learning-starts a>span:nth-child(2){flex:1;min-width:0}.learning-starts b{display:block;font-size:14px;line-height:1.4}.learning-starts small{display:block;font-size:12px;line-height:1.5;margin-top:2px;color:var(--muted)}.learning-starts a>svg{flex-shrink:0;width:18px}

.library-context{padding:12px 12px;border-left:3px solid var(--red);background:var(--note);border-radius:0 10px 10px 0;font-size:14px;line-height:1.65;color:var(--ink)}

.resource-feedback form{display:grid;gap:8px;margin:16px 0}.resource-feedback label{font-size:14px;font-weight:600;margin-top:4px}.resource-feedback input,.resource-feedback textarea,.resource-feedback select{width:100%;min-width:0;max-width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;min-height:48px}.resource-feedback textarea{resize:vertical;min-height:120px}.resource-feedback form>.button{justify-self:start;margin-top:8px}.resource-feedback-actions{display:flex;flex-wrap:wrap;gap:8px}.resource-feedback .note-card{overflow-wrap:anywhere}.resource-feedback .note-card>.text-link{display:block;margin-top:12px;min-height:48px}.resource-primary-actions{flex-wrap:wrap}

.access-notice{background:var(--note);border-radius:12px;padding:12px;font-size:14px;line-height:1.65}.access-notice a{display:inline-block;min-height:32px;padding:4px 0}

/* UI08 · reader-study revisions: clear outcomes, scope and provenance. */
.article-takeaway{padding:16px;margin-block:24px 24px;background:var(--note);border:1px solid var(--line);border-radius:16px}
.article-takeaway h2{font-size:24px;margin:0 0 12px}.article-takeaway ul{padding-left:24px;margin:0 0 8px}.article-takeaway li{padding-left:2px;margin:8px 0;font-size:16px;line-height:1.65}.article-takeaway .small{margin-top:4px}
.resource-content .resource-provider,.resource-provider{font-size:14px;line-height:1.6;color:var(--teal);margin:0 0 8px}.resource-content .resource-scope{font-size:14px;line-height:1.65;color:var(--muted)}
.resource-meta{font-size:12px}.resource-tags span{font-size:12px;line-height:1.6}.resource-detail>.resource-provider{font-size:14px;margin-bottom:16px}
.resource-at-a-glance{margin:16px 0 24px;padding:16px;background:var(--note);border-radius:16px;font-size:14px;line-height:1.7}.resource-at-a-glance dt{font-weight:600;color:var(--ink);margin-top:12px}.resource-at-a-glance dt:first-child{margin-top:0}.resource-at-a-glance dd{margin:4px 0 0;color:var(--muted)}
.external-explainer{font-size:14px;line-height:1.7;color:var(--teal);margin:0 0 12px}.article-kit>.context-label{font-size:12px;margin-bottom:8px}
.mahjong-chooser{margin:16px 0 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:0 16px}.mahjong-chooser>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:12px 0;font-size:14px;line-height:1.5;font-weight:600;list-style:none;cursor:pointer}.mahjong-chooser>summary::-webkit-details-marker{display:none}.mahjong-chooser>summary svg{width:18px}.mahjong-chooser[open]>summary svg{transform:rotate(45deg)}.mahjong-chooser>p{font-size:14px;line-height:1.7;color:var(--muted);margin:4px 0 12px}.mahjong-options a{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 0;border-top:1px solid var(--line);text-decoration:none}.mahjong-options a>span{flex:1;min-width:0}.mahjong-options b{display:block;font-size:14px;line-height:1.6;font-weight:600}.mahjong-options small{display:block;font-size:14px;line-height:1.65;color:var(--muted);margin-top:4px}.mahjong-options svg{width:18px}
@container app-content (max-width:360px){.resource-content .resource-scope{font-size:14px}.resource-content .resource-provider{font-size:12px}.article-takeaway,.resource-at-a-glance{padding:16px}}

.article-actions{flex-wrap:wrap;gap:0 16px}.article-actions>.article-tool-link{color:var(--red-ink);font-weight:600}.article-body>.article-takeaway{margin-top:0}

.resource-source-button{width:100%;margin-bottom:8px}.resource-format-icon{width:40px;height:40px;border-radius:12px;margin-bottom:16px}.resource-format-icon>svg{width:24px;height:24px}
.resource-primary-actions{grid-template-columns:1fr 1fr;gap:8px}.resource-primary-actions .button{padding-inline:8px;font-size:14px}
.resource-scope-details{border-block:1px solid var(--line);margin-top:16px}.resource-scope-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 0;font-size:14px;line-height:1.6;font-weight:500;list-style:none;cursor:pointer}.resource-scope-details summary::-webkit-details-marker{display:none}.resource-scope-details summary svg{width:18px}.resource-scope-details[open] summary svg{transform:rotate(45deg)}.resource-scope-details .resource-at-a-glance{margin:0 0 16px}

#confirm-dialog h2{font-size:24px;margin-bottom:16px}#confirm-message{font-size:16px;line-height:1.75}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.confirm-actions .button{padding-inline:12px}

.storage-warning{padding:12px 16px;margin-block:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--note);color:var(--ink);font-size:14px;line-height:1.7}

/* Content expansion keeps the mobile shell and warm paper system. */
.preview-context{padding-top:8px;padding-bottom:8px;font-size:.78rem;line-height:1.5;color:var(--ink);background:#f6ead6;border-bottom:1px solid #dfcfb5}
.draft-tag{display:inline-block;font-size:.7rem;letter-spacing:.02em;color:#77532f;margin:0 0 8px}
.draft-notice{padding:12px 16px;border-left:3px solid #b82f29;background:#fff4e0;font-size:.88rem;line-height:1.6}
.story-search-label{display:block;font-size:.85rem;font-weight:600;margin-top:24px;margin-bottom:8px}
#story-search{display:block;width:100%;max-width:640px;min-height:48px;border:1px solid #cbbfae;border-radius:12px;padding:12px 12px;background:#fffdf8;font:inherit;color:inherit;margin-bottom:16px}
.filter-bar{flex-wrap:wrap;gap:8px}
.filter-bar .chip{min-height:44px;white-space:normal}
.filter-bar .filter-status{flex-basis:100%;margin-top:8px}
.tool-related-stories{margin-top:32px}
.tool-related-stories .reading-row{padding:12px 0;line-height:1.5;border-bottom:1px solid #e4d9c8}

/* Three short reading paths: same mobile frame, no new fixed controls. */
.home-paths{padding-top:8px}.path-cards{display:grid;gap:12px}.path-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:var(--surface);color:var(--ink)}.path-card:nth-child(2){background:var(--wash)}.path-card:nth-child(3){background:var(--note)}.path-card:hover{border-color:var(--teal);color:var(--ink)}.path-symbol{display:grid;place-items:center;width:40px;height:44px;border-radius:12px;color:var(--red-ink);background:var(--rose)}.path-card .context-label{font-size:12px;margin-bottom:4px}.path-card h3{font-size:20px;line-height:1.3;margin-bottom:8px}.path-card p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:4px}.path-card .text-link{min-height:36px}.home-shelf{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px;background:var(--note);border-radius:16px}.home-shelf h2{font-size:20px;margin-bottom:8px}.home-shelf p{font-size:14px;color:var(--muted)}.path-page>.context-label{margin-top:16px}.path-page h1{font-size:36px}.path-scope{margin-top:16px;font-size:14px;color:var(--muted)}.path-steps{list-style:none;padding:0;margin:24px 0;display:grid;gap:16px}.path-steps>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.path-step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--wash);color:var(--teal);font-size:14px}.path-steps h2{font-size:20px;line-height:1.35;margin-bottom:12px}.path-steps h2 a{text-decoration:none;display:block;min-height:48px}.path-steps p{font-size:16px;color:var(--muted)}.path-action{padding:24px 16px;background:var(--note);border-radius:16px}.path-action h2{font-size:24px;margin-bottom:12px}.path-action p{font-size:16px;color:var(--muted)}.path-action .button,.path-next .button{width:100%;text-align:left;justify-content:space-between}.path-return{padding-block:24px 0}.path-return h2{font-size:20px;margin-bottom:12px}.path-return p{font-size:14px;color:var(--muted)}.path-next .path-back{margin-bottom:8px}.path-next .context-label{margin-top:8px}@container app-content (max-width:360px){.path-card{padding:16px;gap:8px;grid-template-columns:32px minmax(0,1fr)}.path-card .path-symbol{width:32px;height:36px}.path-card h3{font-size:20px}.path-card p{font-size:14px}.path-page h1{font-size:30px}.path-steps>li{padding:16px 12px;gap:8px;grid-template-columns:28px minmax(0,1fr)}.path-step-number{width:28px;height:28px}.path-steps h2{font-size:20px}}

.path-page>.breadcrumb{display:inline-flex}

.notebook-context{padding:16px;margin-block:24px;background:var(--wash);border-radius:16px}.notebook-context h2{font-size:24px;margin-bottom:12px}.notebook-context p{font-size:16px;color:var(--muted)}

/* Discovery: one memorable feature; quiet, compact navigation around it. */
.discovery-home{--saffron:#F5D77F}.discovery-intro{padding-block:16px 16px}.discovery-intro h1{font-family:var(--sans,Manrope),sans-serif;font-size:24px;line-height:1.15;letter-spacing:-.7px;font-weight:700;margin-bottom:8px}.discovery-intro p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}
.discovery-feature{overflow:hidden;border-radius:16px 22px 8px 8px;background:#fff;border:1px solid var(--line)}.discovery-picture{display:block;background:#EAF1EC}.discovery-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.discovery-feature-copy{padding:16px}.feature-note{display:inline-block;background:var(--saffron);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;line-height:1.5}.discovery-feature h2{font-size:36px;line-height:1.08;letter-spacing:-.8px;margin-block:12px 12px}.discovery-feature h2 a{color:inherit;text-decoration:none}.discovery-feature p{font-size:16px;line-height:1.65;margin-bottom:12px;max-width:36ch}.discovery-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.discovery-actions .button{font-size:14px;min-height:48px;padding:12px 16px}.discovery-actions .save-button{border:1px solid var(--line);border-radius:50%;flex-shrink:0}.feature-footnote{display:block;font-size:12px;color:var(--muted);margin-top:12px}
.discovery-paths{padding-block:24px}.discovery-paths h2,.discovery-next h2{font-family:Manrope,sans-serif;font-size:20px;line-height:1.3;margin-bottom:12px;letter-spacing:-.3px}.discovery-paths>div{border-block:1px solid var(--line)}.discovery-paths a,.discovery-next>a{display:flex;align-items:center;gap:12px;min-height:76px;text-decoration:none;color:var(--ink);padding:12px 0}.discovery-paths a+a,.discovery-next>a+a{border-top:1px solid var(--line)}.discovery-paths a>span:nth-child(2),.discovery-next>a>span:nth-child(2){flex:1;min-width:0}.discovery-paths b,.discovery-next b{display:block;font-size:16px;font-weight:600;line-height:1.4}.discovery-paths small,.discovery-next small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:2px}.discovery-paths a>svg,.discovery-next>a>svg{flex:0 0 18px;width:18px}.discovery-path-icon,.discovery-next>a>span:first-child{display:grid;place-items:center;width:40px;height:40px;background:var(--wash);border-radius:12px;color:var(--teal);flex-shrink:0}.discovery-paths a:first-child .discovery-path-icon{background:var(--rose);color:var(--red-ink)}
.curiosity-slip{padding:24px;background:#F9E8B3;border-radius:8px 20px 20px 6px;border-left:4px solid #B88A21}.curiosity-label{font-size:12px;font-weight:600;color:#634B16}.curiosity-slip h2{font-size:24px;line-height:1.2;margin:8px 0 12px}.curiosity-slip summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;min-height:48px;cursor:pointer;list-style:none;border-top:1px solid #D7C283}.curiosity-slip summary::-webkit-details-marker{display:none}.curiosity-slip summary svg{width:20px;flex-shrink:0}.curiosity-slip details[open] summary svg{transform:rotate(45deg)}.curiosity-slip details p{font-size:16px;line-height:1.75;margin:12px 0}.curiosity-slip .text-link{font-size:14px;min-height:48px}
.discovery-feed{padding-top:32px}.discovery-feed h2{font-size:24px;line-height:1.2}.discovery-feed-intro{font-size:14px;line-height:1.65;color:var(--muted);margin-top:8px}.discovery-feed .filter-bar{display:flex;flex-wrap:wrap;overflow:visible}.discovery-feed .chip{min-height:48px}.discovery-feed .story-grid{gap:24px}.discovery-feed .story-card{border-radius:16px;box-shadow:none}.discovery-feed .card-visual{aspect-ratio:1200/680;height:auto}.discovery-feed .card-visual img{width:100%;height:100%;object-fit:contain}.discovery-feed .story-card h3{font-size:24px;line-height:1.2}.discovery-feed .story-card p{font-size:14px;line-height:1.7}.discovery-feed .kicker{font-size:12px;letter-spacing:0;text-transform:none}.discovery-all{width:100%;margin-top:24px}.discovery-feed .empty-state .button{margin-top:12px;width:100%}.discovery-next{padding-block:16px 12px}.discovery-next>a>span:first-child{background:transparent;color:var(--teal)}.discovery-signoff{display:flex;align-items:flex-start;gap:12px;padding-block:24px}.discovery-signoff .logo-mark{flex-shrink:0}.discovery-signoff p{font-size:12px;line-height:1.7;color:var(--muted)}.discovery-signoff a{display:inline-flex;align-items:center;min-height:48px;color:var(--teal)}
@container app-content (max-width:360px){.discovery-intro h1{font-size:24px}.discovery-feature-copy{padding:16px}.discovery-feature h2{font-size:30px}.discovery-feature p{font-size:14px}.curiosity-slip{padding:16px}.curiosity-slip h2{font-size:24px}}
@container app-content (min-width:600px){.discovery-intro{padding-block:32px 24px}.discovery-intro h1{font-size:36px}.discovery-feature{display:grid;grid-template-columns:1fr 1fr}.discovery-picture{display:flex;align-items:center}.discovery-feature-copy{padding:24px}.discovery-feature h2{font-size:36px}.discovery-feed .story-grid{grid-template-columns:1fr 1fr;align-items:start}.discovery-feed .story-card h3{font-size:24px}.discovery-feed .card-content{padding:16px}.discovery-feed .card-bottom{flex-wrap:wrap}}

/* Reading journeys: progressively disclose guidance; keep actual content in reach. */
.story-topic-picker{border-bottom:1px solid var(--line);margin-bottom:12px}.story-topic-picker>summary,.learning-orientation>summary,.article-jump>summary,.editor-note>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:14px;font-weight:600;cursor:pointer;list-style:none}.story-topic-picker>summary::-webkit-details-marker,.learning-orientation>summary::-webkit-details-marker,.article-jump>summary::-webkit-details-marker,.editor-note>summary::-webkit-details-marker{display:none}.story-topic-picker>summary svg,.learning-orientation>summary svg,.article-jump>summary svg,.editor-note>summary svg{width:18px;flex-shrink:0}.story-topic-picker[open]>summary svg,.learning-orientation[open]>summary svg,.article-jump[open]>summary svg,.editor-note[open]>summary svg{transform:rotate(45deg)}.story-topic-picker .filter-bar{padding-block:8px 16px}.filter-status{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 16px}.stories-library>h1{font-size:30px;line-height:1.18}.stories-library>.intro{font-size:16px;line-height:1.6;margin:12px 0 16px}.stories-library .story-search-label{margin-top:16px}.stories-library .story-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.stories-library .story-grid{gap:0}.stories-library .card-visual{aspect-ratio:1;width:92px;height:92px;border-radius:12px;margin-top:4px}.stories-library .card-visual img{object-fit:contain}.stories-library .cover-badge{display:none}.stories-library .card-content{padding:0}.stories-library .card-content h3{font-size:20px;line-height:1.3;margin-bottom:8px;text-wrap:pretty}.stories-library .card-content .kicker{font-size:12px;letter-spacing:0;text-transform:none;margin-bottom:4px}.stories-library .draft-tag{margin:0 0 4px;font-size:12px}.stories-library .card-content>p{font-size:14px;line-height:1.6;margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.stories-library .card-bottom .text-link{font-size:12px;min-height:48px}.stories-library .card-bottom .icon-button{margin-right:0;flex-shrink:0}
.learning-orientation{margin:4px 0 24px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--surface)}.learning-orientation>summary{min-height:56px}.learning-orientation .library-context{margin-top:12px;font-size:14px}.learning-orientation .learning-starts{margin:16px 0}.learn-page .page-intro>.context-label{display:none}.learn-page .page-intro h1{font-size:30px;line-height:1.2}.learn-page .page-intro>p{font-size:14px;line-height:1.7}.learn-page .learning-filters{margin-top:16px}.learn-page .learning-results-row{margin-bottom:0}
.article-jump{border:1px solid var(--line);border-radius:12px;padding:0 16px;margin-bottom:16px;background:var(--surface)}.article-jump>summary{min-height:56px}.article-jump nav{padding-bottom:8px}.article-jump nav>a{display:flex;align-items:center;min-height:48px;font-size:14px;line-height:1.6;padding:8px 0;border-top:1px solid var(--line);color:var(--teal);text-decoration:none}.article-body>.editor-note{padding:0 16px;margin-bottom:24px;background:var(--note)}.editor-note>summary{min-height:56px;font-size:14px;color:var(--teal)}.editor-note>p{padding-bottom:16px;margin:0}.article-body section[id],.article-body li[id]{scroll-margin-top:calc(var(--appbar) + env(safe-area-inset-top) + 16px)}
@container app-content (max-width:360px){.stories-library .story-card{grid-template-columns:72px minmax(0,1fr);gap:12px}.stories-library .card-visual{width:72px;height:80px}.stories-library .card-content h3{font-size:18px}.stories-library .card-content>p{font-size:12px}.stories-library>h1{font-size:24px}}
@media print{.article-jump{display:none!important}.article-body>.editor-note{display:none!important}}

/* A reader can take a public question away or keep a path for later. */
.conversation-card{padding:24px 16px;margin:24px 0;background:var(--wash);border-left:4px solid var(--teal);border-radius:4px 16px 16px 4px}.article-body .conversation-card h2{font-size:24px;line-height:1.25;margin:8px 0 12px}.conversation-question{font-size:20px;line-height:1.55;color:var(--ink);margin-bottom:16px;text-wrap:pretty}.conversation-card .button{width:100%;min-height:48px;font-size:14px;white-space:normal;text-align:left;line-height:1.5}.conversation-card>.small{font-size:12px;line-height:1.7;margin:12px 0 0}.path-return>[data-save-stories]{width:100%;min-height:48px;margin-block:16px 8px;white-space:normal;font-size:14px}.path-return>.small{font-size:12px;line-height:1.7;margin:0 0 4px}
@container app-content (max-width:360px){.conversation-card{padding:16px 16px}.conversation-question{font-size:18px}.conversation-card .button{padding-inline:8px;font-size:12px}}
@media print{.conversation-card{display:none!important}}

/* Source selection is a reader decision; audit detail stays available separately. */
.preview-context{background:var(--paper);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;padding-block:8px}.resource-fit{padding:16px;margin:16px 0;background:var(--wash);border-left:3px solid var(--teal);border-radius:4px 12px 12px 4px}.resource-fit h2{font-family:var(--sans);font-size:14px;font-weight:600;line-height:1.5;margin:0 0 8px}.resource-fit p{font-size:14px;line-height:1.7;margin:8px 0 0}.resource-fit .resource-fit-context{font-weight:600;color:var(--teal)}.resource-detail .source-details{margin-block:24px}.source-details dd{overflow-wrap:anywhere}.local-resource-note{border-block:1px solid var(--line);margin-top:16px}.local-resource-note>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;font-size:14px;cursor:pointer;list-style:none}.local-resource-note>summary::-webkit-details-marker{display:none}.local-resource-note>summary svg{width:18px;flex-shrink:0}.local-resource-note[open]>summary svg{transform:rotate(45deg)}.resource-feedback>a.button{width:100%;min-height:48px;margin-block:12px}.resource-content .resource-tags{margin-top:8px}.resource-content .resource-tags span{line-height:1.6}
.reader-access-limit{font-size:14px;line-height:1.7;padding:12px 12px;border-left:3px solid #A47724;background:#F7EDCE;border-radius:0 8px 8px 0;margin:16px 0}
.resource-detail-type{display:flex;align-items:center;gap:8px;margin-bottom:16px;min-height:28px}.resource-detail-type>span{display:grid;place-items:center;width:28px;height:28px;background:var(--wash);border-radius:8px;color:var(--teal)}.resource-detail-type svg{width:18px;height:18px}

/* Long-form keyword guides: the same mobile reading scale, no new framework. */
.keyword-guide{max-width:760px;padding-bottom:40px}.keyword-guide h1{font-size:clamp(2rem,7vw,3.2rem);line-height:1.13;overflow-wrap:break-word}.keyword-guide section,.guide-actions{margin-top:32px}.keyword-guide p,.keyword-guide li{line-height:1.8}.keyword-guide h2{font-size:1.5rem;line-height:1.3}.keyword-guide a{overflow-wrap:anywhere}.guide-illustration{width:100%;height:auto;border-radius:16px;margin:16px 0}.dynasty-list{list-style:none;padding:0;border-left:2px solid var(--red,#b34d35)}.dynasty-list li{padding-left:12px;margin:12px 0}.dynasty-list summary{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between;padding:12px;border:1px solid #dedbd1;border-radius:12px;cursor:pointer;min-height:48px}.dynasty-list summary span:first-child{font-weight:700}.dynasty-list summary span:last-child{font-size:.875rem}.dynasty-list details p{padding:0 12px}.dynasty-list details>a{display:inline-block;padding:8px 12px}.guide-entry{padding:16px;border:1px solid #dedbd1;border-radius:16px;margin:24px 0}.keyword-guide blockquote{margin:16px 0;padding:16px;border-left:3px solid #b34d35;background:#f5efe6}.guide-actions>.button{margin:8px 16px 8px 0}
#site-search{display:grid;gap:12px;margin-block:24px}#site-search input,#site-search select{width:100%;min-height:48px;padding:12px;font:inherit;border:1px solid #b6b6ac;border-radius:12px;background:#fff}#search-results{list-style:none;padding:0}#search-results li{padding:16px 0;border-bottom:1px solid #dedbd1}#search-results a{font-size:1.2rem;font-weight:700;overflow-wrap:anywhere}#search-results p{margin-top:8px}
.search-form-actions{display:flex;flex-wrap:wrap;gap:12px}.search-form-actions>.primary{flex:1}.search-topics{display:flex;flex-wrap:wrap;gap:8px}.search-topics a{padding:12px 16px;border:1px solid #c6c9bc;border-radius:999px;min-height:48px}.search-result-kind{display:block;color:#56685f;font-size:.85rem;margin-bottom:4px}#search-results a{display:block;text-decoration:none}#search-results a:hover{text-decoration:underline}#search-more{margin-block:16px 24px}
.culture-media{margin:32px 0 40px;padding:0;border-radius:16px;overflow:hidden;background:#f2f0e7;border:1px solid #e1dfd4}.culture-media img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#e9e8df}.culture-media figcaption{padding:16px 16px}.culture-media figcaption p{font-size:.93rem;line-height:1.6;margin:8px 0;overflow-wrap:anywhere}.media-eyebrow{display:block;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5c6b60}.media-credit summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:.85rem}.media-credit a{overflow-wrap:anywhere}.culture-video{margin:32px 0;padding:24px;border-radius:16px;background:#f4e9df;border:1px solid #decdbf}.culture-video h2{font-size:1.4rem;line-height:1.35;margin:12px 0}.culture-video .button{white-space:normal;min-height:48px}.culture-video p{line-height:1.65}.culture-video .small{font-size:.85rem}@media(max-width:430px){.culture-media{margin:24px 0 32px}.culture-media figcaption{padding:12px}.culture-video{padding:16px}.culture-media img{max-height:480px}}

.media-image-link{display:block}.media-image-link:focus-visible{outline:3px solid #b34d35;outline-offset:-3px}.media-new-note{margin-top:24px}

.youtube-player{width:100%;min-height:200px;aspect-ratio:16/9;margin:16px 0;background:#171923;border-radius:12px;overflow:hidden}.youtube-player iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.culture-video .button{margin:4px 4px 4px 0}

.culture-media,.culture-video{min-width:0;max-width:100%}.culture-media figcaption,.culture-video{overflow-wrap:anywhere}.media-credit summary{min-height:44px;padding-block:8px;cursor:pointer}.culture-video .button{white-space:normal;text-align:center}

.youtube-player{position:relative}.youtube-player iframe{position:absolute;inset:0;width:100%;height:100%;min-height:200px}

/* Keep guide destinations visible below the sticky app bar, with thumb-sized links. */
.guide-jump{margin-block:24px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.guide-jump a{display:flex;align-items:center;min-height:48px;padding:8px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--teal);text-decoration:none}
.keyword-guide section[id],.keyword-guide li[id]{scroll-margin-top:calc(var(--appbar) + env(safe-area-inset-top) + 16px)}
@media print{.guide-jump{display:none!important}}

.guide-jump summary{display:flex;align-items:center;min-height:48px;font-size:14px;font-weight:600;cursor:pointer}.guide-jump{padding-block:4px}

/* AI Design Skills, adapted for a source-linked reading app.
   Named type styles are shared across views; component geometry stays local. */
:root{
 --heading-2:600 48px/48px var(--sans);
 --heading-3:600 36px/40px var(--sans);
 --heading-4:600 30px/36px var(--sans);
 --heading-5:600 24px/32px var(--sans);
 --heading-6:600 20px/28px var(--sans);
 --body-3:400 16px/24px var(--sans);
 --body-6:400 14px/20px var(--sans);
 --body-reading:400 18px/28px var(--sans);
 --caption:500 12px/16px var(--sans);
 --button-md:600 16px/24px var(--sans);
 --button-sm:600 14px/20px var(--sans);
 --motion-curve:cubic-bezier(.22,1,.36,1);
}
body{font:var(--body-3)}
.wrap{width:calc(100% - 32px)}
h1,.article-head h1,.tool-heading h1,.resource-detail>h1,.keyword-guide h1{font:var(--heading-4);letter-spacing:-.035em}
h2,.section-head h2,.article-body h2,.resource-section>h2{font:var(--heading-5);letter-spacing:-.025em}
h3,.card-content h3,.resource-content h3,.tool-card h3{font:var(--heading-6);letter-spacing:-.02em}
p{font-style:normal}em,i{font-style:normal;font-weight:500}
.wordmark{font:600 20px/28px var(--sans);gap:8px;letter-spacing:-.045em}
.site-header{background:var(--paper)}
.preview-context{font:var(--caption);padding-block:8px;border:0}
.tab-bar{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--surface)}
.tab-item{font:var(--caption);gap:4px}
.button,.discovery-actions .button{font:var(--button-md);padding:8px 12px;gap:8px}
.text-link,.article-jump nav>a,.guide-jump a,.guide-jump summary{font:var(--button-sm)}
.button,.icon-button,.chip,.tab-item,.tool-card,.reading-row,.discovery-paths a,.discovery-next>a{transition:color 300ms var(--motion-curve),background-color 300ms var(--motion-curve),border-color 300ms var(--motion-curve),transform 500ms var(--motion-curve)}
.button:active:not(:disabled),.icon-button:active:not(:disabled),.chip:active{transform:scale(.98)}
.button:disabled,.icon-button:disabled{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.button:not(.primary):hover,.discovery-paths a:hover,.discovery-next>a:hover,.reading-row:hover{background:var(--wash)}
.chip{padding:8px 12px;font:var(--button-sm)}
.chip.active{background:var(--ink);border-color:var(--ink)}
input,select,textarea{font:var(--body-3)}
.discovery-intro{padding-block:24px 16px}
.discovery-intro h1{font:var(--heading-5);letter-spacing:-.03em;margin-bottom:8px}
.discovery-intro p{font:var(--body-6)}
.discovery-feature{border-radius:16px;border:1px solid var(--line)}
.discovery-feature-copy{padding:16px}
.discovery-feature h2{font:var(--heading-3);letter-spacing:-.045em;margin-block:12px}
.discovery-feature p{font:var(--body-3);margin-bottom:16px}
.feature-note{font:var(--caption);padding:4px 8px;border-radius:4px;background:var(--note);color:var(--ink)}
.feature-footnote{font:var(--caption);margin-top:12px}
.discovery-actions .save-button{border-radius:12px}
.discovery-paths{padding-block:32px}
.discovery-paths h2,.discovery-next h2{font:var(--heading-6);margin-bottom:16px}
.discovery-paths a,.discovery-next>a{gap:12px;padding-block:16px}
.discovery-paths b,.discovery-next b{font:600 16px/24px var(--sans)}
.discovery-paths small,.discovery-next small{font:var(--body-6);margin-top:4px}
.curiosity-slip,.conversation-card,.resource-fit,.reader-access-limit{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--note)}
.curiosity-slip{background:#F7EAC7;border-color:#E4D4A9}
.curiosity-slip h2,.article-body .conversation-card h2{font:var(--heading-5);margin-block:12px}
.curiosity-label{font:var(--caption)}
.curiosity-slip details p,.resource-fit p{font:var(--body-3)}
.discovery-feed h2{font:var(--heading-4)}
.discovery-feed-intro,.discovery-feed .story-card p{font:var(--body-3)}
.discovery-feed .story-card{border-radius:16px}
.discovery-feed .story-card h3{font:var(--heading-5)}
.discovery-feed .card-content{padding:16px}
.discovery-feed .story-grid{gap:24px}
.stories-library .card-content h3{font:var(--heading-6)}
.stories-library .card-content>p{font:var(--body-6)}
.stories-library>h1,.learn-page .page-intro h1{font:var(--heading-4)}
.article-head h1{margin-bottom:16px}
.article-body .paragraph-row>p,.keyword-guide p,.keyword-guide li{font:var(--body-reading)}
.paragraph-row>p{margin-bottom:24px}
.article-body{max-width:65ch}
.article-body>section{margin-bottom:32px}
.article-body h2{margin-block:32px 16px}
.conversation-question{font:var(--body-reading)}
.article-body .conversation-card>.small,.culture-video .small{font:var(--body-6)}
.article-jump,.learning-orientation,.guide-jump{background:var(--surface);border-radius:12px}
.culture-media{border-color:var(--line);background:var(--note);border-radius:16px;margin-block:32px}
.culture-media figcaption{padding:16px}
.culture-media figcaption p{font:var(--body-6)}
.culture-video{padding:16px;background:var(--note);border-color:var(--line);border-radius:16px}
.culture-video h2{font:var(--heading-5)}
.youtube-player{border-radius:8px}
.tool-card,.resource-card{padding:16px;gap:12px}
.tool-result,.article-kit,.quiz-panel,.editor-hello,.learning-tip{padding:16px;background:var(--note)}
.tool-result h2{font:var(--heading-5)}
.resource-fit h2{font:600 16px/24px var(--sans)}
.resource-content p,.tool-card p{font:var(--body-6)}
.media-eyebrow{font:var(--caption);letter-spacing:0;text-transform:none}
#search-results a{font:var(--heading-6)}
.search-result-kind{font:var(--caption);color:var(--muted)}
@container app-content (min-width:600px){
 .wrap{width:calc(100% - 64px)}
 .discovery-intro{padding-block:32px 24px}
 .discovery-intro h1{font:var(--heading-3)}
 .discovery-feature-copy{padding:24px}
 .discovery-feature h2{font:var(--heading-4)}
 .article-head h1,.keyword-guide h1{font:var(--heading-3)}
}
@container app-content (max-width:360px){
 .discovery-feature h2{font:var(--heading-4)}
 .discovery-feature-copy{padding:16px}
 .stories-library .card-content h3{font:600 18px/28px var(--sans)}
 .resource-content h3{font:600 18px/28px var(--sans)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}