@font-face{font-family:Martel;src:url('./fonts/martel-regular.woff') format('woff');font-weight:400;font-display:swap}

@font-face{font-family:'Nunito Sans';src:url('./fonts/nunito-sans-regular.woff') format('woff');font-weight:400;font-display:swap}

@font-face{font-family:'Nunito Sans';src:url('./fonts/nunito-sans-semibold.woff') format('woff');font-weight:600;font-display:swap}

:root{color-scheme:light;--ink:#000;--paper:#fff;--canary:#f4ff00;--line:1px solid var(--ink);--radius:12px;--space:8px;--pill:999px;--serif:Martel,Georgia,serif;--sans:'Nunito Sans',Arial,sans-serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans)}

a,a:visited{color:inherit}
a{text-underline-offset:4px}
button,input{font:inherit;color:var(--ink);background:var(--paper)}
button{cursor:pointer;border:var(--line);border-radius:6px;touch-action:manipulation}
button:hover,a:hover{text-decoration:underline;text-underline-offset:4px}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
input{accent-color:var(--ink)}
input::placeholder{color:var(--ink)}
p,h1,h2,h3,h4,blockquote{margin:0}
summary{cursor:pointer}
::selection{background:var(--canary);color:var(--ink)}
[hidden]{display:none!important}
svg{display:block}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}

.wrap{width:min(1140px,calc(100% - 80px));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:var(--line)}
.wordmark{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:600;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--canary);font-size:26px;font-family:var(--serif);line-height:1}
.site-header nav{display:flex;gap:28px;font-size:13px}
.site-header nav a{text-decoration:none;padding-block:12px}
.site-origin{font-size:12px;text-decoration:none}
.eyebrow{text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.13em}
.micro,.query-help{font-size:11px}
.status-dot{display:inline-block;width:8px;height:8px;border:var(--line);background:var(--canary);border-radius:50%;margin-right:7px}

.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:70px 80px}
.hero h1{font:400 clamp(36px,4.7vw,62px)/1.3 var(--serif);letter-spacing:-.055em;margin:24px 0}
.hero h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--canary);text-decoration-thickness:12px;text-underline-offset:1px;text-decoration-skip-ink:none}
.hero-copy>p:not(.eyebrow){font-size:15px;max-width:350px}
.solid-button,.outline-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:11px 18px;min-height:44px;font-size:13px;font-weight:600;border:var(--line);border-radius:6px;text-decoration:none}
.solid-button{background:var(--canary);color:var(--ink)}
.outline-button{background:var(--paper)}
.hero-copy>.solid-button{margin-top:28px}
.hero-composition{padding:0 0 0 8px}
.floating-query{display:flex;align-items:center;gap:14px;border:var(--line);border-radius:var(--pill);padding:13px 18px;margin:0 25px 18px 0;background:var(--paper);font-size:13px}
.floating-query>span:first-of-type{flex:1}
.key-cap{border:var(--line);border-radius:4px;padding:0 5px}
.hero-brief{border:var(--line);border-radius:var(--radius);padding:24px;margin:0 0 0 34px;background:var(--paper)}
.mini-toolbar,.mini-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:var(--line);border-radius:var(--pill);font-size:10px;line-height:1.3}
.yellow{background:var(--canary)!important;color:var(--ink)!important}
.hero-brief h2{font:400 30px/1.5 var(--serif);letter-spacing:-.04em;margin-block:22px}
.mini-story{display:flex;align-items:center;gap:15px;font-size:13px;border-top:var(--line);padding-block:12px}
.mini-story>span:first-child{font-size:10px}
.mini-story>span:last-child{margin-left:auto}
.mini-foot{margin-top:16px;font-size:10px}
.avatar-stack{display:flex;padding-left:5px}
.avatar-stack>span{display:grid;place-items:center;width:27px;height:27px;font-size:8px;border:var(--line);border-radius:50%;background:var(--paper);margin-left:-5px}
.avatar-stack>span:nth-child(2){background:var(--canary)}
.floating-saved{display:flex;align-items:center;gap:13px;padding:16px 18px;margin:18px 26px 0 0;border:var(--line);border-radius:var(--radius);background:var(--paper)}
.floating-saved>div{flex:1}
.floating-saved strong,.floating-saved div>span{display:block}
.floating-saved strong{font-size:13px}
.floating-saved div>span{font-size:11px}
.round-icon{display:grid;place-items:center;width:36px;height:36px;border:var(--line);border-radius:50%}

.foundations{border-block:var(--line);padding-block:24px 32px}
.section-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px}
.section-label h2{font-size:14px;font-weight:600}
.section-label>span,.token-link{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.foundation-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.foundation-item h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px;font-weight:400}
.foundation-item>p{font-size:11px;margin-top:20px}
.swatches,.type-samples,.form-samples{display:flex;gap:18px;justify-content:space-between}
.swatches>div,.type-samples>div,.form-samples>div{display:flex;flex-direction:column;gap:8px;font-size:10px}
.swatch{display:block;width:52px;height:43px;border:var(--line);border-radius:4px}
.swatch.ink{background:var(--ink)}
.swatch.canary{background:var(--canary)}
.swatches code{font-size:9px;font-family:var(--sans)}
.serif-sample,.sans-sample{font-size:40px;line-height:1.2}
.serif-sample{font-family:var(--serif)}
.sans-sample{font-family:var(--sans)}
.shape{display:block;width:52px;height:43px;border:var(--line)}
.radius-shape{border-radius:12px}
.pill-shape{border-radius:var(--pill)}

