@charset "UTF-8";
:root{--paper:#f7f7f2;--white:#fff;--ink:#222a2b;--muted:#68706f;--line:#dedfd7;--blue:#2b4ed0;--blue-dark:#213fae;--mint:#e2eee5;--peach:#f7e1d8;--yellow:#f3e8bf;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{background:none;border:0}button:disabled{cursor:default}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #4874ef;outline-offset:4px;border-radius:3px}input,textarea,select{min-width:0}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.5}p{overflow-wrap:anywhere}h1{font-weight:750;letter-spacing:-.045em}h2{font-size:30px;letter-spacing:-.025em;font-weight:700}h3{font-size:19px;letter-spacing:-.01em}h4{font-size:15px}ul,ol{padding-left:1.5em;margin:12px 0}li+li{margin-top:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}::selection{background:#dce4ff;color:#172d7d}[hidden]{display:none!important}.container{width:calc(100% - 96px);max-width:1232px;margin-inline:auto}.narrow{max-width:830px}.section{padding-block:78px}.section-tight{padding-top:34px}.skip-link{position:fixed;z-index:300;left:20px;top:-80px;background:var(--ink);color:#fff;padding:12px 18px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,247,242,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;padding:0 48px;height:83px;margin:0 auto;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font:800 25px/1.2 system-ui,sans-serif;letter-spacing:-1.1px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--blue);color:#fff;border-radius:50%}.brand-dot{color:var(--blue)}.desktop-nav{margin:auto;display:flex;gap:27px;align-items:center}.desktop-nav a{font-size:13px;font-weight:600;white-space:nowrap;position:relative;padding:30px 0}.desktop-nav a::after{content:"";height:2px;background:var(--blue);position:absolute;bottom:19px;left:0;right:100%;transition:right .2s}.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{right:0}.desktop-nav a[aria-current]{color:var(--blue)}.header-actions{display:flex;gap:17px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:35px;min-height:42px;padding:6px}.icon-button kbd{font:11px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:2px 5px}.menu-button{display:none}.mobile-nav{background:var(--paper);padding:12px 24px 24px;border-top:1px solid var(--line);max-height:80vh;overflow:auto}.mobile-nav a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.eyebrow{display:flex;gap:15px;align-items:center;font:11px/1.5 var(--mono);letter-spacing:1.5px;font-weight:600;color:var(--muted);margin-bottom:18px}.eyebrow>span:first-child{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:49px;padding:13px 22px;border-radius:5px;font-size:13px;font-weight:650;line-height:1.6;transition:background .18s,transform .18s;white-space:normal}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);color:#fff;box-shadow:0 4px 0 #2442b21a}.button.primary:hover{background:var(--blue-dark)}.button.dark{background:var(--ink);color:#fff}.button.outline{border:1px solid #c5c9c7;background:transparent}.button.outline:hover{background:#e9ede8}.button.text-button{padding-left:4px;padding-right:0;gap:8px}.button.light-outline{color:#fff;border:1px solid #758e9d}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:650;line-height:1.7}.text-link:hover{color:var(--blue)}.hero-buttons{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.home-hero{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:570px;padding-top:36px;padding-bottom:38px;position:relative}.hero-copy{position:relative;z-index:2;padding-top:12px}.hero-tags{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:25px}.hero-tags>span:first-child{font-size:11px;font-weight:600;display:flex;align-items:center;gap:7px}.hero-tags i{width:6px;height:6px;border-radius:50%;background:#47785d}.hero-tags>span:last-child{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.home-hero h1{font-size:clamp(42px,4.7vw,66px);line-height:1.3;letter-spacing:-.07em;margin-bottom:23px}.title-dot{color:var(--blue)}.hero-description{font-size:14px;line-height:2.05;color:#56605f;margin-bottom:29px}.hero-caption{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted);margin-top:37px}.hero-caption>span:last-child{font:9px var(--mono);letter-spacing:.7px;margin-left:18px}.tiny-compass{color:var(--blue)}.hero-visual{position:relative;margin-left:-10px;margin-right:-35px}.hero-visual>img{width:100%;mix-blend-mode:multiply}.image-stamp{position:absolute;right:24px;bottom:6px;display:flex;align-items:center;gap:13px;background:#f7f7f2e8;padding:10px 14px;border:1px solid #d4d7c9;transform:rotate(-5deg);box-shadow:2px 2px 0 #e3e6d8}.image-stamp span{font:9px/1.5 var(--mono);letter-spacing:.7px}.image-stamp svg{color:var(--blue)}.start-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.start-strip>a{display:flex;align-items:center;gap:20px;padding:24px 28px 24px 0}.start-strip>a+a{border-left:1px solid var(--line);padding-left:30px}.start-strip>a>svg{margin-left:auto}.step-small{font:11px var(--mono);color:var(--blue);border:1px solid #cbd2e4;display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%}.start-strip strong{font-size:15px}.start-strip div>span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.start-strip a:hover strong{color:var(--blue)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.section-head h2{font-size:29px;letter-spacing:-.04em}.section-head .eyebrow{margin-bottom:11px}.section-head>.text-link{padding-bottom:4px;white-space:nowrap}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:26px}.filter-chip{padding:9px 16px;border:1px solid var(--line);border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;line-height:1.5;background:transparent;min-height:38px;transition:background .2s,border-color .2s}.filter-chip small{margin-left:2px;color:inherit;opacity:.7}.filter-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filter-chip:not(.active):hover{background:#e9ece5;border-color:#b9c0b5}.field-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.field-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:7px;padding:22px 20px 17px;transition:border-color .2s,transform .2s,box-shadow .2s;min-width:0}.field-card:hover{border-color:#b6c2e5;transform:translateY(-4px);box-shadow:0 9px 20px #1c2d5110}.field-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.field-icon{height:45px;width:45px;border-radius:11px;background:color-mix(in srgb,var(--field-color) 16%,white);color:color-mix(in srgb,var(--field-color) 75%,#13212d);display:grid;place-items:center}.card-number{font:10px var(--mono);color:#8d9490}.card-en{font:9px/1.5 var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);display:block}.field-card h3{font-size:17px;letter-spacing:-.04em;margin-top:6px;margin-bottom:10px}.field-card>p{font-size:11px;color:var(--muted);line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:22px}.field-card-bottom{margin-top:auto;border-top:1px solid #eceee8;display:flex;align-items:center;justify-content:space-between;padding-top:13px}.field-card-bottom>span{font:8px var(--mono);letter-spacing:.6px;color:#7d8582}.field-card-bottom svg{color:var(--blue)}.art-label{position:absolute;left:26px;bottom:22px;font:10px var(--mono);letter-spacing:1.5px;color:#39533b}.project-teasers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-teaser{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:260px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white}.project-teaser>div{padding:24px 30px 24px 0}.project-teaser h3{font-size:22px;line-height:1.65;margin:10px 0}.project-teaser p{font-size:12px;color:var(--muted);margin-bottom:16px}.project-teaser .text-link{font-size:11px;gap:8px}.project-illustration{height:200px;position:relative;display:flex;align-items:center;justify-content:center;margin:20px}.game-illustration{background:#e6eafe;color:#3b57cc;border-radius:50% 50% 43% 48%;transform:rotate(-7deg)}.game-illustration>svg{width:100px;height:100px;stroke-width:1.4}.floating-star{font-size:40px;color:#e3a855;position:absolute;top:-6px;right:10px;transform:rotate(13deg)}.prompt-illustration{background:#f2e6d3;flex-direction:column;gap:12px;border-radius:48% 44% 49% 42%;transform:rotate(4deg)}.prompt-line{display:block;background:#fff;padding:9px 19px;box-shadow:3px 3px 0 #daccb5;font-size:13px;font-weight:600;transform:rotate(-4deg);border-radius:4px}.prompt-line:nth-child(2){margin-left:25px}.prompt-cursor{position:absolute;width:3px;height:21px;background:#e2764d;bottom:25px;right:45px}.history-banner{background:#1c343b;color:#fff;margin-top:0;padding:60px 0}.history-banner-inner{display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);gap:20px;align-items:center}.history-banner .eyebrow{color:#a9bfc0}.history-banner .eyebrow>span:first-child{color:#a0d4ba}.history-banner h2{font-size:32px;line-height:1.7}.history-banner p{font-size:12px;color:#b1c4c6;margin:16px 0 25px}.history-preview{border-left:1px solid #49636a;margin-left:25px;display:grid;grid-template-columns:1fr 1fr;gap:27px;padding-left:44px}.history-preview>div{padding:10px 0}.history-preview>div>span{font:48px/1.1 var(--mono);letter-spacing:-3px;color:#d6e2de}.history-preview p{font-size:11px;margin:9px 0 0;color:#a6bcba}.history-preview>.history-now>span{font-size:45px;color:#ccdf8b}.history-preview>.history-now p{color:#ccdf8b}.section-intro{color:var(--muted);font-size:13px;margin-top:-10px;margin-bottom:26px;display:flex;justify-content:space-between;gap:20px}.section-intro>span{font:10px var(--mono);white-space:nowrap;align-self:center}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{border-top:2px solid var(--ink);padding:20px 0 0;display:flex;flex-direction:column;min-width:0}.news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.news-meta time{font:10px var(--mono);color:var(--muted);margin-left:auto}.tag{display:inline-flex;align-items:center;font-size:9px;border:1px solid #d6ddd1;padding:3px 8px;border-radius:3px;background:#edf1e8;line-height:1.7;max-width:100%}.news-card h3{font-size:19px;line-height:1.7;margin:16px 0 11px}.news-card h3 a:hover{color:var(--blue)}.news-card>p{font-size:12px;color:var(--muted);line-height:1.95;margin-bottom:22px}.news-card-bottom{margin-top:auto;border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.news-card-bottom>span{font:10px var(--mono);color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:#eeefe8;padding-top:48px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.15fr;gap:40px;padding-bottom:40px}.footer-top .brand{font-size:23px}.footer-top .brand-mark{width:32px;height:32px}.footer-top p{font-size:11px;color:var(--muted);line-height:2;margin-top:18px}.footer-top h3{font-size:12px;margin-bottom:17px}.footer-top>div>a:not(.brand){display:block;font-size:11px;color:var(--muted);margin:9px 0}.footer-top>div>a:hover{color:var(--blue)}.footer-note{display:block;font:9px/1.8 var(--mono);letter-spacing:1px;margin-top:20px;color:#8b9288}.footer-bottom{padding:19px 0;border-top:1px solid #d9ddd1;display:flex;justify-content:space-between;gap:15px;font:9px/1.5 var(--mono);color:#747e73}.footer-bottom>span:last-child{display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:6px;height:6px;background:#5e8b62;border-radius:50%;flex-shrink:0}
/* Index pages */
.breadcrumbs{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted);padding-top:23px;padding-bottom:18px;line-height:1.8}.breadcrumbs a:hover{color:var(--blue)}.breadcrumbs>span:last-child{color:var(--ink)}.page-title{padding-top:41px;padding-bottom:42px}.page-title h1{font-size:clamp(33px,3.6vw,49px);line-height:1.55;margin-bottom:24px}.page-title>p{max-width:760px;color:var(--muted);font-size:14px;line-height:2}.category-spread{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:10px}.category-spread>div+div{border-left:1px solid var(--line);padding-left:35px}.category-spread>div>span{font:10px var(--mono);color:var(--blue);letter-spacing:1px}.category-spread h2{font-size:20px;margin-top:8px}.category-spread p{font-size:12px;color:var(--muted);margin-top:6px}.field-grid-large{grid-template-columns:repeat(3,1fr);gap:22px}.field-card-wide{padding:30px}.field-card-wide h3{font-size:22px}.field-card-wide .card-en{font-size:10px}.field-card-wide>p{font-size:13px;display:block}.field-card-wide .field-icon{height:54px;width:54px}.field-card-wide .field-card-top{margin-bottom:28px}.field-card-wide .field-card-bottom>span{font-size:10px}.inline-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:white;padding:8px 13px;border-radius:5px;margin-left:auto;min-height:39px}.inline-search input{width:180px;background:transparent;border:none;outline:none;font-size:12px}.inline-search:focus-within{outline:2px solid #91a8ec;outline-offset:2px}.empty-state{padding:45px;text-align:center;background:#eeefe8;border:1px dashed #bdc4b6;border-radius:6px;color:var(--muted)}.note-box{border:1px solid #d9dfd0;background:#edf0e5;border-radius:6px;padding:24px 28px;margin-bottom:72px}.note-box strong{font-size:15px}.note-box p{font-size:13px;color:#687366;margin-top:7px;line-height:2}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd6cf;color:#587063;background:#eaf0e9;border-radius:4px;padding:4px 10px;font-size:10px;line-height:1.6}.small-note{font-size:11px!important;color:var(--muted);line-height:1.9;margin-top:18px}.section-link{margin-top:35px}
/* Deep guides */
.field-hero{display:grid;grid-template-columns:minmax(0,53fr) minmax(0,47fr);gap:38px;align-items:center;padding:32px 0 50px;border-bottom:1px solid var(--line)}.field-hero h1{font-size:40px;margin:15px 0 10px;line-height:1.45}.field-kicker{font-size:20px;font-weight:650;line-height:1.8;margin-bottom:12px}.field-hero>div>p:not(.field-kicker){font-size:13px;color:var(--muted);max-width:560px;line-height:1.9}.field-meta{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0 24px;color:var(--muted);font-size:10px}.field-meta>span{display:flex;align-items:center;gap:6px}.field-hero .hero-buttons{gap:12px}.field-art{border-radius:7px;border:1px solid #e0e3d8;overflow:hidden;background:#eff1e9}.field-art>img{width:100%;aspect-ratio:3/2;object-fit:cover}.field-art figcaption{display:flex;gap:12px;align-items:center;padding:13px 17px;font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.field-art figcaption svg{color:var(--blue)}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px;padding-top:52px;padding-bottom:45px}.toc-sticky{position:sticky;top:118px}.article-toc nav{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line)}.article-toc nav>a{padding:9px 13px;font-size:11px;color:var(--muted);border-left:2px solid transparent;margin-left:-1px;transition:background .2s}.article-toc nav>a:hover,.article-toc nav>a.active{color:var(--blue);border-left-color:var(--blue);background:#eaf0fb}.article-toc .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:16px}.article-main{min-width:0;max-width:900px}.article-section{padding-bottom:53px;margin-bottom:46px;border-bottom:1px solid var(--line);scroll-margin-top:0}.article-section:last-child{border:none;margin-bottom:0}.article-section>h2{font-size:29px;line-height:1.65;margin-bottom:20px}.article-section>p{font-size:13px;color:var(--muted);line-height:1.95;margin-bottom:24px}.goal-box{border-left:3px solid var(--blue);background:#eaf0fd;padding:23px 26px;margin-bottom:32px;border-radius:0 5px 5px 0}.goal-box>span{display:block;color:var(--blue);font-size:11px;font-weight:650;margin-bottom:8px}.goal-box>h2{font-size:22px;line-height:1.7}.prose{font-size:15px;line-height:2.15}.prose p+p{margin-top:20px}.prose>h2{margin-bottom:20px}.article-section>.prose{margin-bottom:34px;color:#4c5858}.capability-list>div{display:flex;gap:22px;border-top:1px solid var(--line);padding:23px 0}.cap-number{font:12px var(--mono);color:var(--blue);padding-top:6px}.capability-list h3{font-size:18px;margin-bottom:8px}.capability-list p{font-size:13px;line-height:2;color:#566262}.capability-list .example-line{font-size:12px;background:#efefe8;border-radius:4px;padding:10px 14px;margin-top:12px;color:#66705d}.roadmap-path{display:flex;justify-content:space-between;position:relative;margin:30px 0 37px;padding:0 10px}.roadmap-path::before{content:"";position:absolute;top:20px;height:1px;background:#cad4e8;left:30px;right:30px}.roadmap-path>span{z-index:1;position:relative;width:40px;height:40px;border:1px solid #b8c5e7;border-radius:50%;background:#f1f4fe;color:var(--blue);font:13px/40px var(--mono);text-align:center}.roadmap-path>span>small{position:absolute;top:47px;left:0;width:100%;font:10px var(--sans);color:var(--muted);white-space:nowrap}.roadmap{margin-top:58px}.roadmap-step{border:1px solid var(--line);border-radius:6px;background:white;margin-bottom:14px;overflow:hidden}.roadmap-step>summary{display:flex;align-items:center;gap:20px;padding:22px 24px;cursor:pointer;list-style:none}.roadmap-step>summary::-webkit-details-marker{display:none}.step-number{font:24px var(--mono);letter-spacing:-1px;color:#97a2ac;min-width:38px}.step-meta{display:flex;gap:8px;font-size:9px;color:var(--muted);margin-bottom:4px}.roadmap-step h3{font-size:17px}.details-plus{font-size:23px;font-weight:300;margin-left:auto;color:var(--muted)}.roadmap-step[open]>summary{background:#eff3fc;border-bottom:1px solid #dde3f1}.roadmap-step[open] .step-number{color:var(--blue)}.roadmap-step[open] .details-plus{transform:rotate(45deg)}.step-body{padding:26px 28px}.step-goal{font-size:14px;font-weight:600;margin-bottom:23px;line-height:1.95}.step-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.step-columns h4{font-size:12px;color:var(--blue);letter-spacing:.5px}.step-columns ul,.step-columns ol{font-size:12px;line-height:1.95;color:#576262}.deliverable{margin-top:20px;padding:17px;background:#f3f3ed;border-radius:4px}.deliverable>span{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:650;color:#6e795f}.deliverable p{font-size:13px;margin-top:6px}.step-check{border-top:1px dashed #d1d7ca;margin-top:24px;padding-top:19px}.step-check>strong{font-size:11px}.step-check>ul{font-size:12px;color:var(--muted);margin-top:9px}.roadmap-step.is-complete{border-color:#8ca6de}.quickstart-box{background:#e8eee5;border:1px solid #d3dfce;border-radius:7px;padding:35px}.quickstart-box>.pill{float:right;margin-top:-36px;background:#f6faf2}.quickstart-box h2{font-size:25px;margin-bottom:25px;line-height:1.7}.numbered-steps{counter-reset:try;list-style:none;padding:0}.numbered-steps>li{counter-increment:try;position:relative;padding-left:35px;line-height:2;font-size:13px;margin:15px 0}.numbered-steps>li::before{content:counter(try);position:absolute;left:0;top:3px;font:10px/23px var(--mono);width:23px;height:23px;text-align:center;border:1px solid #b9cab6;border-radius:50%;color:#526c4d;background:#f1f6ec}.prompt-box{background:#fbfcf8;border:1px solid #d2dccc;border-radius:5px;margin-top:28px;overflow:hidden}.prompt-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:12px 17px;border-bottom:1px solid #dce4d7;font-size:11px;font-weight:600}.copy-button{display:inline-flex;gap:6px;align-items:center;font-size:10px;border:1px solid #cad4c5;padding:5px 9px;border-radius:3px;background:#f9fbf5;white-space:nowrap;line-height:1.6;min-height:29px}.copy-button:hover{background:#e7efdf}.prompt-box pre{font:12px/2 var(--sans);padding:20px;margin:0;color:#475644}.success-line{display:flex;gap:9px;align-items:flex-start;font-size:12px!important;color:#536c4e;line-height:1.9;margin-top:23px!important}.success-line svg{margin-top:3px}.subsection-title{font-size:21px;margin:34px 0 22px}.practice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.practice-list>article{border:1px solid var(--line);background:#fff;padding:20px;border-radius:5px}.practice-list>article>div{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.practice-list>article>div>span:last-child{font-size:9px;color:var(--muted)}.practice-list h3{font-size:16px;margin-bottom:12px;line-height:1.7}.practice-list p{font-size:11px;line-height:1.95;color:#64706c}.practice-list .practice-deliverable{border-top:1px solid var(--line);padding-top:12px;margin-top:14px;font-size:10px}.tools-stack{display:grid;gap:17px;margin-top:27px}.tool-card{background:white;border:1px solid var(--line);border-radius:6px;padding:24px;min-width:0}.tool-heading{display:flex;gap:14px;align-items:center;margin-bottom:20px}.tool-monogram{min-width:39px;width:39px;height:39px;background:#f0f1eb;border-radius:8px;display:grid;place-items:center;font:600 20px system-ui;color:#46544e}.tool-heading h3{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.tool-heading .card-en{font-size:9px;margin-bottom:3px}.tool-visit{font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--blue)}.tool-card>p{font-size:13px;line-height:2;color:#586561;margin-bottom:17px}.tool-detail{display:grid;grid-template-columns:105px 1fr;gap:14px;margin-top:12px;font-size:12px;line-height:2}.tool-detail>strong{font-size:11px;color:#475a4a}.tool-detail p{color:#657069}.tool-foot{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.tool-foot>span{font-size:10px;color:var(--muted);line-height:1.8}.source-link{font-size:10px;color:#63778d;display:inline-flex;align-items:center;gap:6px;line-height:1.8;overflow-wrap:anywhere}.source-link:hover{text-decoration:underline}.mini-timeline{margin:28px 0 23px}.mini-timeline>article{display:grid;grid-template-columns:83px 1fr;gap:20px;position:relative;padding-bottom:30px}.mini-timeline>article::after{content:"";position:absolute;left:82px;top:10px;bottom:0;width:1px;background:#d4dbc9}.mini-timeline>article:last-child::after{bottom:25px}.mini-timeline>article>span{font:16px var(--mono);color:var(--blue);padding-top:4px}.mini-timeline h3{font-size:17px;margin-bottom:9px}.mini-timeline p{font-size:13px;line-height:2;color:#657069;margin-bottom:10px}.mini-timeline>article>div{padding-left:19px}.advanced-list>article{display:flex;gap:22px;padding:24px 0;border-top:1px solid var(--line)}.advanced-list>article>span{font:11px var(--mono);color:var(--blue);padding-top:5px}.advanced-list h3{font-size:18px;margin-bottom:10px}.advanced-list p{font-size:13px;color:#637067;line-height:2}.pitfall-list{display:grid;gap:13px}.pitfall-list>div{padding:20px 22px;background:#f5ede0;border-left:2px solid #c5aa7a;border-radius:0 5px 5px 0}.pitfall-list h4{font-size:14px;margin-bottom:6px}.pitfall-list p{font-size:12px;line-height:2;color:#796e5e}.faq-list{border-top:1px solid var(--line)}.faq-list>details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:14px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:22px;font-weight:300}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:13px;line-height:2.1;color:#687267;padding:18px 25px 5px 0}.source-list{list-style:none;padding:0;border-top:1px solid var(--line);margin:22px 0 25px;counter-reset:sources}.source-list>li{border-bottom:1px solid var(--line);padding:15px 0 15px 29px;margin:0;position:relative;counter-increment:sources}.source-list>li::before{content:counter(sources,decimal-leading-zero);position:absolute;left:0;top:18px;font:9px var(--mono);color:#879080}.source-list a{font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:#365c89}.source-list a:hover{text-decoration:underline}.source-list a>svg{margin-left:5px}.source-list span{display:block;font-size:9px;color:#89917f;line-height:1.8;margin-top:5px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:34px}.related-grid>a{display:flex;align-items:center;gap:14px;background:#eaf0e4;border:1px solid #d9e1d0;border-radius:5px;padding:21px}.related-grid>a>svg:first-child{color:#66745e}.related-grid h3{font-size:14px;margin-top:5px}.related-grid>a>div>span{font:8px var(--mono);letter-spacing:1px;color:#85917b}.related-grid>a>svg:last-child{margin-left:auto}.related-grid>a:hover{background:#e0ead7}
/* Foundations */
.basics-hero{display:grid;grid-template-columns:minmax(0,49fr) minmax(0,51fr);align-items:center;gap:15px;padding-top:30px;padding-bottom:45px}.basics-hero h1{font-size:51px;line-height:1.4;margin-bottom:25px}.basics-hero p{font-size:14px;line-height:2.1;color:var(--muted);margin-bottom:25px}.basics-hero>img{mix-blend-mode:multiply;border-radius:7px}.lesson-list{border-top:1px solid var(--line)}.lesson-card{display:flex;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.lesson-number{min-width:80px;width:80px;height:80px;display:grid;place-items:center;font:26px var(--mono);border-radius:8px}.lesson-card>div{flex:1}.lesson-card h2{font-size:23px;margin:7px 0 9px}.lesson-card p{font-size:13px;color:var(--muted)}.lesson-time{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap}.lesson-card:hover h2{color:var(--blue)}.lesson-card>.card-en{font-size:10px}.lesson-page{display:grid;grid-template-columns:200px minmax(0,1fr);gap:85px;padding-top:42px;padding-bottom:70px}.lesson-side{height:fit-content;position:sticky;top:120px;padding-top:8px}.lesson-side>.eyebrow{font-size:8px}.lesson-side>a{display:flex;align-items:center;gap:15px;font-size:11px;padding:12px 0;border-bottom:1px solid var(--line)}.lesson-side>a>span{font:10px var(--mono);color:#7b8b7d}.lesson-side>a[aria-current]{font-weight:700;color:var(--blue)}.lesson-side>a[aria-current]>span{color:var(--blue)}.lesson-side>.back-link{color:var(--muted);font-size:10px;border:0;margin-top:20px}.lesson-side>.back-link svg{transform:rotate(180deg)}.lesson-body{max-width:790px;min-width:0}.lesson-title h1{font-size:36px;line-height:1.6;margin:0 0 20px}.reading-time{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.lesson-lead{font-size:16px;line-height:2.2;margin:28px 0 48px;color:#54645d;padding-bottom:30px;border-bottom:1px solid var(--line)}.lesson-section{margin:0 0 50px;position:relative}.section-counter{font:10px var(--mono);color:var(--blue);margin-bottom:12px}.lesson-section h2{font-size:25px;line-height:1.7;margin-bottom:18px}.lesson-section p{font-size:15px;line-height:2.15;color:#52615a}.example-box{display:flex;gap:14px;background:#efeee4;padding:22px;border-radius:5px;margin-top:25px}.example-box>svg{color:#8b9c70;margin-top:5px}.example-box>p{font-size:12px;line-height:2;color:#697654}.concept-map{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 45px;padding:25px;background:#e7eef9;border:1px solid #d4e0f4;border-radius:6px}.concept-map>div{flex:1}.concept-map span{font:9px var(--mono);letter-spacing:.8px;color:var(--blue);display:block;margin-bottom:13px}.concept-map strong{font-size:15px;display:block}.concept-map p{font-size:11px;color:#65728b;margin-top:5px}.concept-map>svg{color:#5b7cc5}.experiment-box{background:#e8eee2;border:1px solid #d7e1ce;border-radius:6px;padding:30px;margin:38px 0}.experiment-box h2{font-size:22px;line-height:1.7;margin-bottom:20px}.experiment-box>.eyebrow{color:#648052;font-size:10px}.experiment-box>.numbered-steps li{font-size:13px}.experiment-box>p{font-size:14px;line-height:2.1}.self-check{background:#fff;border:1px solid var(--line);border-radius:6px;margin:30px 0}.self-check summary{list-style:none;cursor:pointer;padding:22px 26px}.self-check summary::-webkit-details-marker{display:none}.self-check summary>span:first-child{display:block;font-size:10px;color:var(--blue);margin-bottom:10px}.self-check summary strong{display:block;font-size:15px;font-weight:600;line-height:1.8}.self-check summary>.text-link{font-size:10px;margin-top:14px;color:var(--muted)}.self-check>p{margin:0 26px;padding:20px 0 25px;border-top:1px solid var(--line);font-size:13px;line-height:2;color:#58675d}.lesson-sources{margin-top:40px}.lesson-sources h3{font-size:15px}.lesson-finish{margin-top:38px;padding-top:25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.lesson-finish .button{font-size:12px}
/* Timeline */
.history-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0 30px;margin-bottom:60px}.huge-year{display:flex;align-items:center;gap:30px;font:65px/1.2 var(--mono);letter-spacing:-3px;color:#213d47}.huge-year>span{font-size:35px;font-weight:300;color:#a6b6a6}.history-intro>p{font-size:12px;line-height:2;color:var(--muted);margin-top:18px}.timeline-full{max-width:980px}.timeline-full>article{display:grid;grid-template-columns:180px 20px minmax(0,1fr);gap:28px;position:relative;padding-bottom:55px}.timeline-full>article::before{content:"";position:absolute;left:217px;top:20px;bottom:0;background:#cdd5c9;width:1px}.timeline-full>article:last-child::before{display:none}.timeline-year{font:36px/1.5 var(--mono);letter-spacing:-1px;color:#29425d}.timeline-year>span{display:block;font:10px var(--sans);letter-spacing:0;color:var(--muted);margin-top:8px}.timeline-dot{width:13px;height:13px;border:3px solid var(--paper);outline:1px solid #91a68e;border-radius:50%;background:#70916c;margin-top:19px;z-index:1}.timeline-content{padding-top:4px}.timeline-content h2{font-size:25px;margin:7px 0 16px;line-height:1.7}.timeline-content>p{font-size:14px;line-height:2.1;color:#5d6a63}.timeline-meaning{padding:18px 20px;border-left:2px solid #b2c0a4;background:#edf0e6;margin:22px 0 16px}.timeline-meaning>span{font-size:10px;color:#7e8b6c}.timeline-meaning>p{font-size:12px;line-height:2;margin-top:7px;color:#637158}.history-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.history-links>a{padding:18px 20px;border:1px solid var(--line);display:flex;gap:14px;align-items:center;font-size:13px;background:#fff;border-radius:5px}.history-links>a>svg:first-child{color:#6d809e}.history-links>a>svg:last-child{margin-left:auto}.history-links>a:hover{border-color:#9faecd;color:var(--blue)}
/* Tool directory and projects */
.tool-choice-note{background:#e8ede3;padding:25px 28px;border:1px solid #d7dfcd;display:flex;gap:22px;border-radius:6px;margin-bottom:32px}.tool-choice-note>span{color:#759161}.tool-choice-note h2{font-size:18px;margin-bottom:9px}.tool-choice-note p{font-size:12px;line-height:2;color:#697862}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tools-grid .tool-card{display:flex;flex-direction:column}.tools-grid .tool-heading{flex-wrap:wrap}.tools-grid .tool-detail{grid-template-columns:85px 1fr;gap:8px}.tools-grid .tool-foot{margin-top:auto;padding-top:17px}.tools-grid .tool-card>.tool-detail:last-of-type{margin-bottom:20px}.wide-search{flex:1;min-width:220px;margin:8px 0 0}.wide-search input{width:100%}.project-hero-banner{display:grid;grid-template-columns:45% 55%;background:#f0e5df;border:1px solid #e5d5ce;border-radius:7px;overflow:hidden;margin-top:10px}.project-hero-banner>img{width:100%;height:310px;object-fit:cover;mix-blend-mode:multiply}.project-hero-banner>div{padding:35px 50px;align-self:center}.project-hero-banner h2{font-size:28px;line-height:1.7;margin:12px 0}.project-hero-banner p{font-size:12px;color:#7c6d64;line-height:2}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border:1px solid var(--line);background:white;border-radius:6px;padding:24px;display:flex;flex-direction:column}.project-card-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:10px;color:#778272;margin-bottom:21px}.project-card-top>svg{color:#5c76ab}.project-card-top>.tag{margin-left:auto}.project-card h2{font-size:20px;line-height:1.7;margin-bottom:12px}.project-card>p{font-size:12px;color:#68756b;line-height:2}.project-output{margin-top:22px;padding:15px;background:#f3f4ed;border-radius:4px}.project-output>span{font:9px var(--mono);letter-spacing:1px;color:#9aa189}.project-output>p{font-size:11px;margin-top:6px;color:#728066;line-height:1.9}.project-card-foot{margin-top:auto;padding-top:23px;display:flex;align-items:center;gap:10px;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px}.project-card-foot>span{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.project-card-foot>a{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--blue)}
/* Prompt workshop */
.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;padding-top:20px}.lab-form>label{display:block;margin-bottom:28px;position:relative}.form-number{font:10px var(--mono);color:var(--blue);margin-right:8px}.lab-form strong{font-size:14px;display:inline-block;margin-bottom:12px}.lab-form select,.lab-form textarea{display:block;width:100%;border:1px solid #cfd5ca;border-radius:5px;background:#fff;padding:14px 16px;font-size:13px;line-height:1.9;color:#394c41;resize:vertical}.lab-form textarea::placeholder{color:#9ca59c;font-size:12px}.lab-form select{min-height:50px}.lab-preview{position:sticky;top:115px;border:1px solid #2e474e;border-radius:7px;background:#1d343c;color:#e9f0ed;overflow:hidden;box-shadow:0 10px 30px #132d4010}.lab-preview-head{display:flex;align-items:center;gap:10px;padding:20px 23px;border-bottom:1px solid #3b5358}.lab-preview-head>span:nth-child(2){font:10px var(--mono);letter-spacing:1px;color:#a8bfb9}.lab-preview-head>.copy-button{margin-left:auto;color:#dae8de;background:#344e51;border-color:#526e6d}.lab-preview-head>.copy-button:hover{background:#456567}.lab-preview pre{padding:24px 26px;margin:0;min-height:360px;font:13px/2.05 var(--sans);color:#e1ebe7;max-height:600px;overflow:auto}.lab-preview-foot{border-top:1px solid #3b5358;padding:18px 24px;background:#263e45}.lab-preview-foot>p{font-size:11px;color:#bdd0c7}.lab-preview-foot>span{display:block;font-size:9px;line-height:1.9;color:#849f98;margin-top:7px}.three-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:27px}.three-tips>div{border-top:1px solid #c5cec0;padding-top:20px}.three-tips>div>span{font:11px var(--mono);color:#8d9d7e}.three-tips h3{font-size:17px;margin:10px 0}.three-tips p{font-size:13px;color:#687664;line-height:2}
/* Dictionary, journal, profile */
.glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.glossary-grid>article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:5px;scroll-margin-top:0}.glossary-tag{font-size:9px;color:#73946b;background:#edf3e7;padding:3px 7px;border-radius:3px}.glossary-grid h2{font-size:22px;margin:15px 0 3px;overflow-wrap:anywhere}.glossary-en{font:9px/1.8 var(--mono);letter-spacing:.3px;color:#8b9387;overflow-wrap:anywhere}.glossary-grid p{font-size:12px;color:#687664;line-height:2;margin-top:16px}.journal-edition{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.journal-edition>strong{font:11px var(--mono);color:#5b7258}.journal-edition>span:not(.live-dot){font-size:10px;color:var(--muted)}.journal-edition>a{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:10px;color:#5f7b64}.journal-method{background:#edf1e7;border:1px solid #d8e1ce;border-radius:6px;margin-bottom:70px;padding:30px;display:flex;gap:25px}.journal-method>div:first-child{color:#70885b}.journal-method h2{font-size:19px;margin-bottom:10px}.journal-method p{font-size:12px;line-height:2;color:#758267}.journal-article{max-width:790px;padding-top:45px;padding-bottom:80px}.journal-article>.news-meta{margin-bottom:23px}.journal-article>.news-meta>time{margin-left:10px;font-size:12px}.journal-article h1{font-size:36px;line-height:1.7;margin-bottom:27px}.journal-lead{font-size:17px;line-height:2.2;color:#58665f}.journal-source{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0}.journal-source>a{font-size:12px;color:var(--blue)}.journal-source>span{font-size:10px;color:var(--muted)}.journal-article>section{margin-top:42px}.journal-article>section>h2{font-size:24px;margin-bottom:20px}.journal-article>section>p{font-size:15px;line-height:2.1;color:#59695d}.article-end-links{margin-top:40px;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:20px}.danger{color:#aa5e52;font-size:11px}.about-prose{padding-top:20px;padding-bottom:70px}.about-prose>section{margin-bottom:45px;padding-bottom:38px;border-bottom:1px solid var(--line);scroll-margin-top:0}.about-prose h2{font-size:25px;margin-bottom:22px}.about-prose p,.about-prose li{font-size:14px;color:#5d6b62;line-height:2.2}.about-prose .text-link{margin-top:20px}.source-section{margin-top:42px;margin-bottom:45px}.source-section>h2{font-size:24px}.narrow>.source-list:last-child{margin-bottom:70px}
/* Search and notices */
#search-dialog{width:650px;max-width:calc(100% - 32px);margin:12vh auto auto;border:1px solid #cbd4c4;border-radius:10px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0b232b38;max-height:75vh;overflow:hidden}#search-dialog::backdrop{background:#13272b66;backdrop-filter:blur(4px)}.search-head{display:flex;align-items:center;gap:15px;padding:13px 20px;background:#fff;border-bottom:1px solid var(--line)}.search-head>svg{color:#84917e}.search-head>input{width:100%;border:0;background:transparent;font-size:16px;outline:0;line-height:1.7}.search-head>.icon-button{color:var(--muted)}.search-hint{font-size:10px;color:var(--muted);padding:12px 22px 7px}#search-results{padding:8px 12px;max-height:calc(75vh - 155px);overflow:auto;min-height:70px}.search-result{display:block;padding:14px 15px;border-radius:5px;line-height:1.7;margin-bottom:4px}.search-result:hover,.search-result:focus{background:#e8eee3}.search-result-type{display:block;font:9px var(--mono);color:#78936a;margin-bottom:5px}.search-result-title{display:block;font-size:14px;font-weight:650}.search-result-summary{display:block;font-size:11px;color:var(--muted);line-height:1.8;margin-top:4px}.search-status{padding:20px 15px;color:var(--muted);font-size:12px}.search-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 22px;font:9px var(--mono);color:#929b89}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);z-index:250;background:#213c38;color:#fff;padding:12px 22px;border-radius:5px;font-size:12px;box-shadow:0 7px 24px #0c252326;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);line-height:1.8}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(min-width:1500px){.home-hero{min-height:620px}.hero-visual{margin-right:-45px}.hero-copy{padding-left:5px}.home-hero h1{font-size:70px}.hero-description{font-size:15px}.hero-buttons .button{font-size:14px}.hero-tags>span:first-child{font-size:12px}.field-card h3{font-size:18px}.field-card>p{font-size:12px}}
@media(max-width:1190px){.header-inner{gap:25px;padding-inline:32px}.desktop-nav{gap:20px}.desktop-nav a{font-size:12px}.header-actions{gap:10px}.container{width:calc(100% - 64px)}.home-hero{min-height:510px}.hero-description{font-size:12px}.hero-buttons{gap:15px}.home-hero .button{padding:12px 17px;font-size:11px}.hero-tags{gap:10px;margin-bottom:22px}.hero-tags>span:last-child{font-size:8px}.hero-visual{margin-right:-24px}.hero-caption{margin-top:30px;font-size:9px}.hero-caption>span:last-child{font-size:8px;margin-left:5px}.field-card{padding:19px 16px 15px}.field-card h3{font-size:15px}.field-card>p{font-size:11px}.card-en{font-size:8px;letter-spacing:.6px}.card-number{font-size:9px}.field-card-bottom>span{font-size:7px}.field-card-bottom>svg{width:17px}.field-card-top{margin-bottom:20px}.article-layout{gap:40px;grid-template-columns:185px minmax(0,1fr)}.article-toc nav>a{font-size:10px}.field-hero{gap:25px}.field-hero h1{font-size:35px}.field-kicker{font-size:18px}.practice-list{gap:12px}.practice-list>article{padding:16px}.lesson-page{gap:50px;grid-template-columns:180px minmax(0,1fr)}.project-teaser{grid-template-columns:42% 58%}.project-illustration{margin:16px;height:180px}.project-teaser h3{font-size:21px}.project-teaser>div{padding-right:20px}.project-card{padding:21px}.project-card h2{font-size:18px}.tools-grid .tool-detail{display:block}.tools-grid .tool-detail>strong{display:block;margin-bottom:5px}.tool-visit{font-size:9px}}
@media(max-width:980px){.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.brand{font-size:23px}.brand-mark{width:32px;height:32px}.header-inner{height:76px;gap:18px}.header-actions{gap:7px}.search-open kbd{display:none}.home-hero{grid-template-columns:45% 55%;min-height:470px;padding-top:24px}.home-hero h1{font-size:44px}.hero-description{font-size:11px}.hero-buttons{gap:12px}.hero-caption>span:last-child{display:none}.hero-tags>span:last-child{display:none}.hero-visual{margin-left:-5px}.image-stamp{right:0;bottom:-4px;font-size:8px;gap:8px;padding:8px 10px}.image-stamp>span{font-size:8px}.image-stamp>svg{width:20px}.start-strip>a{gap:12px;padding-right:18px}.start-strip>a+a{padding-left:19px}.start-strip strong{font-size:13px}.start-strip div>span{font-size:9px}.step-small{min-width:24px;height:24px;font-size:9px}.section{padding-block:60px}.section-head h2{font-size:25px}.section-head>.text-link{font-size:11px}.field-grid{grid-template-columns:repeat(5,1fr);gap:10px}.field-card{padding:16px 12px 12px}.field-card-top{margin-bottom:18px}.field-icon{width:38px;height:38px}.field-icon svg{width:23px;height:23px}.field-card h3{font-size:14px}.field-card .card-en{font-size:7px;letter-spacing:.3px}.field-card>p{font-size:10px;line-height:1.95}.field-card-bottom>span{font-size:6px;letter-spacing:0}.field-card-bottom>svg{width:16px}.field-grid-large{grid-template-columns:repeat(3,1fr);gap:18px}.field-card-wide{padding:25px}.field-card-wide h3{font-size:19px}.field-card-wide>p{font-size:12px}.field-card-wide .card-en{font-size:9px}.field-card-wide .field-card-bottom>span{font-size:8px}.project-teaser{display:block}.project-illustration{height:160px;width:160px;float:left;margin:30px 20px}.project-teaser>div{padding:30px 20px 25px}.project-teaser h3{font-size:20px}.project-teaser p{font-size:10px}.project-teaser .text-link{font-size:10px}.project-teasers{gap:18px}.project-illustration{width:110px;height:160px;margin-right:16px;margin-left:16px}.game-illustration>svg{width:70px}.prompt-line{font-size:10px;padding:7px 10px}.floating-star{font-size:30px;right:-3px}.history-banner-inner{grid-template-columns:1fr 1fr}.history-banner h2{font-size:28px}.history-preview{margin-left:5px;padding-left:25px;gap:22px}.history-preview>div>span{font-size:40px}.history-preview>.history-now>span{font-size:38px}.news-card h3{font-size:17px}.news-card>p{font-size:11px}.news-meta{gap:9px}.news-meta time{font-size:9px}.news-meta .tag{font-size:8px}.footer-top{gap:28px}.field-hero{grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:20px}.field-hero h1{font-size:31px}.field-kicker{font-size:17px}.field-hero>div>p:not(.field-kicker){font-size:12px}.field-meta{gap:10px;font-size:9px}.field-hero .button{padding:11px 15px;font-size:11px;min-height:43px;gap:10px}.field-art figcaption{font-size:8px;padding:10px}.article-layout{grid-template-columns:160px minmax(0,1fr);gap:30px}.article-toc nav>a{font-size:9px;padding-left:10px}.article-section>h2{font-size:26px}.goal-box>h2{font-size:20px}.prose{font-size:14px}.step-columns{display:block}.step-columns>div+div{margin-top:20px}.quickstart-box{padding:27px}.practice-list{grid-template-columns:1fr}.practice-list>article{padding:20px}.practice-list>article>div{justify-content:flex-start;gap:12px}.practice-list h3{font-size:18px;margin-bottom:9px}.practice-list p{font-size:12px}.practice-list .practice-deliverable{margin-top:11px;padding-top:10px;font-size:11px}.tool-detail{display:block}.tool-detail>strong{display:block;margin-bottom:5px}.related-grid{grid-template-columns:1fr}.basics-hero h1{font-size:44px}.lesson-page{gap:34px;grid-template-columns:155px minmax(0,1fr)}.lesson-side>a{font-size:10px;gap:10px}.lesson-title h1{font-size:32px}.lesson-lead{font-size:15px}.lesson-section h2{font-size:24px}.lesson-section p{font-size:14px}.timeline-full>article{grid-template-columns:140px 15px minmax(0,1fr);gap:25px}.timeline-full>article::before{left:171px}.timeline-year{font-size:32px}.project-grid{grid-template-columns:repeat(2,1fr)}.lab-layout{gap:26px}.lab-preview pre{font-size:12px}.glossary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.desktop-nav{display:none}.header-inner{justify-content:space-between;height:70px;padding-inline:24px}.header-actions{gap:13px}.menu-button{display:flex}.container{width:calc(100% - 48px)}.home-hero{min-height:460px;grid-template-columns:minmax(0,47fr) minmax(0,53fr)}.home-hero h1{font-size:39px}.hero-copy{padding-top:10px}.hero-visual{margin-right:-18px;margin-left:-13px}.hero-description{font-size:11px;line-height:1.95}.home-hero .hero-buttons{gap:12px;flex-direction:column;align-items:flex-start}.home-hero .text-button{min-height:30px;padding-block:4px;font-size:11px}.hero-caption{margin-top:20px}.hero-tags{margin-bottom:19px}.hero-tags>span:first-child{font-size:9px}.start-strip>a{padding:19px 15px 19px 0;gap:10px}.start-strip>a+a{padding-left:18px}.start-strip>a>svg{display:none}.start-strip div>span{font-size:8px}.start-strip strong{font-size:12px}.field-grid{grid-template-columns:repeat(3,1fr);gap:14px}.field-card{padding:22px 20px 17px}.field-card h3{font-size:17px}.field-card>p{font-size:11px}.field-card .card-en{font-size:8px;letter-spacing:.8px}.field-card-bottom>span{font-size:8px}.field-card-top{margin-bottom:22px}.field-icon{width:43px;height:43px}.field-card:last-child{grid-column:auto}.section-head h2{font-size:24px}.section-head{gap:20px}.section-head>.text-link{font-size:10px;gap:6px}.eyebrow{font-size:9px}.project-teasers{grid-template-columns:1fr 1fr}.project-teaser{display:flex;flex-direction:column;text-align:left;min-height:0}.project-illustration{float:none;margin:25px auto 0;width:155px;height:145px}.project-teaser>div{padding:20px 24px 25px;width:100%}.project-teaser h3{font-size:22px}.project-teaser p{font-size:11px}.project-teaser .text-link{font-size:11px}.history-banner{padding:45px 0}.history-banner h2{font-size:25px}.history-banner p{font-size:11px}.history-banner .button{font-size:11px}.history-preview{gap:20px 10px;padding-left:22px}.history-preview>div>span{font-size:34px}.history-preview>.history-now>span{font-size:31px}.news-grid{gap:20px}.news-card h3{font-size:16px}.news-meta time{margin-left:0}.news-card>p{font-size:11px}.footer-top{grid-template-columns:1.6fr 1fr 1fr;gap:25px}.footer-bottom{font-size:8px}.category-spread>div+div{padding-left:22px}.category-spread h2{font-size:18px}.category-spread p{font-size:10px}.field-card-wide{padding:22px}.field-card-wide h3{font-size:18px}.field-card-wide>p{font-size:11px}.field-hero{grid-template-columns:1fr 1fr;gap:25px}.field-hero h1{font-size:29px}.field-kicker{font-size:16px}.field-art{align-self:start;margin-top:40px}.field-meta>span:last-child{display:none}.article-layout{display:block;padding-top:30px}.article-toc{display:none}.article-main{max-width:100%}.article-section>h2{font-size:28px}.prose{font-size:15px}.step-columns{display:grid;grid-template-columns:1fr 1fr}.step-columns>div+div{margin-top:0}.practice-list{grid-template-columns:repeat(3,1fr)}.practice-list>article{padding:16px}.practice-list h3{font-size:16px}.practice-list p{font-size:11px}.practice-list .practice-deliverable{font-size:10px}.related-grid{grid-template-columns:1fr 1fr}.tool-detail{display:grid}.basics-hero h1{font-size:40px}.basics-hero p{font-size:12px}.lesson-card{gap:20px}.lesson-number{min-width:65px;width:65px;height:65px;font-size:23px}.lesson-card h2{font-size:21px}.lesson-card p{font-size:12px}.lesson-time{font-size:10px}.lesson-page{display:block;padding-top:30px}.lesson-side{display:none}.lesson-body{max-width:700px;margin:auto}.lesson-title h1{font-size:36px}.lesson-lead{font-size:16px}.lesson-section p{font-size:15px}.timeline-full>article{grid-template-columns:115px 15px minmax(0,1fr);gap:20px}.timeline-full>article::before{left:141px}.timeline-content h2{font-size:22px}.timeline-content>p{font-size:13px}.history-links{grid-template-columns:repeat(2,1fr)}.project-hero-banner>div{padding:30px}.project-hero-banner h2{font-size:25px}.project-hero-banner>img{height:280px}.lab-layout{grid-template-columns:1fr;gap:35px}.lab-preview{position:static}.lab-preview pre{min-height:250px;font-size:13px;max-height:none}.lab-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lab-form>label{margin-bottom:0}.lab-form>label:first-child,.lab-form>label:nth-child(2){grid-column:span 2}.lab-form>.text-link{margin-top:7px}.journal-article h1{font-size:32px}}
@media(max-width:600px){html{scroll-padding-top:95px}.container{width:calc(100% - 40px)}.header-inner{padding-inline:20px;height:65px}.brand{font-size:22px;gap:8px}.brand-mark{width:31px;height:31px}.brand-mark>svg{width:23px}.header-actions{gap:10px}.icon-button{min-height:40px;min-width:32px}.header-actions .search-open{padding-right:0}.home-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:34px;padding-bottom:22px;min-height:0}.hero-copy{padding-top:0}.hero-tags{margin-bottom:23px;gap:15px}.hero-tags>span:first-child{font-size:10px}.hero-tags>span:last-child{display:block;font-size:7px}.home-hero h1{font-size:46px;line-height:1.32;letter-spacing:-.065em;margin-bottom:20px}.hero-description{font-size:12px;line-height:2.05;margin-bottom:23px}.home-hero .hero-buttons{flex-direction:row;align-items:center;gap:20px}.home-hero .button{padding:12px 16px;font-size:11px;min-height:45px}.home-hero .text-button{padding-inline:0;gap:3px;min-height:35px;font-size:10px}.hero-caption{display:none}.hero-visual{margin:12px -7px -4px;align-self:center;max-width:470px;width:calc(100% + 14px)}.hero-visual>img{aspect-ratio:3/2;object-fit:contain}.image-stamp{right:14px;bottom:6px;padding:7px 10px;gap:8px}.image-stamp>span{font-size:7px}.image-stamp>svg{width:20px;height:20px}.start-strip{grid-template-columns:1fr;margin-top:12px}.start-strip>a{padding:16px 3px;gap:17px}.start-strip>a+a{border-left:0;border-top:1px solid var(--line);padding-left:3px}.start-strip>a>div{display:flex;align-items:center;gap:17px;flex:1}.start-strip strong{font-size:12px;white-space:nowrap}.start-strip div>span{font-size:9px;margin-top:0}.start-strip>a>svg{display:block;width:15px;height:15px}.step-small{height:23px;min-width:23px;font-size:8px}.section{padding-block:48px}.section-tight{padding-top:25px}.section-head{display:block;margin-bottom:23px}.section-head h2{font-size:24px;line-height:1.6}.section-head .eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:1.1px;gap:10px}.section-head>.text-link{font-size:11px;margin-top:14px;padding:0;gap:8px}.filter-row{gap:7px;margin-bottom:21px}.filter-chip{font-size:10px;padding:8px 13px;min-height:34px;gap:5px}.filter-chip svg{width:13px;height:13px}.field-grid{grid-template-columns:repeat(2,1fr);gap:12px}.field-card{padding:20px 17px 15px}.field-card-top{margin-bottom:20px}.field-icon{width:41px;height:41px}.field-icon svg{width:23px;height:23px}.card-number{font-size:9px}.field-card .card-en{font-size:7px;letter-spacing:.4px}.field-card h3{font-size:16px;margin-top:7px;line-height:1.6;margin-bottom:10px}.field-card>p{font-size:10px;line-height:1.9;margin-bottom:18px;-webkit-line-clamp:3}.field-card-bottom>span{font-size:7px;letter-spacing:0}.field-card-bottom>svg{width:17px}.art-label{font-size:8px;left:20px;bottom:16px}.project-teasers{gap:13px}.project-illustration{width:120px;height:125px;margin-top:22px}.project-teaser>div{padding:21px 18px}.project-teaser h3{font-size:18px;line-height:1.75}.project-teaser .card-en{font-size:7px}.project-teaser p{font-size:10px;line-height:1.9}.project-teaser .text-link{font-size:9px;gap:3px}.project-teaser .text-link>svg{width:13px}.game-illustration>svg{width:75px;height:75px}.floating-star{font-size:30px;top:-12px;right:0}.prompt-line{padding:7px 9px;font-size:10px}.prompt-cursor{right:27px;bottom:14px;height:14px}.history-banner{padding:38px 0 41px}.history-banner-inner{display:block}.history-banner h2{font-size:28px;line-height:1.65}.history-banner .eyebrow{font-size:8px;gap:11px}.history-banner p{font-size:11px;line-height:2;margin-top:15px}.history-banner .button{font-size:11px;min-height:43px;padding:11px 17px}.history-preview{margin:35px 0 0;border-left:0;border-top:1px solid #425d64;padding:25px 0 0;gap:24px 20px;grid-template-columns:repeat(2,1fr)}.history-preview>div>span{font-size:35px}.history-preview>.history-now>span{font-size:33px}.history-preview>div{padding:0}.history-preview p{font-size:10px;margin:7px 0 0}.section-intro{font-size:11px;display:block;margin-top:-7px;margin-bottom:22px}.section-intro>span{display:block;margin-top:10px;font-size:9px}.news-grid{grid-template-columns:1fr;gap:24px}.news-card{padding-top:18px}.news-card h3{font-size:20px;margin-top:14px;margin-bottom:10px;line-height:1.7}.news-card>p{font-size:12px;margin-bottom:17px}.news-meta .tag{font-size:9px}.news-meta time{font-size:10px;margin-left:auto}.news-card-bottom{padding-block:10px}.news-card-bottom>span{font-size:10px}.site-footer{padding-top:35px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 25px;padding-bottom:30px}.footer-top>div:first-child{grid-column:span 2;display:flex;align-items:center;gap:23px}.footer-top>div:first-child>p{font-size:9px;margin:0;line-height:1.9}.footer-top .brand{font-size:22px}.footer-top h3{font-size:12px;margin-bottom:14px}.footer-top>div>a:not(.brand){font-size:11px;margin-block:8px}.footer-bottom{display:flex;flex-direction:column;gap:12px;font-size:8px;line-height:1.8;padding:17px 0 24px}.footer-bottom>span:last-child{font-size:8px}.breadcrumbs{padding-top:18px;padding-bottom:13px;gap:8px;font-size:9px}.breadcrumbs>svg{width:10px;height:10px}.page-title{padding-top:26px;padding-bottom:30px}.page-title>.eyebrow{font-size:8px;gap:12px;letter-spacing:1px}.page-title h1{font-size:31px;line-height:1.6;margin-bottom:20px;letter-spacing:-.055em}.page-title>p{font-size:12px;line-height:2}.category-spread{display:block;padding:0;margin-top:5px}.category-spread>div{padding:20px 0}.category-spread>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.category-spread>div>span{font-size:9px;float:right;padding-top:5px}.category-spread h2{font-size:18px;margin-top:0}.category-spread p{font-size:11px;margin-top:5px}.field-card-wide{padding:22px 17px}.field-card-wide h3{font-size:17px}.field-card-wide>p{font-size:11px;display:block}.field-card-wide .field-icon{width:44px;height:44px}.field-card-wide .card-en{font-size:7px}.field-card-wide .field-card-bottom>span{font-size:7px}.inline-search{width:100%;margin-top:9px;margin-left:0;padding:9px 12px}.inline-search input{width:100%;font-size:12px}.note-box{padding:23px;margin-bottom:45px}.note-box strong{font-size:14px}.note-box p{font-size:12px;line-height:2}.empty-state{font-size:12px;padding:30px 20px}.field-hero{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding:24px 0 30px}.field-hero h1{font-size:33px;line-height:1.5;margin-top:14px;margin-bottom:10px}.field-kicker{font-size:18px;line-height:1.8}.field-hero>div>p:not(.field-kicker){font-size:13px}.field-hero .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:16px}.field-hero .pill{font-size:9px}.field-meta{font-size:9px;gap:16px;margin:18px 0 20px}.field-meta>span:last-child{display:inline-flex}.field-hero .button{padding:12px 17px;font-size:11px;min-height:45px;gap:10px}.field-hero .hero-buttons{gap:11px}.field-art{margin:0;width:100%}.field-art>img{aspect-ratio:16/9;object-fit:cover;object-position:center 50%}.field-art figcaption{font-size:8px;padding:11px 14px;gap:10px}.field-art figcaption svg{width:18px;height:18px}.article-layout{padding-top:30px;padding-bottom:0}.article-section{padding-bottom:34px;margin-bottom:35px;scroll-margin-top:0}.goal-box{padding:20px;margin-bottom:25px}.goal-box>span{font-size:10px}.goal-box>h2{font-size:19px;line-height:1.8}.article-section>.prose{margin-bottom:29px}.prose{font-size:14px;line-height:2.1}.prose p+p{margin-top:18px}.article-section>h2{font-size:25px;line-height:1.7;margin-bottom:18px}.article-section>p{font-size:12px}.capability-list>div{gap:16px;padding:21px 0}.cap-number{font-size:10px;padding-top:5px}.capability-list h3{font-size:17px;margin-bottom:9px}.capability-list p{font-size:12px;line-height:2}.capability-list .example-line{font-size:11px;padding:11px 13px}.roadmap-path{margin-top:26px;padding:0 4px}.roadmap-path>span{width:34px;height:34px;font-size:11px;line-height:34px}.roadmap-path::before{top:17px;left:20px;right:20px}.roadmap-path>span>small{top:41px;font-size:9px}.roadmap{margin-top:52px}.roadmap-step>summary{gap:13px;padding:19px 17px}.step-number{font-size:22px;min-width:31px}.roadmap-step h3{font-size:15px;line-height:1.7}.step-meta{font-size:8px;gap:5px}.details-plus{font-size:20px}.step-body{padding:22px 20px}.step-goal{font-size:13px;line-height:2;margin-bottom:21px}.step-columns{display:block}.step-columns>div+div{margin-top:23px}.step-columns ul,.step-columns ol{font-size:12px;line-height:2}.step-columns h4{font-size:12px}.deliverable{padding:15px;margin-top:21px}.deliverable p{font-size:12px;line-height:2}.step-check>ul{font-size:11px;line-height:2}.small-note{font-size:10px!important}.quickstart-box{padding:24px 20px}.quickstart-box>.eyebrow{font-size:8px;gap:8px;letter-spacing:.7px;padding-right:0}.quickstart-box>.pill{float:none;margin:0 0 15px;font-size:9px}.quickstart-box h2{font-size:22px;line-height:1.75;margin-bottom:18px}.numbered-steps>li{font-size:12px;line-height:2;padding-left:31px;margin:16px 0}.numbered-steps>li::before{top:2px;width:21px;height:21px;font-size:9px;line-height:21px}.prompt-heading{padding:12px;font-size:10px;gap:10px}.copy-button{font-size:9px;padding:5px 7px}.copy-button>svg{width:13px;height:13px}.prompt-box pre{font-size:11px;line-height:2;padding:16px}.success-line{font-size:11px!important;margin-top:19px!important;gap:7px}.success-line svg{width:16px;height:16px}.subsection-title{font-size:20px;margin:29px 0 20px}.practice-list{grid-template-columns:1fr;gap:14px}.practice-list>article{padding:22px}.practice-list>article>div{gap:13px;justify-content:flex-start;margin-bottom:11px}.practice-list h3{font-size:18px;margin-bottom:10px}.practice-list p{font-size:12px}.practice-list .practice-deliverable{font-size:11px}.tool-card{padding:21px}.tool-heading{gap:11px;flex-wrap:wrap;margin-bottom:17px}.tool-heading h3{font-size:17px}.tool-monogram{width:35px;min-width:35px;height:35px;font-size:18px}.tool-visit{font-size:9px;gap:4px}.tool-card>p{font-size:12px;margin-bottom:15px}.tool-detail{display:block;font-size:11px;margin-top:13px}.tool-detail>strong{font-size:10px;display:block;margin-bottom:5px}.tool-foot{display:block;padding-top:13px;margin-top:20px}.tool-foot>span{display:block;font-size:10px}.tool-foot>.source-link{margin-top:9px;font-size:10px}.mini-timeline>article{grid-template-columns:60px 1fr;gap:15px;padding-bottom:25px}.mini-timeline>article>span{font-size:13px}.mini-timeline>article::after{left:60px}.mini-timeline>article>div{padding-left:10px}.mini-timeline h3{font-size:16px;line-height:1.7}.mini-timeline p{font-size:12px;line-height:2}.advanced-list>article{gap:16px;padding:22px 0}.advanced-list h3{font-size:17px}.advanced-list p{font-size:12px}.pitfall-list>div{padding:19px}.pitfall-list h4{font-size:14px}.pitfall-list p{font-size:12px}.faq-list summary{font-size:13px;line-height:1.9;gap:15px}.faq-list p{font-size:12px;padding-right:8px}.source-list a{font-size:11px}.source-list span{font-size:9px;line-height:1.9}.related-grid{grid-template-columns:1fr;gap:12px}.related-grid>a{padding:20px}.related-grid h3{font-size:15px}.basics-hero{display:flex;flex-direction:column;gap:30px;padding-top:25px;padding-bottom:5px;align-items:stretch}.basics-hero h1{font-size:42px;line-height:1.45;margin-bottom:20px}.basics-hero p{font-size:13px;line-height:2}.basics-hero>.eyebrow{font-size:9px}.basics-hero .button{font-size:12px}.basics-hero>img{max-height:265px;object-fit:cover;width:100%}.lesson-card{gap:16px;align-items:flex-start;position:relative;padding:24px 0}.lesson-number{width:46px;min-width:46px;height:46px;border-radius:5px;font-size:20px}.lesson-card>div{padding-right:10px}.lesson-card .card-en{font-size:8px}.lesson-card h2{font-size:19px;line-height:1.75;margin:6px 0 8px}.lesson-card p{font-size:11px;line-height:1.9}.lesson-time{display:none}.lesson-card>svg{width:16px;height:16px;align-self:center}.lesson-page{padding-top:24px;padding-bottom:45px}.lesson-title h1{font-size:29px;line-height:1.7;margin-bottom:15px;letter-spacing:-.035em}.reading-time{font-size:10px}.lesson-lead{font-size:14px;line-height:2.15;margin-top:23px;margin-bottom:34px;padding-bottom:26px}.lesson-section{margin-bottom:36px}.lesson-section h2{font-size:22px;line-height:1.7;margin-bottom:18px}.lesson-section p{font-size:14px;line-height:2.15}.example-box{padding:20px;gap:11px}.example-box>p{font-size:12px}.example-box>svg{width:17px;height:17px}.concept-map{padding:21px;gap:14px;display:flex;flex-direction:column;align-items:stretch}.concept-map>svg{transform:rotate(90deg);align-self:center;width:18px;height:18px}.concept-map strong{font-size:15px}.concept-map span{font-size:8px;margin-bottom:7px}.concept-map p{font-size:11px}.experiment-box{padding:24px 21px;margin-block:30px}.experiment-box h2{font-size:21px;line-height:1.7}.experiment-box>.numbered-steps li{font-size:12px}.experiment-box>p{font-size:13px}.self-check summary{padding:21px}.self-check summary strong{font-size:14px}.self-check>p{font-size:12px;margin-inline:21px}.lesson-finish{flex-direction:column;align-items:stretch;gap:18px}.lesson-finish>.button{font-size:12px}.huge-year{font-size:45px;gap:18px;letter-spacing:-3px}.huge-year>span{font-size:27px}.history-intro{padding:27px 0;margin-bottom:35px}.history-intro>p{font-size:11px;line-height:2}.timeline-full>article{display:grid;grid-template-columns:14px minmax(0,1fr);gap:0 20px;padding-bottom:38px}.timeline-year{grid-column:2;font-size:31px;display:flex;align-items:center;gap:18px;line-height:1.4}.timeline-year>span{font-size:9px;margin-top:0;letter-spacing:0}.timeline-dot{grid-column:1;grid-row:1;margin-top:14px;width:11px;height:11px}.timeline-content{grid-column:2;padding-top:15px}.timeline-full>article::before{left:5px;top:21px;bottom:0}.timeline-content h2{font-size:23px;line-height:1.7;margin-top:5px;margin-bottom:13px}.timeline-content>p{font-size:12px}.timeline-content>.card-en{font-size:8px}.timeline-meaning{padding:16px;margin-top:19px}.timeline-meaning p{font-size:11px;line-height:2}.timeline-meaning>span{font-size:9px}.timeline-content>.source-link{font-size:9px;line-height:1.9}.history-links{grid-template-columns:1fr}.history-links>a{font-size:13px;padding:17px 20px}.tool-choice-note{padding:23px 21px;gap:15px}.tool-choice-note h2{font-size:17px}.tool-choice-note p{font-size:11px}.tool-choice-note>span>svg{width:23px;height:23px}.tools-grid{grid-template-columns:1fr;gap:17px}.tools-grid .tool-card{padding:23px}.tools-grid .tool-heading{flex-wrap:nowrap}.tools-grid .tool-card>p{font-size:13px}.tools-grid .tool-detail{font-size:12px}.tools-grid .tool-detail>strong{font-size:11px}.tools-grid .tool-foot{margin-top:16px}.wide-search{width:100%;margin-top:9px}.project-hero-banner{display:flex;flex-direction:column;margin-top:5px}.project-hero-banner>img{width:100%;height:225px;object-fit:cover;object-position:center 57%}.project-hero-banner>div{padding:27px}.project-hero-banner h2{font-size:25px;line-height:1.7;margin-top:12px;margin-bottom:14px}.project-hero-banner p{font-size:12px}.project-grid{grid-template-columns:1fr;gap:18px}.project-card{padding:25px}.project-card h2{font-size:21px;line-height:1.7}.project-card>p{font-size:13px;line-height:2}.project-card-top{font-size:11px;margin-bottom:18px}.project-card-top>.tag{font-size:10px}.project-output>p{font-size:12px}.project-card-foot>span{font-size:10px}.project-card-foot>a{font-size:11px;gap:8px}.lab-layout{padding-top:8px;gap:30px}.lab-form{display:block}.lab-form>label{margin-bottom:23px}.lab-form strong{font-size:13px}.lab-form select,.lab-form textarea{font-size:13px;padding:13px 15px}.lab-form textarea::placeholder{font-size:11px}.lab-form>.text-link{font-size:11px}.lab-preview-head{padding:17px 20px}.lab-preview pre{font-size:12px;line-height:2.1;padding:23px 21px}.lab-preview-foot{padding:18px 21px}.lab-preview-foot>p{font-size:11px}.lab-preview-foot>span{font-size:9px;line-height:1.9}.three-tips{grid-template-columns:1fr;gap:20px}.three-tips>div{padding-top:18px}.three-tips h3{font-size:17px;margin-block:8px}.three-tips p{font-size:12px}.glossary-grid{grid-template-columns:1fr;gap:15px}.glossary-grid>article{padding:25px}.glossary-grid h2{font-size:23px;margin-top:13px}.glossary-grid p{font-size:13px}.glossary-en{font-size:10px}.glossary-tag{font-size:9px}.journal-edition{gap:10px;padding-block:16px}.journal-edition>strong{font-size:10px}.journal-edition>span:not(.live-dot){font-size:9px}.journal-edition>a{font-size:9px;width:100%;margin-left:16px}.journal-method{padding:24px 21px;gap:17px;margin-bottom:45px}.journal-method>div:first-child>svg{width:23px;height:23px}.journal-method h2{font-size:18px;line-height:1.7}.journal-method p{font-size:11px;line-height:2}.journal-article{padding-top:25px;padding-bottom:45px}.journal-article h1{font-size:29px;line-height:1.7;margin-bottom:23px}.journal-lead{font-size:15px;line-height:2.1}.journal-source{gap:13px;margin-block:24px;padding-block:17px}.journal-source>a{font-size:11px}.journal-source>span{font-size:9px}.journal-article>section{margin-top:32px}.journal-article>section>h2{font-size:22px}.journal-article>section>p{font-size:14px}.article-end-links{flex-direction:column;gap:20px}.article-end-links>.text-link{font-size:12px}.about-prose{padding-top:10px;padding-bottom:40px}.about-prose>section{margin-bottom:30px;padding-bottom:28px}.about-prose h2{font-size:22px;margin-bottom:18px}.about-prose p,.about-prose li{font-size:13px;line-height:2.15}.source-section{margin-top:33px;margin-bottom:36px}.source-section>h2{font-size:22px}.narrow>.note-box{margin-bottom:35px}#search-dialog{margin-top:8vh;max-height:80vh}.search-head{gap:11px;padding:12px 15px}.search-head>input{font-size:14px}.search-head>svg{width:18px;height:18px}.search-hint{padding:12px 18px 6px;font-size:9px}.search-result{padding:13px 12px}.search-result-title{font-size:13px}.search-result-summary{font-size:10px}.search-result-type{font-size:8px}.search-bottom{font-size:8px;padding:11px 18px}.toast{font-size:11px;padding:12px 18px;bottom:20px}#search-results{max-height:calc(80vh - 150px)}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.header-inner{padding-inline:16px}.home-hero h1{font-size:41px}.home-hero .hero-buttons{gap:11px}.home-hero .button{font-size:10px;padding:11px 13px}.home-hero .text-button{font-size:9px;padding-inline:0}.hero-description{font-size:11px}.start-strip>a>div{gap:9px}.start-strip strong{font-size:11px}.start-strip div>span{font-size:8px}.field-card{padding:17px 13px 13px}.field-card h3{font-size:15px}.field-card>p{font-size:10px}.field-card-bottom>span{font-size:6px}.project-teaser>div{padding:18px 14px}.project-teaser h3{font-size:16px}.field-meta{gap:10px;font-size:8px}.field-hero .button{font-size:10px;padding:11px 14px}.tool-heading{gap:9px}.tool-heading h3{font-size:15px}.tool-visit{font-size:8px}.page-title h1{font-size:28px}.lesson-title h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.field-card:hover{transform:none}}
@media print{.site-header,.site-footer,.article-toc,.lesson-side,.hero-buttons,.copy-button,.search-dialog,.toast{display:none!important}.container{width:100%;max-width:none}.article-layout,.lesson-page{display:block}.article-section{break-inside:auto}.field-hero{grid-template-columns:2fr 1fr}.field-art img{max-height:160px}.roadmap-step:not([open])>div{display:block!important}.roadmap-step{break-inside:avoid}.page-title h1,.field-hero h1{font-size:28px}body{background:#fff;color:#000;font-size:11pt}a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;overflow-wrap:anywhere}.field-card{break-inside:avoid}.news-grid,.project-grid{display:block}.news-card,.project-card{margin-bottom:20px}p{orphans:3;widows:3}}

/* Entry points for the first AI experiment. */
.try-services{display:flex;flex-wrap:wrap;gap:10px 18px;margin:18px 0 25px}.try-services>a{display:inline-flex;align-items:center;gap:7px;font-weight:650;font-size:13px;color:var(--blue);border-bottom:1px solid #b4c2ed;padding-bottom:2px}.try-services>a:hover{color:var(--ink)}
@media(max-width:1000px) and (min-width:601px){.footer-top{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:20px}}
@media(max-width:600px){.footer-top>div:last-child{grid-column:1 / -1}.try-services>a{font-size:11px}}

/* Public, free-reading edition: readable labels and no learner state. */
.desktop-nav a{font-size:13px}.hero-description{font-size:15px}.field-card p,.news-card>p,.field-hero>div>p:not(.field-kicker),.tool-card>p,.tool-detail p,.practice-list p{font-size:14px}.field-meta,.small-note{font-size:12px}.article-main .prose,.lesson-section,.journal-article>section{font-size:16px}.step-body{font-size:15px}.source-list li>span{font-size:12px}.button{min-height:44px}.filter-chip{min-height:42px}.icon-button{min-width:44px;min-height:44px}.footer-top>div>a:not(.brand){font-size:13px}.footer-top p{font-size:13px}
@media(max-width:600px){.hero-description{font-size:14px}.field-card p{font-size:12px}.field-hero>div>p:not(.field-kicker){font-size:14px}.step-body{font-size:14px}.lesson-body,.prose{font-size:15px}.hero-buttons .button{font-size:12px}.field-meta{gap:10px}}

/* Editorial discovery: different outcomes, one consistent visual language. */
.field-card{padding:0;overflow:hidden}.field-card-visual{aspect-ratio:8/5;overflow:hidden;border-bottom:1px solid var(--line)}.field-card-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.field-card:hover .field-card-visual img{transform:scale(1.025)}.field-card-top{margin:20px 22px 12px}.field-card>.card-en,.field-card>h3,.field-card>p{margin-left:22px;margin-right:22px}.field-card>.card-en{display:block}.field-card-bottom{margin:20px 22px 0;padding-bottom:17px}.field-card>p{line-height:1.85}.field-card-wide .field-card-visual{aspect-ratio:8/4.6}.field-art img{aspect-ratio:8/5;object-fit:contain;border-radius:8px}.field-art{border-radius:9px;overflow:hidden}.featured-guide-link{display:block;background:#253d42;color:#f5f5e9;padding:25px 28px;border-radius:8px;margin-bottom:34px}.featured-guide-link>span:first-child{display:block;font-size:12px;color:#b7d6c9}.featured-guide-link>strong{display:block;font-size:23px;line-height:1.6;margin:10px 0}.featured-guide-link .text-link{font-size:13px;color:#e4d997}.featured-guide-link:hover{background:#1b343a}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.guide-cover{display:block;position:relative;aspect-ratio:8/5;border-bottom:1px solid var(--line);overflow:hidden}.guide-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.guide-card:hover .guide-cover>img{transform:scale(1.02)}.guide-cover-label{position:absolute;left:16px;bottom:13px;background:#fffdf5;border:1px solid #d7dbd2;border-radius:4px;font-size:11px;font-weight:700;padding:3px 9px}.guide-card-copy{padding:22px;display:flex;flex-direction:column;flex:1}.guide-card-meta{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between;font-size:10px;letter-spacing:.4px;color:#68756d}.guide-card-meta>span:first-child{font:10px var(--mono);color:#326b64}.guide-card h3{font-size:21px;line-height:1.6;margin:12px 0}.guide-card-main{display:block;flex:1}.guide-card-main:hover h3{color:var(--blue)}.guide-card-main:focus-visible{outline-offset:-4px}.guide-card-copy>p{font-size:13px;color:#56645b;line-height:1.9}.guide-depth-links{display:flex;flex-wrap:wrap;gap:9px;margin:0 22px 22px;padding-top:14px;border-top:1px solid var(--line)}.guide-depth-links a{display:inline-flex;gap:4px;align-items:center;font-size:11px;min-height:30px;color:#244e92}.guide-depth-links a:hover{text-decoration:underline}.guide-depth-notice{padding:13px 18px;border-left:3px solid var(--blue);background:#eef2fc;font-size:14px;margin:20px 0}.guide-depth-notice a{text-decoration:underline;margin-left:12px}
.guide-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:42px;align-items:start;padding-top:35px;padding-bottom:45px;border-bottom:1px solid var(--line)}.guide-hero h1{font-size:clamp(30px,3.4vw,45px);letter-spacing:-.035em;line-height:1.55;margin:15px 0 18px}.guide-lead{font-size:16px;line-height:1.95;color:#4f6058}.guide-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:#60756a;margin-top:17px}.guide-meta>span:first-child{font-weight:700;color:#2a6454}.guide-hero>figure{margin:11px 0 0}.guide-hero>figure img{display:block;width:100%;height:auto;border-radius:7px;border:1px solid var(--line);background:#fff}.guide-hero figcaption{font-size:11px;color:#68766d;margin-top:10px;line-height:1.8}.guide-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.guide-intro-grid strong{font-size:13px;color:#2c6354}.guide-intro-grid ul{font-size:12px;line-height:1.9;margin:8px 0 0;padding-left:18px}.guide-intro-grid li+li{margin-top:6px}.guide-body{min-width:0;font-size:16px;line-height:2}.guide-body .guide-section{padding:6px 0 42px;margin-bottom:30px;border-bottom:1px solid var(--line);scroll-margin-top:0}.guide-body h2{font-size:27px;line-height:1.65;letter-spacing:-.02em;margin:0 0 22px}.guide-body h3{font-size:20px;line-height:1.7;margin:32px 0 14px}.guide-body h4{font-size:17px;margin:25px 0 10px}.guide-body p{margin:0 0 19px}.guide-body ul,.guide-body ol{padding-left:24px;margin:16px 0 24px}.guide-body li{margin:8px 0}.guide-body a:not(.button):not(.text-link){color:#2553aa;text-decoration:underline;text-underline-offset:3px}.guide-body figure{margin:28px 0}.guide-body figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:7px;display:block;background:#fff}.guide-body figcaption{font-size:12px;color:#596c60;line-height:1.85;margin:10px 0 0}.guide-body .note-box{margin:25px 0;padding:23px 26px;width:auto;font-size:14px;border-left:4px solid #6b9888;background:#edf3e9}.guide-body .note-box p:last-child{margin-bottom:0}.guide-body pre{max-width:100%;overflow-x:auto;background:#20383f;color:#edf5ec;padding:23px 25px;border-radius:6px;font:13px/1.85 var(--mono);tab-size:2;margin:18px 0}.guide-body :not(pre)>code{background:#e9ede5;color:#31594c;font:0.88em var(--mono);padding:.14em .35em;border-radius:3px;overflow-wrap:anywhere}.guide-body pre code{font:inherit;color:inherit}.prompt-block{position:relative;margin:25px 0;padding-top:38px;background:#20383f;border-radius:7px}.guide-body .prompt-block pre{white-space:pre-wrap;margin:0;border-top:1px solid #4f6b6a;border-radius:0 0 7px 7px}.prompt-block>[data-copy-target]{position:absolute;right:12px;top:5px;color:#dceacb;font-size:12px;padding:5px 10px;border:1px solid #698783;border-radius:4px;min-height:28px}.prompt-block>[data-copy-target]:hover{background:#35535b}.guide-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;background:#fff;font-size:14px;line-height:1.85;margin:25px 0;border:1px solid var(--line);border-radius:4px}.guide-body th,.guide-body td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:120px}.guide-body th{background:#e8eee4;font-size:13px;color:#335345}.guide-body tr:last-child td{border-bottom:0}.guide-body caption{text-align:left;padding:12px 16px;font-size:13px;font-weight:700}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.comparison-grid>div,.comparison-grid>article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:6px}.comparison-grid h3{margin:0 0 14px}.comparison-grid p:last-child{margin-bottom:0}.guide-body details{border:1px solid var(--line);background:#fff;border-radius:5px;margin:22px 0;padding:0 20px}.guide-body summary{cursor:pointer;font-size:15px;font-weight:700;padding:15px 0;line-height:1.75}.guide-body details>p,.guide-body details>ul{font-size:14px}.guide-body .source-list{font-size:13px;padding-left:20px}.guide-body .source-list li{padding:14px 0}.guide-body .source-list span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.guide-body iframe{width:100%;border:1px solid var(--line);border-radius:7px;min-height:450px}.guide-layout{padding-top:40px}.guide-layout .toc-sticky{top:105px}.related-guides{padding-top:20px}
@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-hero{grid-template-columns:1.4fr 1fr;gap:25px}.guide-intro-grid{grid-template-columns:1fr;gap:16px}.field-card-top{margin-left:16px;margin-right:16px}.field-card>.card-en,.field-card>h3,.field-card>p,.field-card-bottom{margin-left:16px;margin-right:16px}}
@media(max-width:800px){.guide-hero{grid-template-columns:1fr}.guide-hero>figure{max-width:640px;margin:0}.guide-intro-grid{grid-template-columns:1fr 1fr}.guide-layout .article-toc{margin-bottom:25px}.guide-layout .toc-sticky{position:static}.guide-layout .article-toc nav{display:flex;overflow:auto;gap:12px;padding-bottom:8px}.guide-layout .article-toc nav a{white-space:nowrap}.guide-layout{display:block}}
@media(max-width:600px){.field-card-top{margin-top:12px;margin-bottom:8px}.field-card>.card-en{font-size:8px}.field-card-bottom{font-size:9px;margin-top:13px;padding-bottom:13px}.field-card .card-number{font-size:11px}.field-card h3{font-size:16px}.field-card .field-icon svg{width:21px;height:21px}.guide-grid{grid-template-columns:1fr}.guide-card-copy{padding:20px}.guide-card h3{font-size:21px}.guide-hero{padding-top:18px;padding-bottom:30px}.guide-hero h1{font-size:30px;line-height:1.55}.guide-lead{font-size:15px}.guide-hero>figure{margin-top:5px}.guide-intro-grid{grid-template-columns:1fr;gap:18px;margin-top:22px;padding-top:20px}.guide-intro-grid ul{font-size:13px}.guide-body{font-size:15px;line-height:2}.guide-body h2{font-size:24px}.guide-body h3{font-size:19px}.guide-body .guide-section{padding-bottom:25px;margin-bottom:22px}.guide-body pre{padding:18px 15px;font-size:12px}.guide-body .note-box{padding:20px}.comparison-grid{grid-template-columns:1fr}.guide-body th,.guide-body td{padding:12px;min-width:140px}.guide-body figure{margin-inline:-2px}.featured-guide-link{padding:22px}.featured-guide-link>strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.field-card-visual img,.guide-cover>img{transition:none}.field-card:hover .field-card-visual img,.guide-card:hover .guide-cover>img{transform:none}}
@media print{.guide-hero{display:block}.guide-hero>figure{max-width:480px}.guide-body table{display:table;font-size:11px}.guide-body pre{white-space:pre-wrap;color:#111;background:#f3f3f3}.guide-body [data-copy-target],.guide-depth-links,.related-guides{display:none}.guide-intro-grid{grid-template-columns:1fr 1fr}}

/* Real lesson media remain within the reading column at every width. */
.guide-body video{display:block;width:100%;max-width:100%;height:auto;border:1px solid var(--line);border-radius:7px;background:#172c35}.guide-body audio{display:block;width:100%;max-width:100%;margin:18px 0}.guide-body video:focus-visible,.guide-body audio:focus-visible{outline:3px solid #4874ef;outline-offset:4px}.comparison-grid>*{min-width:0}

/* html scroll-padding is the single anchor offset; a second section margin doubled it. */

/* A portrait composition should be visible at a glance; detailed charts keep their own scale. */
.guide-body .poster-preview img{width:100%;max-height:70vh;object-fit:contain;background:#edf0e9}.guide-body .poster-preview{padding:15px;border:1px solid var(--line);border-radius:7px;background:#edf0e9}.guide-body .poster-preview img{border:0}

/* Product identification stays secondary to the AI ATLAS identity. */
.tool-brand{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:10px;margin:0 0 16px;border-radius:6px;background:#fff}.tool-brand img{display:block;width:44px;height:44px;object-fit:contain;max-width:none}.tool-brand-dark{background:#202a30}.tool-brand-dark img{width:131px;height:40px}.tool-attribution{font-size:11px!important;color:#5c6861!important;line-height:1.8;margin-top:15px!important}.tool-attribution a{color:#254e92;text-decoration:underline}.tool-foot small{display:block;font-size:11px;margin-top:7px}.tool-foot>div{display:flex;flex-direction:column;gap:9px;align-items:flex-start;flex-shrink:0}.tool-demo-link{border-left:3px solid #a4b9b0;padding:13px 15px;margin:18px 0;background:#edf2eb}.tool-demo-link>a{font-size:13px;color:#2553aa;text-decoration:underline}.tool-demo-link p{font-size:11px;line-height:1.9;margin-top:8px;color:#56665b}.brand-credit{padding:24px 0;border-top:1px solid var(--line);margin-top:24px}.brand-credit p{font-size:13px;margin:12px 0;overflow-wrap:anywhere}.brand-credit a{color:#2553aa;text-decoration:underline}.news-date-kind{font-size:10px;color:var(--muted)}
@media(max-width:600px){.tool-foot>div{margin-top:12px}.tool-attribution{font-size:11px!important}.tool-brand{min-height:58px}.tool-brand-dark img{width:118px;height:36px}}
/* Keep direct depth navigation in narrow/zoomed layouts; inherited field TOC hid it. */
@media(max-width:800px){.guide-layout .article-toc{display:block}.guide-layout .article-toc nav{display:flex;flex-direction:row;flex-wrap:wrap;overflow:visible;gap:8px}.guide-layout .article-toc nav a{flex:1 1 155px;white-space:normal;min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:4px;font-size:12px}.guide-layout .article-toc .eyebrow{margin-bottom:12px}}

/* Historical context expands where the reader asks for it, with deep-linkable details. */
.history-expander{margin:23px 0 0;border:1px solid #cbd6ce;background:#f4f7f0;border-radius:6px;scroll-margin-top:0}.history-expander>summary{padding:17px 20px;cursor:pointer;line-height:1.8;font-size:14px;font-weight:650;color:#275947}.history-expander[open]>summary{border-bottom:1px solid #d8e1d9}.history-depth{padding:22px}.history-depth>section{margin:20px 0}.history-depth h3{font-size:17px;color:#275947;margin:0 0 8px}.history-depth p{font-size:14px!important;line-height:1.95;margin:0}.history-depth .history-date-note{font-size:12px!important;padding:12px 15px;background:#e5eee4;border-left:3px solid #8daa92}.history-depth figure{margin:25px 0}.history-depth figure img{width:100%;height:auto;border:1px solid var(--line);background:#fff;border-radius:4px}.history-depth figcaption{font-size:12px;color:#5b6a5e;margin-top:10px}.history-source-notes{padding-top:20px;margin-top:24px;border-top:1px solid #d1dacf}.history-source-notes>span{font-size:11px;color:#5b6c60}.history-source-notes ul{font-size:12px;padding-left:18px}.history-source-notes a{color:#254e92;text-decoration:underline}.history-source-notes p{font-size:11px!important;color:#59685e}.mini-timeline .history-depth>section{border:0;padding:0;margin:19px 0}.mini-timeline .history-depth h3{font-size:16px}.mini-timeline .history-depth p{font-size:13px!important}
@media(max-width:600px){.history-depth{padding:17px}.history-expander>summary{padding:16px;font-size:13px}.history-depth p{font-size:13px!important}}

.filter-summary{font-size:12px;color:#5a6b60;line-height:1.8;margin:-6px 0 18px;min-height:22px}
/* Semantic supporting text, not decoration: keep ordinary-text contrast above4.5:1. */
.footer-bottom,.footer-note,.card-number,.field-card-bottom>span,.guide-hero figcaption{color:#526459}

.project-card-foot{flex-wrap:wrap;row-gap:10px}.project-card-foot>a{min-height:32px}.project-card-foot>a:last-child:nth-child(3){flex-basis:100%;justify-content:flex-end}

/* Instructional diagram cards preserve every label; the badge has its own space. */
.guide-cover-diagram{padding:10px 10px 38px;background:#f4f6f0}.guide-cover-diagram>img{object-fit:contain}.guide-card:hover .guide-cover-diagram>img{transform:none}

/* Workshop extension: challenge cards layered on top of the workshop sessions. */
:root{--ws-level-1:#e2eee5;--ws-level-1-ink:#2f5a3c;--ws-level-2:#f7e1d8;--ws-level-2-ink:#7a3b22;--ws-pair:#f3e8bf;--ws-pair-ink:#5e4a0c;--ws-talk:#e3e8fb;--ws-talk-ink:#213fae}
.ws-kicker{display:block;font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.04em;margin-bottom:6px}
.ws-note{font-size:13px;color:var(--muted)}
.ws-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:56px;align-items:end;padding-top:40px;padding-bottom:56px}
.ws-hero h1{font-size:clamp(36px,5.4vw,64px);line-height:1.2;margin-bottom:22px}
.ws-lead{font-size:16px;max-width:40em;margin-bottom:26px}
.ws-lead strong,.ws-aim strong{display:block;font-size:12px;color:var(--blue);margin-bottom:2px}
.ws-hero-stats{display:grid;margin:0;border-top:2px solid var(--ink)}
.ws-hero-stats>div{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.ws-hero-stats dt{font-size:13px;color:var(--muted)}
.ws-hero-stats dd{margin:0;font:700 34px/1.1 var(--mono);letter-spacing:-.03em}
.ws-howto{padding-bottom:56px}
.ws-howto h2,.ws-sessions h2{font-size:24px;margin-bottom:18px}
.ws-howto ol{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:howto}
.ws-howto li{margin:0;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:20px 20px 22px;counter-increment:howto}
.ws-howto li::before{content:counter(howto,decimal-leading-zero);display:block;font:700 12px/1 var(--mono);color:var(--blue);margin-bottom:12px}
.ws-howto li strong{display:block;font-size:16px;margin-bottom:6px}
.ws-howto li span{font-size:14px;color:#4a5352}
.ws-legend{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;font-size:13px}
.ws-badges{display:flex;flex-wrap:wrap;gap:6px}
.ws-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:650;line-height:1.5;padding:3px 9px;border-radius:999px;background:#eceee8;color:#3f4847;white-space:nowrap;justify-self:start}
.ws-level-1{background:var(--ws-level-1);color:var(--ws-level-1-ink)}
.ws-level-2{background:var(--ws-level-2);color:var(--ws-level-2-ink)}
.ws-pair{background:var(--ws-pair);color:var(--ws-pair-ink)}
.ws-talk{background:var(--ws-talk);color:var(--ws-talk-ink)}
.ws-sessions{padding-bottom:64px}
.ws-session-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ws-session-list li{margin:0}
.ws-session-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:center;height:100%;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:20px 22px;transition:border-color .18s,transform .18s,box-shadow .18s}
.ws-session-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 20px #2b4ed014}
.ws-session-card:active{transform:translateY(0)}
.ws-session-card>svg{color:var(--blue)}
.ws-session-number{font:700 30px/1 var(--mono);color:var(--blue);letter-spacing:-.04em}
.ws-session-copy strong{display:block;font-size:17px;line-height:1.5}
.ws-session-copy small{display:block;font-size:13px;color:var(--muted);line-height:1.7;margin:4px 0 10px}
.ws-session-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;font-weight:650;color:#4a5352}
.ws-hub-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;padding-bottom:40px}
.ws-sample{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;background:#24343a;color:#eef2ee;border-radius:10px;padding:28px}
.ws-sample .ws-kicker{color:#a9c4ff}
.ws-sample h2{font-size:30px;margin-bottom:6px}
.ws-sample ul{font-size:14px;padding-left:1.2em}
.ws-sample .ws-note{color:#c3cfca}
.ws-sample-mark{writing-mode:vertical-rl;font:800 13px/1 var(--mono);letter-spacing:.5em;color:#f3e8bf;border-right:1px solid #ffffff2e;padding-right:16px}
.ws-after{background:var(--yellow);border-radius:10px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ws-after h2{font-size:24px;margin-bottom:6px}
.ws-after p{font-size:14px;margin-bottom:8px}
.ws-disclaimer{font-size:12px;color:var(--muted);padding-bottom:64px}
.ws-home-banner{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:28px;background:var(--ws-pair);border-radius:10px;padding:30px 34px}
.ws-home-banner h2{font-size:26px;margin-bottom:6px}
.ws-home-banner p{font-size:14px;max-width:38em}
.ws-home-banner .button{flex-shrink:0}
.ws-session-nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.ws-session-nav a{flex:1 0 108px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:var(--white);transition:border-color .18s,background .18s}
.ws-session-nav a:hover{border-color:var(--blue)}
.ws-session-nav a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}
.ws-session-nav span{font:700 14px/1.4 var(--mono)}
.ws-session-nav small{font-size:11px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-session-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;padding-top:36px;padding-bottom:36px}
.ws-session-big{font:800 clamp(72px,11vw,150px)/.85 var(--mono);color:var(--blue);letter-spacing:-.06em}
.ws-session-hero h1{font-size:clamp(30px,4.2vw,48px);line-height:1.3;margin-bottom:20px}
.ws-session-hero .ws-lead{margin-bottom:14px}
.ws-aim{font-size:14px;color:#4a5352;max-width:46em;margin-bottom:20px}
.ws-toc{display:flex;flex-wrap:wrap;gap:8px}
.ws-toc a{font-size:13px;font-weight:650;border-bottom:2px solid var(--blue);padding:2px 2px 1px}
.ws-toc a:hover{color:var(--blue)}
.ws-session-body{max-width:900px}
.ws-unlock,.ws-check{display:flex;gap:12px;align-items:flex-start}
.ws-unlock{background:var(--mint);border-radius:8px;padding:16px 20px;margin-bottom:40px;font-size:15px}
.ws-unlock>svg,.ws-check>svg{margin-top:4px;color:#2f7a48}
.ws-unlock strong,.ws-check strong,.ws-goal strong,.ws-tip strong{display:block;font-size:12px;letter-spacing:.03em}
.ws-explainer{position:relative;background:var(--white);border:1px solid var(--line);border-left:6px solid var(--blue);border-radius:8px;padding:28px 30px;margin-bottom:56px}
.ws-explainer-label{font:700 12px/1 var(--mono);color:var(--blue);letter-spacing:.2em;margin-bottom:12px}
.ws-explainer h2{font-size:24px;margin-bottom:12px}
.ws-explainer>p{font-size:15px;margin-bottom:12px}
.ws-flow{list-style:none;padding:0;margin:22px 0 6px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:22px;counter-reset:flow}
.ws-flow li{position:relative;margin:0;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:34px 14px 14px;font-size:13px;line-height:1.7;counter-increment:flow}
.ws-flow li::before{content:counter(flow);position:absolute;top:10px;left:14px;font:700 13px/1 var(--mono);color:var(--blue)}
.ws-flow li+li::after{content:"→";position:absolute;left:-18px;top:50%;transform:translateY(-50%);color:var(--blue);font-weight:700}
.ws-table-wrap{overflow-x:auto;margin:16px 0}
.ws-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7;min-width:420px}
.ws-table th,.ws-table td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}
.ws-table thead th{background:#eef0ea;font-weight:700;min-width:5.5em}
.ws-table tbody th{font-weight:650;background:#fafaf7}
.ws-table td:empty{background:repeating-linear-gradient(-45deg,#fff 0 6px,#f6f6f1 6px 7px);min-width:72px}
.ws-inline-link{display:inline-flex;gap:6px;align-items:center;color:var(--blue);font-weight:650}
.ws-inline-link:hover{text-decoration:underline}
.ws-cards h2{font-size:24px;margin-bottom:4px}
.ws-cards-lead{font-size:14px;color:var(--muted);margin-bottom:22px}
.ws-card-list{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.ws-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:24px 28px 26px 34px;scroll-margin-top:110px}
.ws-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;border-radius:8px 0 0 8px;background:var(--ws-level-1)}
.ws-card-level-2::before{background:var(--ws-level-2)}
.ws-card-talk::before{background:var(--ws-talk)}
.ws-card:target{border-color:var(--blue);box-shadow:0 0 0 3px #2b4ed01f}
.ws-card header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:baseline;margin-bottom:12px}
.ws-card-id{font:700 13px/1 var(--mono);color:var(--muted)}
.ws-card h3{font-size:20px}
.ws-card .ws-badges{grid-column:1/-1}
.ws-card h4{font-size:13px;margin:16px 0 6px;color:#4a5352}
.ws-goal{font-size:15px}
.ws-goal strong{color:var(--blue)}
.ws-steps{font-size:15px;margin:0}
.ws-questions{font-size:15px}
.ws-example{margin:16px 0;border:1px solid #cad4c5;border-radius:6px;overflow:hidden}
.ws-example-head{display:flex;align-items:center;gap:10px;background:#f1f5ec;padding:6px 10px 6px 14px;font-size:12px;font-weight:700}
.ws-example pre{margin:0;padding:14px;font:13px/1.8 var(--mono);background:#fbfcf9}
.ws-check{background:#f3f8f2;border-radius:6px;padding:12px 16px;margin-top:16px;font-size:14px}
.ws-tip{margin-top:12px;font-size:13px;color:#4a5352;border-left:3px solid var(--ws-pair);padding-left:12px}
.ws-more{max-width:900px;padding-top:56px}
.ws-more h2{font-size:22px;margin-bottom:12px}
.ws-more ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ws-more li{margin:0}
.ws-more a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:6px;padding:12px 16px;font-size:14px;font-weight:650;transition:border-color .18s}
.ws-more a:hover{border-color:var(--blue);color:var(--blue)}
.ws-pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px;padding-top:40px;padding-bottom:72px}
.ws-pager a{display:flex;flex-direction:column;border-top:2px solid var(--ink);padding-top:12px;font-size:15px;font-weight:700}
.ws-pager a:hover{color:var(--blue);border-color:var(--blue)}
.ws-pager small{font-size:12px;font-weight:500;color:var(--muted)}
.ws-pager-next{text-align:right;grid-column:2}
@media(max-width:1000px){.ws-hero,.ws-hub-bottom{grid-template-columns:1fr}.ws-hero{gap:32px}.ws-flow{grid-auto-flow:row;grid-auto-columns:auto;gap:12px}.ws-flow li{padding:12px 14px 12px 40px}.ws-flow li::before{top:15px}.ws-flow li+li::after{content:"↓";left:50%;top:-14px;transform:translateX(-50%)}}
@media(max-width:800px){.ws-howto ol,.ws-session-list{grid-template-columns:1fr}.ws-home-banner{flex-direction:column;align-items:flex-start;padding:24px}.ws-session-hero{grid-template-columns:1fr;gap:6px}.ws-session-big{font-size:64px}}
@media(max-width:600px){.ws-session-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.ws-session-nav a{align-items:center;padding:6px 4px}.ws-session-nav small{display:none}.ws-hero{padding-top:20px;padding-bottom:36px}.ws-hero-stats>div{padding:8px 0}.ws-hero-stats dd{font-size:24px}.ws-lead{font-size:15px}.ws-session-card{grid-template-columns:44px minmax(0,1fr);padding:16px}.ws-session-card>svg{display:none}.ws-session-number{font-size:22px}.ws-sample{grid-template-columns:1fr;padding:22px}.ws-sample-mark{writing-mode:horizontal-tb;border-right:0;border-bottom:1px solid #ffffff2e;padding:0 0 10px}.ws-after{padding:22px}.ws-explainer{padding:20px 18px;border-left-width:4px}.ws-card{padding:20px 16px 20px 24px}.ws-card h3{font-size:18px}.ws-pager{grid-template-columns:1fr}.ws-pager-next{grid-column:auto;text-align:left}.ws-legend{grid-template-columns:1fr;gap:4px}.ws-legend>span:nth-child(even){margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.ws-session-card,.ws-session-nav a,.ws-more a{transition:none}.ws-session-card:hover{transform:none}}

/* ワークショップの図解とイメージ画像 */
.ws-hero-visual{min-width:0}
.ws-figure{margin:24px 0;min-width:0}
.ws-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}
.ws-figure-diagram{max-width:380px;margin-inline:auto}
.ws-figure figcaption{margin-top:12px;font-size:14px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.ws-figure-hero{margin-top:0}
.ws-figure-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}
.ws-figure-gallery .ws-figure{margin:0}
.ws-sample:has(.ws-sample-portrait){grid-template-columns:minmax(150px,.7fr) minmax(0,1fr);gap:20px;align-items:start}
.ws-sample-portrait{width:min(100%,280px);justify-self:center}
.ws-sample-portrait .ws-figure{margin:0}
.ws-sample-portrait figcaption{color:#c3cfca}
.ws-hero-visual .ws-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ws-hero-visual .ws-hero-stats>div{display:block;padding:12px 0}
.ws-hero-visual .ws-hero-stats dd{font-size:clamp(20px,2.6vw,28px);margin-top:6px}
.ws-hub-bottom:has(.ws-sample-portrait){align-items:start}
.ws-hero:has(.ws-figure-hero){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:40px}
.ws-hero:has(.ws-figure-hero) h1{font-size:clamp(36px,4.6vw,58px)}
@media(max-width:1000px){.ws-hero:has(.ws-figure-hero){grid-template-columns:minmax(0,1fr);gap:28px}}
@media(max-width:600px){.ws-figure-diagram{margin-inline:-6px}.ws-figure figcaption{padding-inline:6px}.ws-sample:has(.ws-sample-portrait){grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.ws-figure-gallery{grid-template-columns:minmax(0,1fr);gap:24px}}

/* 375・768・1280pxでの押しやすさ、配置、図の文字版を調整。 */
.ws-flow-text{margin:8px 0 18px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}
.ws-flow-text summary{cursor:pointer;padding:10px 14px;font-size:13px;font-weight:650;color:var(--blue);min-height:44px;display:list-item;list-style-position:inside}
.ws-flow-text summary:hover{text-decoration:underline}
.ws-flow-text .ws-flow{display:block;list-style:decimal;margin:0;padding:8px 18px 16px 38px}
.ws-flow-text .ws-flow li{border:0;border-radius:0;background:none;padding:0;font-size:14px;line-height:1.8}
.ws-flow-text .ws-flow li+li{margin-top:8px}
.ws-flow-text .ws-flow li::before,.ws-flow-text .ws-flow li+li::after{content:none}
.ws-example .copy-button{font-size:12px;min-height:36px;padding:6px 12px}
.ws-after .text-link{padding-block:10px}
.ws-inline-link{padding-block:6px}
@media(max-width:1000px){.ws-session-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.ws-session-nav a{min-width:0}}
@media(max-width:800px) and (min-width:601px){.ws-howto ol{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-howto li{padding:16px}}
@media(max-width:600px){.ws-session-nav a{min-height:44px;justify-content:center}}
.ws-toc{gap:4px 14px}.ws-toc a{padding:9px 2px 7px}
@media(min-width:1001px){.ws-explainer:has(.ws-figure-diagram){display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:32px;row-gap:0;align-items:start}.ws-explainer:has(.ws-figure-diagram)>*{grid-column:1}.ws-explainer:has(.ws-figure-diagram)>.ws-figure-diagram{grid-column:2;grid-row:1/span 12;margin:0}}

/* Official service artwork shares the heading across every tool-card placement. */
/* Keep adaptive SVG icons in their light palette on the fixed light cards. */
.tool-brand img{color-scheme:only light}
.tool-heading .tool-brand{flex-shrink:0;align-self:center;width:52px;min-height:52px;margin:0;padding:4px}.tool-heading .tool-brand img{width:44px;height:44px;object-fit:contain}.tool-heading .tool-brand-dark{width:139px;padding:8px}.tool-heading .tool-brand-dark img{width:123px;height:38px}.tool-heading>div{min-width:0}.tool-heading h3{overflow-wrap:anywhere}
@media(max-width:600px){.tools-grid .tool-heading{flex-wrap:wrap}.tool-heading .tool-brand{width:43px;min-height:43px}.tool-heading .tool-brand img{width:35px;height:35px}.tool-heading .tool-brand-dark{width:126px}.tool-heading .tool-brand-dark img{width:110px;height:34px}}

/* Keep orientation concise and card links unambiguous. */
.mobile-nav a[aria-current]{color:var(--blue);font-weight:700}
.guide-context-link{padding-top:8px}
@media(max-width:600px){.start-strip>a>div{display:block}.start-strip strong{font-size:14px;white-space:normal}.start-strip div>span{font-size:11px;margin-top:3px}.guide-depth-links{margin-inline:20px}}