:root{--paper:#f3f0e8;--white:#fffdf8;--ink:#252622;--muted:#6b6c63;--accent:#2855e8;--line:#d6d5c9;--soft:#eaece0;--yellow:#f5d96e;--ease:cubic-bezier(.22,1,.36,1);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#898a721a .7px,transparent .7px);background-size:7px 7px;min-height:100svh}button,input,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.38}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h2:focus{outline:none}::selection{background:var(--yellow)}[hidden]{display:none!important}
.topbar{max-width:1360px;margin:auto;padding:24px 46px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-symbol{width:31px;height:31px;display:grid;place-items:center;background:var(--accent);color:white;font-size:26px;font-weight:400;line-height:1;transform:rotate(-5deg);transition:transform .3s var(--ease)}.brand:hover .brand-symbol{transform:rotate(5deg)}.brand-name{font-size:19px;font-weight:800;letter-spacing:-.7px}.brand-name>span{font-size:14px;margin-left:10px;letter-spacing:1px;font-weight:500}.edition{color:var(--muted);font:8px ui-monospace,monospace;letter-spacing:1.2px;border-left:1px solid var(--line);padding-left:12px;margin-left:3px}.header-actions{display:flex;gap:24px;align-items:center}.document-link{font-size:11px;text-decoration:none}.document-link:hover{color:var(--accent)}.outline{padding:10px 15px;border:1px solid var(--ink);border-radius:0;background:transparent;font-size:11px;transition:background .2s,transform .25s,box-shadow .25s}.outline:hover{background:var(--yellow);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}.outline:active{transform:none;box-shadow:none}#wish-count{margin-left:9px;border-left:1px solid #8c8b80;padding-left:9px;font:10px ui-monospace,monospace;color:var(--accent);display:inline-block}.count-pop{animation:pop .35s var(--ease)}.motion-toggle{border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:8px 0;font-size:10px;color:var(--muted)}.motion-bars{display:flex;gap:2px;align-items:center;height:11px}.motion-bars i{display:block;background:var(--ink);width:2px;height:7px;animation:equalize 1.5s ease-in-out infinite}.motion-bars i:nth-child(2){height:11px;animation-delay:-.5s}.motion-bars i:nth-child(3){height:5px;animation-delay:-1s}
main{max-width:1268px;margin:0 auto;padding:48px 40px 0;display:grid;grid-template-columns:minmax(240px,.88fr) minmax(0,2fr);gap:0 58px;align-items:start}.intro{position:sticky;top:35px;padding:7px 0 0;min-width:0}.eyebrow{font:9px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px;color:var(--muted);margin:0 0 27px}.live-dot{display:none}h1{font-size:clamp(47px,5.2vw,70px);line-height:1.17;letter-spacing:-3px;font-weight:700;margin:0 0 23px}.title-line{display:block;animation:rise .6s var(--ease) both}.title-line:nth-child(2){animation-delay:.07s}.title-accent{color:var(--accent);display:table;position:relative;isolation:isolate;animation-delay:.14s}.title-accent:after{content:"";position:absolute;left:-5px;right:2px;bottom:7px;height:16px;background:var(--yellow);z-index:-1;transform:rotate(-3deg);transform-origin:left;animation:underline-in .7s .25s var(--ease) both}.lead{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.notebook-art{margin-top:23px;width:100%;max-width:286px}.notebook-art img{display:block;width:100%;height:auto;animation:paper-settle .8s .2s var(--ease) both}.notebook-art span{display:block;font-size:10px;color:var(--muted);letter-spacing:1px;margin:5px 0 0 16px}
.workspace{min-width:0;scroll-margin-top:28px;position:relative;border:1px solid #c9c9bd;background:var(--white);box-shadow:5px 5px 0 #e2e2d7;padding:0 27px 0}.workspace:before{content:"";position:absolute;left:23px;right:23px;top:-6px;height:5px;border:1px solid #d8d7cb;background:#f9f8f1;z-index:-1}.steps{position:relative;display:flex;width:100%;border-bottom:1px solid var(--line);margin-bottom:28px;padding:0;isolation:isolate}.steps button{position:relative;z-index:1;width:33.333%;padding:20px 8px 18px;text-align:left;border:0;background:transparent;color:var(--muted);font-size:12px;transition:color .25s}.steps button>span{font:10px ui-monospace,monospace;margin-right:9px}.steps button[aria-current=step]{color:var(--accent);font-weight:650}.step-indicator{position:absolute;left:0;bottom:-1px;width:33.333%;height:3px;background:var(--accent);transform:translateX(calc(var(--step-index,0)*100%));transition:transform .45s var(--ease);pointer-events:none}
.panel{position:relative;min-height:435px;padding-bottom:24px;animation:panel-in .4s var(--ease) both}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:23px}.section-heading .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:8px;color:var(--accent)}h2{font-size:23px;line-height:1.4;font-weight:650;letter-spacing:-.6px;margin:0}.hint{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.section-heading>.hint{max-width:110px;text-align:right}.aspect-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.aspect-card{position:relative;isolation:isolate;text-align:left;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:22px 17px 20px 47px;min-height:91px;transition:background .25s,color .25s;animation:row-in .5s calc(var(--card-index)*32ms) var(--ease) both}.aspect-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .3s var(--ease)}.aspect-card:hover,.aspect-card:focus-visible{background:#eef1ff}.aspect-card:hover:before,.aspect-card:focus-visible:before{transform:scaleY(1)}.aspect-card:active{background:#e3e9ff}.aspect-card .number{position:absolute;left:14px;top:23px;font:9px ui-monospace,monospace;color:#777e8c}.aspect-card strong{display:block;font-size:14px;line-height:1.4;font-weight:600;margin-bottom:6px}.aspect-card small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.card-glyph{position:absolute;right:11px;top:11px;display:block;width:20px;height:20px;opacity:.65;color:var(--accent);transition:opacity .3s,transform .3s}.card-glyph svg{width:100%;height:100%}.aspect-card:hover .card-glyph{opacity:0;transform:translate(3px,-3px)}.aspect-card .arrow{position:absolute;right:15px;top:13px;font-size:18px;color:var(--accent);opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .3s}.aspect-card:hover .arrow,.aspect-card:focus-visible .arrow{opacity:1;transform:none}.quiet-note{font-size:9px;line-height:1.8;color:var(--muted);margin:17px 0 0}.text-button{font-size:11px;color:var(--accent);border:0;padding:6px 0;background:transparent;transition:transform .25s}.text-button:hover{transform:translateX(2px);text-decoration:underline;text-underline-offset:4px}.detail-glyph{position:absolute;right:0;top:65px;width:47px;height:47px;color:var(--accent);opacity:.17;pointer-events:none}.detail-glyph svg{width:100%;height:100%}.explanation{font-size:12px;line-height:1.9;color:var(--muted);margin:0 55px 23px 0}.idea-card{border:1px solid #d9d2b4;background:#fff8d9;padding:23px 23px 21px;position:relative;margin:0 0 20px;box-shadow:3px 3px 0 #efead8}.idea-card:before{content:"";position:absolute;top:-9px;left:calc(50% - 30px);width:60px;height:17px;background:#e0dfcb90;transform:rotate(-3deg)}.tag{font:9px ui-monospace,monospace;color:#786233}.idea-card>p{font-size:21px;line-height:1.75;font-weight:500;letter-spacing:-.4px;margin:14px 0 24px;color:#383627}.idea-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.primary{position:relative;border:1px solid var(--accent);border-radius:0;background:var(--accent);color:white;font-size:12px;line-height:1.4;padding:12px 17px;box-shadow:3px 3px 0 #b8c5ee;transition:box-shadow .25s,transform .25s,background .25s}.primary:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #b8c5ee;background:#1743d6}.primary:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #b8c5ee}.primary>span{display:inline-block;margin-left:16px;font-size:16px;transition:transform .3s}.primary:hover>span{transform:translate(2px,-2px)}
.panel details{margin-top:20px}.panel summary{display:flex;align-items:center;gap:12px;width:fit-content;cursor:pointer;list-style:none;min-height:28px;font-size:11px;color:var(--muted)}.panel summary::-webkit-details-marker{display:none}.panel summary>span[aria-hidden]{display:inline-block;transition:transform .3s}.panel details[open] summary>span[aria-hidden]{transform:rotate(45deg)}.evidence-body{border-top:1px dashed var(--line);padding-top:16px;margin-top:10px;font-size:11px;line-height:1.9;animation:rise .3s var(--ease)}.evidence-body p{margin:0 0 12px;display:grid;grid-template-columns:75px 1fr;gap:12px}.evidence-body b{color:var(--ink);font-weight:600}.evidence-body span{color:var(--muted)}.evidence-body a{font-size:10px;color:var(--accent)}.field-label{display:block;font-size:14px;font-weight:550;margin-bottom:12px}textarea{display:block;width:100%;resize:vertical;min-height:130px;border:1px solid #bfc5d3;border-radius:0;background-color:#fffef9;background-image:repeating-linear-gradient(transparent,transparent 31px,#e3e5ec 31px,#e3e5ec 32px);background-position:0 15px;padding:16px 18px;font-size:16px;line-height:32px;color:var(--ink);transition:border-color .25s,box-shadow .3s}textarea:focus{outline:none;border-color:var(--accent);box-shadow:3px 3px 0 #dbe2f9}textarea::placeholder{font-size:12px;color:#7c7f83}.field-foot{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:var(--muted);margin-top:10px}.optional{font-size:9px;border-bottom:1px solid var(--line);color:var(--muted)}#optional-fields textarea{font-size:13px;margin-top:11px;min-height:90px;animation:rise .3s var(--ease)}.form-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:25px}.storage-hint{font-size:9px;line-height:1.7;color:var(--muted)}
.success-panel{padding:32px 12px 35px;text-align:center}.wish-arrival{position:relative;width:110px;height:95px;margin:0 auto 15px}.success-icon{display:grid;place-items:center;width:76px;height:76px;border:2px solid var(--accent);border-radius:50%;color:var(--accent);margin:auto;transform:rotate(-12deg);animation:stamp .5s var(--ease) both}.success-icon svg{width:41px;height:41px}.success-icon path{stroke-dasharray:28;stroke-dashoffset:28;animation:check .4s .2s forwards}.success-panel>.eyebrow{font-size:9px;margin-bottom:12px}.success-panel h2{font-size:30px}.success-panel #saved-preview{font-size:16px;line-height:1.9;max-width:540px;margin:20px auto 12px;overflow-wrap:anywhere}.success-actions{display:flex;justify-content:center;gap:17px;margin-top:27px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,12px);background:var(--ink);color:var(--white);padding:14px 20px;border:1px solid var(--ink);font-size:12px;box-shadow:3px 3px 0 #a5a79a;max-width:min(90vw,600px);opacity:0;pointer-events:none;transition:opacity .2s,transform .3s;z-index:10}.toast.visible{opacity:1;transform:translate(-50%,0)}footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:38px;padding:18px 0 24px;font-size:9px;letter-spacing:.5px;color:var(--muted)}.footer-dot{margin:0 8px}
dialog{width:min(660px,calc(100% - 32px));max-height:85svh;background:var(--white);border:1px solid var(--ink);border-radius:0;color:var(--ink);padding:28px;box-shadow:7px 7px 0 #575e6c55}dialog[open]{animation:paper-settle .35s var(--ease)}dialog::backdrop{background:#222a3955}.dialog-header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.dialog-header .eyebrow{margin-bottom:8px}.icon-button{border:1px solid var(--line);width:32px;height:32px;line-height:27px;background:transparent;font-size:26px}.icon-button:hover{background:var(--yellow)}.saved-item{padding:20px;border:1px solid var(--line);border-left:3px solid var(--accent);background:#fffef9;margin:12px 0;overflow-wrap:anywhere;animation:rise .3s var(--ease)}.saved-meta{display:flex;justify-content:space-between;gap:12px;font:9px ui-monospace,monospace;color:var(--muted)}.saved-item h3{font-size:15px;font-weight:550;line-height:1.8;margin:12px 0 8px;white-space:pre-wrap}.saved-item p{font-size:12px;line-height:1.8;white-space:pre-wrap;color:var(--muted)}.saved-item-actions{display:flex;gap:20px;margin-top:12px}.delete-button{color:#9f4931}.dialog-footer{margin-top:22px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.empty-state{padding:35px 15px;text-align:center;font-size:13px;line-height:2;color:var(--muted)}#export-fallback{margin-top:22px}#export-fallback .field-label{font-size:12px}#export-text{font-size:12px;margin-bottom:12px}.skip{position:absolute;left:10px;top:-90px;background:white;padding:12px;z-index:12}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.noscript{margin:20px;padding:20px;background:white}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes panel-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}@keyframes row-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes paper-settle{from{opacity:0;transform:translateY(14px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes underline-in{from{scale:0 1}to{scale:1 1}}@keyframes equalize{50%{transform:scaleY(.45)}}@keyframes pop{50%{transform:translateY(-3px)}}@keyframes stamp{from{opacity:0;transform:rotate(8deg) scale(1.35)}to{opacity:1;transform:rotate(-12deg) scale(1)}}@keyframes check{to{stroke-dashoffset:0}}
@media(min-width:1000px) and (max-height:800px){.topbar{padding-top:18px;padding-bottom:18px}main{padding-top:32px;gap:0 48px}.intro{padding-top:7px}h1{font-size:60px}.intro .eyebrow{margin-bottom:21px}.notebook-art{max-width:240px;margin-top:12px}.steps{margin-bottom:23px}.steps button{padding-top:17px;padding-bottom:16px}.aspect-card{min-height:83px;padding-top:18px;padding-bottom:17px}.aspect-card .number{top:19px}.section-heading{margin-bottom:19px}.panel{min-height:410px}footer{margin-top:28px}}
@media(max-width:1000px){main{grid-template-columns:225px 1fr;gap:0 30px;padding:35px 28px 0}.topbar{padding:22px 30px}.workspace{padding:0 20px}.aspect-card{padding:20px 13px 18px 36px}.aspect-card .number{left:10px;font-size:8px}.aspect-card strong{font-size:13px}.aspect-card small{font-size:9px}.card-glyph{display:none}.aspect-card .arrow{right:9px;top:14px;font-size:15px}h1{font-size:51px}.intro .eyebrow{font-size:8px}.lead{font-size:12px}.section-heading>.hint{display:none}h2{font-size:21px}}
@media(max-width:760px){.topbar{padding:19px 24px}.header-actions{gap:14px}.edition{display:none}.brand-name{font-size:17px}.brand-name>span{font-size:12px}.document-link{font-size:10px}main{display:block;padding:25px 24px 0}.intro{position:relative;top:auto;padding:4px 0 30px;min-height:245px;display:flex;justify-content:space-between;align-items:center;gap:15px}.intro .eyebrow{font-size:8px;margin-bottom:15px}h1{font-size:43px;line-height:1.15;letter-spacing:-2px;margin-bottom:14px}.title-line{display:inline}.title-line:first-child{display:block}.title-accent{display:inline-block;margin-left:0}.title-accent:after{bottom:3px;height:12px}.lead{font-size:11px}.notebook-art{width:37%;max-width:235px;margin:0;flex:none}.notebook-art span{font-size:8px;margin-left:5px}.workspace{padding:0 24px}.aspect-card{padding:22px 18px 20px 47px;min-height:88px}.aspect-card .number{left:15px;top:24px;font-size:9px}.aspect-card strong{font-size:14px}.aspect-card small{font-size:10px}.card-glyph{display:block;width:18px;height:18px}h2{font-size:23px}.panel{min-height:420px}footer{margin-top:28px}.steps{margin-bottom:25px}}
@media(max-width:480px){.topbar{padding:17px 19px;gap:13px}.brand{gap:9px}.brand-symbol{width:27px;height:27px;font-size:23px}.brand-name{font-size:16px}.brand-name>span{font-size:11px;margin-left:7px}.header-actions{gap:14px}.document-link,#motion-label{display:none}.outline{font-size:10px;padding:9px 10px}main{padding:22px 17px 0}.intro{min-height:232px;align-items:start;padding:7px 0 27px}.intro .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:17px}h1{font-size:39px}.lead{font-size:11px}.notebook-art{position:absolute;width:136px;right:-3px;bottom:25px;opacity:.8;z-index:-1}.notebook-art span{display:none}.hero-copy{max-width:100%}.workspace{padding:0 16px;box-shadow:4px 4px 0 #e2e2d7}.steps button{font-size:11px;padding:18px 4px 16px}.steps button>span{font-size:9px;margin-right:6px}.steps{margin-bottom:23px}.section-heading{margin-bottom:19px}.section-heading .eyebrow{font-size:7px}h2{font-size:21px}.aspect-grid{grid-template-columns:1fr}.aspect-card{padding:17px 17px 15px 44px;min-height:72px}.aspect-card .number{left:16px;top:19px}.aspect-card strong{font-size:14px;margin-bottom:4px}.aspect-card small{font-size:10px}.card-glyph{width:26px;height:26px;right:17px;top:19px;opacity:.45}.aspect-card .arrow{right:23px;top:22px}.quiet-note{font-size:8px}.detail-glyph{display:none}.explanation{margin-right:0;font-size:12px}.idea-card{padding:22px 18px}.idea-card>p{font-size:19px;line-height:1.8}.idea-actions{gap:15px}.primary{font-size:11px}.section-heading>.text-button{font-size:10px;white-space:nowrap}.evidence-body p{display:block}.evidence-body b{display:block;margin-bottom:4px}.form-actions{gap:14px}.storage-hint{font-size:9px;max-width:120px}.field-foot{font-size:8px}.field-label{font-size:13px}textarea{padding:15px;font-size:15px}.success-panel{padding-top:23px}.success-panel #saved-preview{font-size:14px}.success-panel h2{font-size:27px}footer{font-size:8px;gap:5px;flex-wrap:wrap}.dialog-footer{flex-wrap:wrap}dialog{padding:23px 19px}.saved-item{padding:16px}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .success-icon path{stroke-dashoffset:0}.motion-paused .motion-bars i{transform:scaleY(.5)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.success-icon path{stroke-dashoffset:0}}
@media(forced-colors:active){.title-accent{color:CanvasText}.primary{border:1px solid ButtonText}.step-indicator{background:Highlight}.notebook-art{display:none}}

/* Existing research examples stay folded until requested. */
.panel .research-examples{margin:0 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0}
.panel .research-examples>summary{width:100%;justify-content:space-between;color:var(--accent);min-height:32px}
.examples-note{font-size:10px;line-height:1.8;color:var(--muted);margin:10px 0 12px}
.examples-list{list-style:none;margin:0;padding:0}
.research-example{padding:15px 0;border-top:1px dashed var(--line)}
.example-source{display:flex;align-items:baseline;gap:10px;text-decoration:none;font-size:11px;color:var(--accent);width:fit-content;max-width:100%;line-height:1.7}
.example-source:hover{text-decoration:underline}.example-id{font:10px ui-monospace,monospace;background:#eef1ff;padding:3px 5px;flex:none}
.example-question{font-size:13px;line-height:1.8;margin:9px 0 5px;color:var(--ink)}
.example-boundary{font-size:10px;line-height:1.8;margin:0;color:var(--muted)}
.example-reading-links{display:flex;gap:20px;margin-top:5px}.example-reading-links a{font-size:10px;text-decoration:none}.example-reading-links a:hover{text-decoration:underline}
body.reading-open{overflow:hidden}
.research-dialog{width:min(1140px,calc(100% - 40px));height:92svh;max-height:960px;padding:0;overflow:hidden}
.research-dialog[open]{display:flex;flex-direction:column}
.reader-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px 16px;border-bottom:1px solid var(--line);flex:none}
.reader-header .eyebrow{margin:0 0 6px;font-size:8px}.reader-header h2{font-size:21px}.reader-header button{flex:none}
.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 26px;border-bottom:1px solid var(--line);flex:none}
.reader-switch{display:flex;gap:22px}.reader-switch button{background:transparent;border:0;border-bottom:2px solid transparent;padding:14px 0 12px;font-size:12px;color:var(--muted)}
.reader-switch button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}
.reader-toolbar>a{font-size:11px;color:var(--accent);text-decoration:none}
#research-frame{display:block;width:100%;flex:1;min-height:0;border:0;background:white}
.reader-footnote{flex:none;font-size:9px;color:var(--muted);line-height:1.7;padding:9px 26px;margin:0;border-top:1px solid var(--line)}
@media(max-width:600px){.research-dialog{width:calc(100% - 16px);height:95svh;max-height:95svh}.reader-header{padding:16px;align-items:start;gap:12px}.reader-header h2{font-size:16px;line-height:1.6}.reader-header .outline{font-size:10px;padding:8px}.reader-toolbar{padding:0 16px}.reader-switch{gap:17px}.reader-switch button{font-size:11px}.reader-toolbar>a{font-size:10px}.reader-footnote{padding:8px 16px;font-size:8px}}
/* One short example is visible; research details are optional. */
.lead-invitation{display:block;margin-top:10px;color:var(--muted);font-size:12px}
.panel .explanation{margin-bottom:20px}
.aspect-picture{margin:0 0 16px;padding:17px 20px 18px;border:1px solid var(--line);background:#faf9f3}
.picture-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:600}
.picture-note{color:var(--muted);font-size:10px;font-weight:400}
.aspect-diagram{max-width:560px;margin:6px auto 0}.aspect-diagram svg{width:100%;height:auto;display:block;overflow:visible;font-family:inherit}
.aspect-picture figcaption{font-size:13px;line-height:1.85;margin:4px 0 0;padding:10px 12px;background:#fff4c8;color:var(--ink)}
.panel .aspect-guide{margin:0 0 12px;border-bottom:1px solid var(--line)}
.panel .aspect-guide>summary{width:100%;justify-content:space-between;padding:10px 0;color:var(--accent);font-size:11px;min-height:40px}
.guide-body{padding:6px 0 16px}.guide-body h3{font-size:12px;line-height:1.8;margin:0 0 6px;font-weight:650}
.guide-body p{font-size:13px;line-height:1.85;margin:0;color:#50524b;overflow-wrap:anywhere}
.guide-basics{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 0 18px}.guide-research a{display:inline-block;margin-top:10px;font-size:11px}
.panel .research-examples{border-top:0;margin-bottom:20px;padding:0 0 8px}
@media(max-width:600px){.aspect-picture{padding:13px 12px}.picture-heading{font-size:11px}.picture-note{font-size:9px}.aspect-picture figcaption{font-size:12px;padding:9px 10px}.guide-basics{grid-template-columns:1fr;gap:14px}.guide-body p{font-size:12px}.lead-invitation{font-size:11px}}