.components,.study{padding-top:72px}
.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:32px}
.section-heading h2{font:400 clamp(27px,3.4vw,40px)/1.4 var(--serif);letter-spacing:-.045em;margin-top:13px}
.section-heading>p{font-size:13px}
.specimen-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--space) * 3)}
.specimen{border:var(--line);border-radius:var(--radius);overflow:hidden;min-width:0;display:flex;flex-direction:column}
.specimen-label{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 20px;border-bottom:var(--line);font-size:10px}
.specimen-label h3{font-size:12px;font-weight:600}
.specimen-label>span{font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.specimen-body{padding:calc(var(--space) * 3);flex:1;display:flex;flex-direction:column;justify-content:center;min-height:275px}
.specimen>footer{padding:13px 20px;border-top:var(--line);font-size:10px}
.specimen-query{display:flex;align-items:center;gap:12px;border:var(--line);padding:7px 8px 7px 14px;border-radius:var(--pill);margin-top:12px}
.specimen-query input{border:0;min-width:0;width:100%;font-size:14px;outline-offset:1px}
.icon-button{display:inline-grid;place-items:center;min-width:36px;min-height:36px;padding:6px;flex-shrink:0}
.specimen-query .icon-button{border-radius:50%}
.chip-row,.intent-choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.chip-row button,.intent-choices button{border-radius:var(--pill);padding:7px 12px;font-size:11px}
.chip-row button[aria-pressed=true],.intent-choices button[aria-pressed=true]{background:var(--canary)}
.specimen-intent .micro{margin-top:10px}
.mini-results{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.mini-results>span{display:flex;align-items:center;gap:8px;font-size:11px;border:var(--line);border-radius:6px;padding:9px}
.mini-results i{font-style:normal;font-size:9px;display:grid;place-items:center;background:var(--canary);width:20px;height:20px;border-radius:50%}
.switch-heading{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:15px}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;font-size:13px}
.switch-row small{display:block;font-size:10px}
.switch{appearance:none;display:inline-block;width:38px;height:22px;min-width:38px;border:var(--line);border-radius:var(--pill);margin:0;position:relative;cursor:pointer}
.switch::before{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;background:var(--ink);border-radius:50%;transition:transform 140ms ease}
.switch:checked{background:var(--canary)}
.switch:checked::before{transform:translateX(16px)}
.preference-preview{display:flex;align-items:center;gap:12px;border-top:var(--line);margin-top:12px;padding-top:16px;font-size:11px}
.sample-post>header{display:flex;align-items:center;gap:12px}
.avatar{display:inline-grid;place-items:center;border:var(--line);background:var(--paper);width:38px;height:38px;border-radius:50%;font-size:11px;flex-shrink:0}
.avatar.dark{background:var(--ink);color:var(--paper)}
.sample-post>header>div{flex:1;font-size:12px}
.sample-post>header>div>span{display:block;font-size:10px}
.sample-post>p:not(.micro){font:400 23px/1.6 var(--serif);letter-spacing:-.03em;margin:22px 0}
.post-attachment{display:flex;gap:14px;align-items:center;border:var(--line);border-radius:8px;overflow:hidden;padding-right:14px}
.attachment-glyph{display:grid;place-items:center;align-self:stretch;width:66px;min-height:70px;background:var(--canary);font:400 32px var(--serif);flex-shrink:0}
.post-attachment>div{flex:1}
.post-attachment strong,.post-attachment div>span{display:block;font-size:11px}
.post-attachment div>span{font-size:10px}
.sample-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}
.sample-actions>span{display:flex;align-items:center;gap:8px;font-size:10px}
.sample-post .micro{margin-top:8px}
.sample-actions button[aria-pressed=true]{background:var(--canary)}
.thread-row{display:flex;gap:12px;position:relative;align-items:flex-start}
.thread-row.reply{margin:20px 0 0 30px}
.thread-row:first-child::after{content:'';position:absolute;left:18px;top:46px;height:50px;width:24px;border-left:var(--line);border-bottom:var(--line);border-bottom-left-radius:12px}
.message{border:var(--line);border-radius:0 12px 12px 12px;padding:14px;flex:1}
.message strong{display:block;font-size:11px}
.message strong>span{float:right;font-size:9px;font-weight:400;margin-left:10px}
.message p{font-size:12px;margin-top:6px}
.sample-source{font-size:11px;margin-top:20px}
.sample-source summary{display:flex;align-items:center;gap:8px;list-style:none;min-height:36px}
.sample-source summary::-webkit-details-marker{display:none}
.sample-source summary>span{margin-left:auto}
.sample-source[open] summary{font-weight:600}
.sample-source>p{padding:12px 0;font-size:12px}
.reading-specimen{padding:22px}
.reading-cover{height:165px;overflow:hidden;position:relative;border:var(--line);border-radius:8px;background:var(--canary)}
.cover-orbit{position:absolute;width:180px;height:180px;border:30px solid var(--ink);border-radius:50%;right:-10px;top:-40px}
.cover-window{position:absolute;width:65px;height:95px;background:var(--paper);border:var(--line);right:72px;bottom:-10px;border-radius:40px 40px 0 0;transform:rotate(-18deg)}
.cover-label{position:absolute;left:22px;bottom:20px;font-size:26px;line-height:1;letter-spacing:-1.5px;font-weight:600}
.cover-index{position:absolute;left:22px;top:15px;font-size:10px}
.reading-caption{display:flex;gap:18px;align-items:baseline;margin-top:16px}
.reading-caption>div{flex:1}
.reading-caption h4{font:400 20px/1.5 var(--serif);margin-top:5px}
.reading-caption .sample-source{margin-top:0}
.reading-caption details[open]{flex-basis:100%}
.reading-caption:has(details[open]){flex-wrap:wrap}
.release-specimen{text-align:center;min-height:305px}
.completion-glyph{display:inline-grid;place-items:center;width:52px;height:52px;background:var(--canary);border:var(--line);border-radius:50%;margin-bottom:18px}
.completion-glyph .icon{width:26px;height:26px}
.release-specimen h4{font:400 27px/1.5 var(--serif);letter-spacing:-.03em}
.release-specimen p{font-size:12px;margin:8px 0 20px}
.empty-glyph{display:block;font-size:44px;line-height:1.2;margin-bottom:18px}

.day-picker{display:flex;gap:8px;max-width:650px}
.day-picker button{display:flex;align-items:center;gap:12px;padding:14px 16px;flex:1;font-size:11px}
.day-picker button strong{font-weight:400;flex:1;font-size:13px}
.day-picker button[aria-pressed=true]{background:var(--canary)}
.visit-context{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin:16px 0 24px}
.comparison{display:flex;gap:0;justify-content:flex-end;margin-bottom:16px}
.comparison button{display:flex;gap:8px;font-size:12px;border-radius:0;padding:9px 14px}
.comparison button:first-child{border-radius:6px 0 0 6px}
.comparison button:last-child{border-radius:0 6px 6px 0;border-left:0}
.comparison button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.comparison button span{font-size:10px}
.app{border:var(--line);border-radius:var(--radius);overflow:hidden}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:75px;padding:16px 28px;border-bottom:var(--line)}
.app-name{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:600}
.app-symbol{display:grid;place-items:center;width:30px;height:30px;font-family:var(--serif);font-size:25px;background:var(--canary);line-height:1;border-radius:50%}
.app-actions{display:flex;gap:12px}
.app-actions button{display:flex;align-items:center;gap:8px;font-size:11px;padding:8px 10px}
.app-actions .icon{width:16px;height:16px}
#saved-count{display:grid;place-items:center;min-width:18px;height:18px;background:var(--canary);border-radius:50%;font-size:10px}
.preferences,.saved-panel,.why-panel{padding:24px 28px;border-bottom:var(--line)}
.preferences{display:flex;flex-wrap:wrap;gap:22px}
.preferences>.eyebrow{width:100%}
.preferences label{display:flex;gap:10px;align-items:center;font-size:12px}
.saved-panel h3{font-family:var(--serif);font-size:23px;font-weight:400}
.saved-item{display:flex;gap:20px;padding:16px 0;align-items:baseline}
.saved-item>div{flex:1}
.saved-item p{font-size:12px;margin-top:8px}
.saved-item button{font-size:11px;padding:8px}
.intent-area{max-width:770px;margin:30px auto 0;padding-inline:28px}
.query-line{display:flex;align-items:center;gap:14px;padding:8px 8px 8px 16px;border:var(--line);border-radius:var(--pill);margin-top:10px}
.query-line input{border:0;min-width:0;width:100%;font-size:16px;padding:5px 0}
.query-line button{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:50%;background:var(--canary)}
.query-help{margin-top:12px}
.scene{padding:36px 38px;min-height:360px}
.scene-title{font:400 29px/1.45 var(--serif);letter-spacing:-.04em}
.scene-intro{font-size:12px;margin-top:8px;max-width:560px}
.scene-top{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:24px}
.scene-top .eyebrow{margin-bottom:8px}
.scene-top button{font-size:11px;padding:7px 10px;flex-shrink:0}
.brief-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.brief-item{min-width:0;border:var(--line);border-radius:var(--radius);padding:20px;position:relative}
.brief-item:nth-child(2){margin-top:30px}
.brief-item:nth-child(3){margin-top:60px}
.brief-item:only-child{grid-column:1/-1;max-width:620px}
.brief-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:10px}
.brief-item-header>.icon{width:24px;height:24px}
.brief-item h4{font:400 20px/1.5 var(--serif);letter-spacing:-.03em}
.brief-item>p{font-size:12px;margin-top:12px}
.brief-item .item-actions{margin-top:12px}
.item-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.item-actions button{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:8px 10px}
.item-actions button .icon,.source-post button .icon{width:14px;height:14px}
.item-actions button[aria-pressed=true],.source-post button[aria-pressed=true]{background:var(--canary)}
.source-disclosure{font-size:10px;margin-top:14px;border-top:var(--line)}
.source-disclosure summary{padding:12px 0;min-height:36px}
.source-post{padding:12px 0;border-top:var(--line)}
.source-post header{font-size:10px}
.source-post p{font-size:12px;margin-top:8px}
.source-post button{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:6px 8px;margin-top:10px}
.completion{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:22px;border-top:var(--line);font-size:12px}
.completion>p{display:flex;align-items:center;gap:10px}
.completion>p>.icon{width:18px;height:18px}
.completion .solid-button{font-size:11px}
.feed{max-width:620px;margin:auto}
.feed-heading{margin-bottom:24px}
.feed-heading .eyebrow{margin-bottom:8px}
.feed-post{padding:22px 0;border-top:var(--line)}
.post-meta{display:flex;align-items:center;gap:10px;font-size:11px}
.post-meta>div{flex:1}
.post-meta>div>span{display:block;font-size:10px}
.post-meta time{font-size:10px;margin-left:auto}
.feed-post>p{font-size:14px;margin:14px 0 0 48px}
.feed-post>.item-actions{margin-left:48px}
.focus-view{max-width:690px;margin:auto}
.focus-view>.eyebrow{margin-bottom:8px}
.focus-view .lede{font-size:13px;margin:14px 0 26px}
.focus-thread{padding-left:22px;border-left:var(--line);margin-left:18px}
.focus-thread article{padding:18px;border:var(--line);border-radius:0 12px 12px 12px;margin-bottom:16px;position:relative}
.focus-thread article::before{content:'';position:absolute;width:9px;height:9px;background:var(--canary);border:var(--line);border-radius:50%;left:-28px;top:22px}
.focus-thread h4{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;margin-bottom:10px}
.focus-thread p{font-size:12px}
.focus-thread .avatar{width:28px;height:28px;font-size:9px}
.focus-questions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.focus-questions button{padding:9px 12px;font-size:11px;border-radius:var(--pill)}
.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.browse-post{border:var(--line);border-radius:var(--radius);padding:18px;min-width:0}
.browse-post:nth-child(2){margin-top:32px}
.browse-post:nth-child(3){margin-top:64px}
.post-art{position:relative;height:100px;overflow:hidden;background:var(--canary);border-radius:6px;margin-bottom:18px;border:var(--line)}
.post-art::before{content:'';width:110px;height:110px;border:22px solid var(--ink);border-radius:50%;position:absolute;right:20px;top:15px}
.post-art.craft::before{border-radius:0;transform:rotate(25deg);right:45px;top:25px}
.post-art.local{background:var(--ink)}
.post-art.local::before{background:var(--canary);border:var(--line);width:80px;height:95px;border-radius:50px 50px 0 0;top:30px}
.browse-post blockquote{font:400 21px/1.5 var(--serif);letter-spacing:-.03em;margin:10px 0}
.browse-post>p:not(.eyebrow):not(.byline){font-size:12px;margin-top:10px}
.browse-post .byline{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:10px}
.browse-post .byline .avatar{width:25px;height:25px;font-size:8px}
.browse-grid.reading{display:block;max-width:700px;margin:auto}
.browse-grid.reading .browse-post{margin:0 0 22px}
.browse-grid.reading .post-art{height:135px}
.browse-grid.reading .excerpt{font-size:14px!important;line-height:1.8}
.quiet-state{max-width:610px;margin:auto;text-align:center;padding:28px 0}
.quiet-state>.eyebrow{margin-bottom:12px}
.quiet-state>p:not(.eyebrow){font-size:13px;margin:16px 0 26px}
.quiet-state>button{margin:4px;font-size:12px;padding:10px 14px}
.app-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:var(--line);padding:16px 28px;font-size:10px}
.app-footer button{padding:8px 10px;font-size:10px;white-space:nowrap}
.why-panel{border-bottom:0;max-width:800px;font-size:12px}
.why-panel h3{font-family:var(--serif);font-weight:400;font-size:23px;margin-bottom:15px}
.why-panel p+p{margin-top:12px}
.why-panel button{margin-top:16px;padding:8px 12px;font-size:11px}
.study-note{font-size:11px;margin-top:15px}
.no-script{padding:25px}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-block:64px}
.rules>div{display:grid;grid-template-columns:30px 1fr;gap:4px 10px;align-items:baseline}
.rules span{font-size:10px}
.rules strong{font-size:15px;font-weight:600}
.rules p{grid-column:2;font-size:11px}
.site-footer{border-top:var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:25px 40px;font-size:11px}
.site-footer details{max-width:280px}
.site-footer details p{padding-top:15px}
.skip-link{position:absolute;top:-100px;left:20px;background:var(--canary);padding:15px;z-index:5}
.skip-link:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

@media(max-width:900px){.wrap{width:calc(100% - 48px)}
.site-origin{display:none}
.hero{gap:36px}
.hero h1{font-size:43px}
.hero-brief{margin-left:18px;padding:20px}
.hero-brief h2{font-size:26px}
.floating-query{margin-right:0;font-size:11px;padding:12px}
.floating-saved{margin-right:10px;padding:14px}
.floating-saved div>span{font-size:10px}
.foundation-grid{gap:24px}
.swatches,.type-samples,.form-samples{gap:10px}
.shape,.swatch{width:43px}
.specimen-body{padding:22px}
.scene{padding:30px 24px}
.brief-list,.browse-grid{grid-template-columns:1fr 1fr}
.brief-item:nth-child(3),.browse-post:nth-child(3){margin-top:0;grid-column:1/-1;max-width:500px}
.brief-item:nth-child(2),.browse-post:nth-child(2){margin-top:24px}
.specimen-label>span{font-size:8px}
.reading-caption h4{font-size:18px}
.post-attachment{gap:10px}
.attachment-glyph{width:50px}
.sample-post>p:not(.micro){font-size:20px}
}

@media(max-width:600px){body{font-size:15px}
.wrap{width:calc(100% - 32px)}
.site-header{min-height:72px;gap:12px}
.wordmark{font-size:17px;gap:7px}
.brand-mark{width:28px;height:28px;font-size:22px}
.site-header nav{gap:14px;font-size:11px}
.site-header nav a:first-child{display:none}
.hero{grid-template-columns:1fr;padding-block:44px;gap:38px}
.hero h1{font-size:44px;max-width:420px;margin-block:18px}
.hero-copy>p:not(.eyebrow){font-size:14px}
.hero-composition{max-width:420px;width:100%;justify-self:center;padding-left:0}
.hero-brief{margin-left:30px}
.floating-query{margin-right:18px;font-size:12px}
.floating-saved{margin-right:24px}
.hero-brief h2{font-size:27px}
.foundation-grid{grid-template-columns:1fr;gap:25px}
.foundation-item{padding-top:20px;border-top:var(--line)}
.foundation-item:first-child{padding-top:0;border-top:0}
.foundation-item h3{margin-bottom:14px}
.swatches,.type-samples,.form-samples{justify-content:flex-start;gap:38px}
.swatch,.shape{width:60px}
.type-samples{gap:40px}
.foundation-item>p{margin-top:12px}
.components,.study{padding-top:48px}
.section-heading{gap:14px;margin-bottom:24px}
.section-heading h2{font-size:29px}
.section-heading>.tag{max-width:105px;text-align:center}
.section-heading>p{max-width:130px;font-size:11px}
.specimen-grid{grid-template-columns:1fr;gap:18px}
.specimen-label{padding:14px 18px}
.specimen-label>span{font-size:9px}
.specimen-body{min-height:245px;padding:22px}
.specimen>footer{padding:12px 18px}
.specimen-query input{font-size:16px}
.icon-button{min-width:44px;min-height:44px}
.specimen-query{gap:8px;padding-left:12px}
.specimen-query>.icon{width:16px;height:16px}
.chip-row button,.intent-choices button{min-height:40px}
.switch-row{min-height:56px}
.sample-post>p:not(.micro){font-size:24px}
.reading-cover{height:175px}
.sample-source summary{min-height:44px}
.day-picker{gap:7px}
.day-picker button{flex-direction:column;align-items:flex-start;gap:7px;padding:12px;min-width:0}
.day-picker button strong{font-size:12px}
.day-picker button span{font-size:10px}
.visit-context{flex-direction:column;gap:4px;margin-bottom:20px}
.comparison{justify-content:flex-start}
.comparison button{min-height:44px;font-size:11px}
.app-header{padding:15px;gap:10px;flex-wrap:wrap}
.app-name{font-size:17px}
.app-actions{gap:8px}
.app-actions button{min-height:40px;font-size:10px;padding:7px}
.app-actions button .icon{width:14px;height:14px}
.preferences,.saved-panel,.why-panel{padding:20px 16px}
.preferences{flex-direction:column;gap:18px}
.intent-area{padding-inline:16px;margin-top:24px}
.query-line{gap:8px;padding-left:10px}
.query-line>.icon{width:16px;height:16px}
.query-line input{font-size:16px}
.query-line button{width:40px;height:40px;min-width:40px}
.intent-choices{gap:6px}
.intent-choices button{padding:7px 10px;font-size:10px}
.query-help{font-size:10px}
.scene{padding:28px 16px}
.scene-title{font-size:25px}
.scene-top{flex-direction:column;gap:14px;align-items:flex-start}
.scene-top button{min-height:40px}
.brief-list,.browse-grid{grid-template-columns:1fr;gap:16px}
.brief-item:nth-child(n),.browse-post:nth-child(n){margin:0;max-width:none;grid-column:auto}
.brief-item-header{margin-bottom:20px}
.brief-item h4{font-size:22px}
.brief-item>p{font-size:13px}
.source-disclosure summary{min-height:44px}
.item-actions button,.source-post button{min-height:40px}
.completion{align-items:flex-start;flex-direction:column;gap:15px}
.completion .solid-button{width:100%}
.app-footer{padding:14px 16px;gap:12px}
.app-footer p{max-width:165px}
.app-footer button{min-height:40px}
.feed-post>p{margin-left:0}
.feed-post>.item-actions{margin-left:0}
.focus-thread{margin-left:6px;padding-left:17px}
.focus-thread article::before{left:-23px}
.focus-thread article{padding:15px}
.focus-questions button{min-height:44px}
.rules{grid-template-columns:1fr;gap:25px;padding-block:44px}
.site-footer{flex-wrap:wrap;gap:18px}
.site-footer>span{display:none}
.quiet-state .scene-title{font-size:27px}
.saved-item button{min-height:44px}
.post-meta{gap:8px}
.post-meta strong{font-size:12px}
.browse-post blockquote{font-size:23px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.switch::before{transition:none}
}


/* Daybook: the same Canary kit, composed around a changing workday. */
.workday-times{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:24px}
.workday-times button{display:grid;grid-template-columns:24px 1fr;gap:4px 10px;text-align:left;padding:16px;min-height:82px}
.workday-times button>.icon{grid-row:1/3;align-self:center}
.workday-times strong{font-size:12px;font-weight:600}
.workday-times button>span{font-size:11px}
.workday-times button[aria-pressed=true]{background:var(--canary)}
.workday-app{border:var(--line);border-radius:var(--radius);overflow:hidden}
.workday-mode{display:flex}
.workday-mode button{font-size:11px;padding:10px 14px;min-height:44px;border-radius:6px 0 0 6px}
.workday-mode button+button{border-left:0;border-radius:0 6px 6px 0}
.workday-mode button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.workday-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px;border-bottom:var(--line)}
.workday-toolbar>div{display:flex;gap:16px;align-items:center}
.workday-toolbar label,.blend-control{font-size:11px}
.workday-app select,.workday-app textarea,.workday-app input:not([type=checkbox]){font:400 12px/1.6 var(--sans);background:var(--paper);color:var(--ink);border:var(--line);border-radius:6px;padding:10px;max-width:100%}
.workday-app select{min-height:44px}
.workday-app textarea{width:100%;resize:vertical;min-height:100px;display:block;margin-bottom:14px}
.workday-app input::placeholder,.workday-app textarea::placeholder{color:var(--ink);opacity:1}
.workday-app select:focus-visible,.workday-app textarea:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.blend-control{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}
.workday-shell{display:grid;grid-template-columns:160px minmax(0,1fr)}
.day-rail{border-right:var(--line);padding:28px 20px}
.day-rail>.eyebrow{margin-bottom:26px}
.day-rail>.micro{margin-top:28px;font-size:9px}
.day-event{position:relative;padding:0 0 26px 13px;border-left:var(--line)}
.day-event::before{content:'';position:absolute;left:-4px;top:4px;width:7px;height:7px;border:var(--line);border-radius:50%;background:var(--paper)}
.day-event.current::before{background:var(--canary);width:11px;height:11px;left:-6px}
.day-event time,.day-event strong,.day-event>span{display:block;font-size:10px}
.day-event time{font-size:9px;margin-bottom:5px}
.day-event strong{font-weight:400}
.day-event.current strong{font-weight:600;text-decoration:underline;text-decoration-color:var(--canary);text-decoration-thickness:5px;text-underline-offset:1px;text-decoration-skip-ink:none}
.day-event>span{font-size:9px;margin-top:3px}
.day-event.past time{text-decoration:line-through}
.day-event:last-child{padding-bottom:0}
.workday-main{padding:32px 28px;min-width:0}
.workday-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.workday-heading h3{font:400 28px/1.5 var(--serif);letter-spacing:-.04em;margin-top:8px}
.workday-heading>.outline-button{font-size:10px;max-width:145px}
.workday-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;min-height:350px}
.work-card{min-width:0;border:var(--line);border-radius:var(--radius);padding:20px;background:var(--paper);overflow-wrap:anywhere}
.work-card:nth-child(2){margin-top:24px}
.work-card:nth-child(3){margin-top:48px}
.work-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:24px}
.work-card h4{font-size:12px;font-weight:600;line-height:1.45}
.work-card>header>.tag{flex-shrink:0;padding:4px 7px;font-size:9px}
.work-card h5{font:400 19px/1.5 var(--serif);letter-spacing:-.025em;margin:0 0 10px}
.work-card p{font-size:12px}
.work-card .micro,.work-meta{font-size:10px;line-height:1.5}
.work-card>.micro{margin-top:14px}
.work-card .solid-button,.work-card .outline-button{font-size:10px;padding:9px 12px;gap:10px;max-width:100%}
.work-card .solid-button>.icon,.work-card .outline-button>.icon{width:16px;height:16px}
.work-card button:disabled{cursor:default;border-style:dashed}
.work-label{display:block;font-size:10px;margin:16px 0 8px}
.work-card .meeting-time{font-size:29px;line-height:1.3;letter-spacing:-.05em;margin-bottom:20px}
.meeting-time>span{display:block;font-size:12px;letter-spacing:0;margin-top:5px}
.meeting-attendees{display:flex;align-items:center;margin:22px 0;gap:0}
.meeting-attendees .avatar{width:28px;height:28px;font-size:9px;margin-right:-5px}
.meeting-attendees>.avatar:nth-child(2){background:var(--canary)}
.meeting-attendees>span:last-child{margin-left:14px;font-size:9px}
.arrival-callout{display:flex;gap:10px;align-items:center;padding:12px;background:var(--canary);border:var(--line);border-radius:6px}
.arrival-callout strong,.arrival-callout span{display:block;font-size:11px}
.arrival-callout span{font-size:9px;margin-top:4px}
.work-detail{font-size:10px;margin:14px 0}
.work-detail summary{min-height:32px;padding:6px 0}
.work-detail p{padding:8px 0;font-size:11px}
.review-item+.review-item{border-top:var(--line);margin-top:18px;padding-top:18px}
.review-item>div{display:flex;gap:10px;align-items:flex-start}
.review-item .avatar{width:28px;height:28px;font-size:9px}
.review-item strong,.review-item div>span:not(.avatar){display:block;font-size:10px}
.review-item div>span:not(.avatar){font-size:9px;margin-top:3px}
.task-check{display:flex;align-items:center;gap:10px;font-size:11px;min-height:44px;cursor:pointer}
.task-check input,.action-row>input{width:17px;height:17px;flex-shrink:0;margin:0;accent-color:var(--ink)}
[data-component=capture]{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:0!important}
[data-component=capture]>header{grid-column:1/-1;margin-bottom:0}
.capture-action{border-left:var(--line);padding-left:28px}
.capture-action>input{width:100%;min-height:44px}
.action-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 16px}
.action-fields label{min-width:0;font-size:10px}
.action-fields select,.action-fields input{display:block;width:100%;margin-top:6px}
.workday-components:has([data-component=reflection]),.workday-components:has([data-component=followup-draft]),.workday-components:has([data-component=capture]){grid-template-columns:repeat(2,minmax(0,1fr))}
.workday-components:has(.work-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.action-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:var(--line);cursor:pointer}
.action-row:first-of-type{border-top:0;padding-top:0}
.action-row>input{margin-top:3px}
.action-row strong{display:block;font-size:11px;font-weight:400}
.action-row small{display:block;font-size:9px;margin-top:6px}
.action-row.is-done strong{text-decoration:line-through}
.draft-sheet{border-left:3px solid var(--canary);padding:0 0 0 16px;margin:22px 0}
.draft-sheet p,.draft-sheet li{font-size:11px}
.draft-sheet ul{padding-left:16px;margin-bottom:0}
.draft-sheet li+li{margin-top:10px}
.call-person+.call-person{border-top:var(--line);padding-top:20px;margin-top:20px}
.contact-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.contact-line>.avatar{width:30px;height:30px;font-size:9px;background:var(--canary)}
.contact-line>div{flex:1;min-width:100px}
.contact-line strong,.contact-line div>span{display:block;font-size:11px}
.contact-line div>span{font-size:9px}
.contact-line>.tag{margin-left:40px}
.contact-context{display:flex;gap:12px;font-size:11px;border-block:var(--line);padding:18px 0;margin-top:24px}
[data-component=contact-brief]>.eyebrow{font-size:9px;margin-bottom:14px}
.reading-item{display:grid;grid-template-columns:68px 1fr;gap:18px}
.reading-item+.reading-item{margin-top:24px;padding-top:24px;border-top:var(--line)}
.reading-number{display:grid;place-items:center;align-self:start;min-height:102px;background:var(--canary);border:var(--line);border-radius:0 8px 8px 0}
.reading-item:nth-of-type(2) .reading-number{background:var(--ink);color:var(--paper)}
.reading-number .icon{width:32px;height:32px}
.work-card .reflection-prompt{font:400 22px/1.7 var(--serif);letter-spacing:-.03em;margin-bottom:24px}
[data-component=calendar]{grid-column:1/-1;margin-top:0}
.calendar-row{display:flex;gap:22px;padding:20px 0;border-top:var(--line);align-items:baseline}
.calendar-row:first-of-type{margin-top:20px}
.calendar-row time{font-size:12px;min-width:42px}
.calendar-row time>span{display:block;font-size:10px}
.calendar-row>div{flex:1}
.calendar-row strong,.calendar-row div>span{display:block;font-size:12px}
.calendar-row div>span{font-size:10px;margin-top:4px}
.work-empty{padding:24px 0}
.workday-ending{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:var(--line);margin-top:28px;padding-top:20px;font-size:10px}
.workday-ending button{display:flex;align-items:center;gap:16px;padding:10px 12px;min-height:44px;flex-shrink:0;font-size:11px}
.workday-app .app-footer{padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:var(--line);font-size:10px}
.workday-app .app-footer a{white-space:nowrap;min-height:44px;display:flex;align-items:center}
.reasoning{padding-top:88px}
.reasoning-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.guess-panel,.composition-panel{border:var(--line);border-radius:var(--radius);padding:28px}
.guess-panel h3,.math-header h3{font-size:14px;font-weight:600}
.guess-panel>.micro{margin-top:24px;max-width:360px}
.guess-row{margin-top:22px}
.guess-row>div:first-child{display:flex;justify-content:space-between;gap:14px;font-size:11px;margin-bottom:8px}
.guess-row strong{font-variant-numeric:tabular-nums;font-weight:600}
.guess-track{height:8px;border:var(--line);border-radius:var(--pill);overflow:hidden}
.guess-track>span{display:block;height:100%;background:var(--ink)}
.guess-track>span.selected{background:var(--canary);border-right:var(--line)}
.composition-panel{margin-top:40px}
.composition-panel h3{font:400 25px/1.6 var(--serif);letter-spacing:-.035em;margin:18px 0}
.composition-pieces{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.composition-panel>p:not(.eyebrow){font-size:12px}
.composition-panel>p.micro{font-size:10px;border-top:var(--line);margin-top:24px;padding-top:16px}
.math-panel{margin-top:40px;border-top:var(--line);padding-top:28px}
.math-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.weight-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:24px 0 32px}
.weight-controls label{display:block;font-size:11px}
.weight-controls output{float:right;font-weight:600;font-variant-numeric:tabular-nums}
.weight-controls input{display:block;width:100%;min-height:36px;margin:10px 0 0}
.math-formulas{display:grid;grid-template-columns:1fr 1.4fr 1.3fr;gap:28px;margin-bottom:32px}
.math-formulas strong,.math-formulas code,.math-formulas span{display:block}
.math-formulas strong{font-size:10px;margin-bottom:14px}
.math-formulas code{font-family:var(--sans);font-size:12px;overflow-wrap:anywhere}
.math-formulas span{font-size:10px;margin-top:10px}
.math-table-wrap{overflow-x:auto;border:var(--line);border-radius:var(--radius)}
.score-table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}
.score-table caption{text-align:left;padding:14px 20px;font-size:10px;border-bottom:var(--line)}
.score-table th,.score-table td{padding:14px 20px;text-align:right;white-space:nowrap}
.score-table th:first-child{text-align:left;font-weight:400}
.score-table thead{background:var(--canary)}
.score-table thead th{font-weight:600}
.score-table tbody tr+tr{border-top:var(--line)}
.worked-example{padding:20px 0;font-size:11px}
.signal-detail{border-block:var(--line);font-size:11px}
.signal-detail summary{display:flex;justify-content:space-between;list-style:none;padding:18px 0;min-height:52px}
.signal-detail summary::-webkit-details-marker{display:none}
.signal-detail[open] summary{font-weight:600}
#signal-facts ul{padding-left:18px;margin:10px 0 24px;max-width:850px}
#signal-facts li+li{margin-top:9px}
.signal-rules{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;padding:24px 0;border-top:var(--line)}

@media(max-width:1000px){
.workday-times button{padding:12px;grid-template-columns:20px 1fr;gap:4px 8px}
.workday-times strong{font-size:11px}
.workday-shell{grid-template-columns:125px minmax(0,1fr)}
.day-rail{padding:28px 12px}
.workday-main{padding:28px 20px}
.workday-components{grid-template-columns:repeat(2,minmax(0,1fr))}
.work-card:nth-child(3){grid-column:1/-1;margin-top:0}
.workday-components>[data-component=review-queue]{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}
[data-component=review-queue]>header{grid-column:1/-1}
[data-component=review-queue] .review-item+.review-item{border-top:0;border-left:var(--line);padding:0 0 0 18px;margin-top:0}
.math-formulas{grid-template-columns:1fr}
.math-formulas p{display:grid;grid-template-columns:100px 1fr;gap:0 20px}
.math-formulas span{grid-column:2;margin-top:4px}
}
@media(max-width:700px){
.workday-times{grid-template-columns:repeat(5,140px);overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}
.workday-times button{scroll-snap-align:start;min-height:78px}
.workday-app .app-header{gap:12px}
.workday-mode{margin-left:auto}
.workday-toolbar{align-items:flex-start;flex-direction:column;gap:8px;padding:16px}
.workday-toolbar>div{width:100%;justify-content:space-between}
.workday-shell{display:block}
.day-rail{display:none}
.workday-main{padding:26px 16px}
.workday-heading{align-items:flex-start;flex-direction:column}
.workday-heading h3{font-size:26px}
.workday-heading>.outline-button{max-width:none}
.workday-components,.workday-components:has([data-component]),.workday-components>[data-component=review-queue]{grid-template-columns:1fr}
.work-card:nth-child(n){margin-top:0;grid-column:auto}
[data-component=review-queue] .review-item+.review-item{border-left:0;border-top:var(--line);padding:18px 0 0;margin-top:18px}
[data-component=capture]{display:block}
.capture-action{padding:20px 0 0;margin-top:24px;border-left:0;border-top:var(--line)}
.work-card h5{font-size:23px}
.workday-app textarea,.workday-app input:not([type=checkbox]),.workday-app select{font-size:16px}
.workday-toolbar select{max-width:220px;font-size:12px}
.work-card .solid-button,.work-card .outline-button{font-size:12px}
.work-detail summary{min-height:44px;font-size:12px}
.workday-ending{flex-wrap:wrap;gap:12px}
.workday-app .app-footer{padding:14px 16px;align-items:flex-start;gap:18px}
.workday-app .app-footer>span{max-width:200px}
.calendar-row{gap:14px;flex-wrap:wrap}
.calendar-row>.tag{margin-left:56px}
.reasoning{padding-top:56px}
.reasoning>.section-heading{align-items:flex-start;flex-direction:column}
.reasoning>.section-heading>p{max-width:none}
.reasoning-grid{grid-template-columns:1fr;gap:20px}
.guess-panel,.composition-panel{padding:22px}
.composition-panel{margin-top:0}
.math-header{align-items:flex-start;flex-direction:column;gap:8px}
.weight-controls{gap:18px;grid-template-columns:1fr}
.math-formulas p{display:block}
.math-formulas strong{margin-bottom:8px}
.math-formulas span{margin-top:8px}
.score-table th,.score-table td{padding:12px 14px}
.signal-rules{grid-template-columns:1fr;gap:20px}
}