:root{--paper:#faf9fc;--ink:#302b40;--muted:#625d70;--line:#dcd7e4;--lavender:#b6a0d0;--blue:#7ea8e8;--mint:#70c8bd;--white:#fff;--purple:#66468c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'PingFang TC','Microsoft JhengHei',sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}a,button,input,select,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--purple)}button,.button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button{border:1px solid var(--line);background:white;border-radius:6px;padding:10px 16px}button:hover:not(:disabled),.button:hover{filter:brightness(.96)}.wrap{max-width:1200px;margin:auto;padding:0 40px}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:16px}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20;backdrop-filter:none}.header-row{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:82px}.logo{font-size:29px;font-weight:800;letter-spacing:-1.7px;text-decoration:none;white-space:nowrap}.logo span{color:var(--purple)}.nav{display:flex;gap:24px;font-size:13px;align-items:center}.nav a{text-decoration:none;padding:10px 0}.nav a[aria-current]{border-bottom:2px solid var(--purple)}.nav .lab-link{border:1px solid var(--line);border-radius:12px;padding:8px 17px}.menu-toggle{display:none}.preview-note{background:#ede8f5;color:#594674;font-size:14px;padding:7px 16px;text-align:center}.eyebrow{font-family:inherit;font-size:13px;letter-spacing:.02em;text-transform:none;display:flex;align-items:center;gap:10px;color:var(--muted)}.eyebrow::before{display:none;content:'';width:6px;height:6px;background:var(--mint);border-radius:50%}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h1{font-size:clamp(34px,4.5vw,58px);font-weight:650;margin:24px 0}h2{font-size:30px;font-weight:600;margin:10px 0 16px}h3{font-size:20px;margin:0 0 10px}p{margin:0 0 16px}.muted,.lead{color:var(--muted)}.lead{font-size:17px;line-height:1.9;max-width:620px}.hero{padding:62px 0 52px;display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.hero h1 em{font-style:normal;color:inherit}.searchbox{display:flex;background:white;border:1px solid #b9bcd0;box-shadow:none;border-radius:12px;padding:7px;gap:8px;margin:27px 0 12px}.searchbox input{border:0;min-width:0;flex:1;background:transparent;padding:9px 12px;width:100%;outline-offset:-2px}.searchbox button,.button.primary{background:var(--ink);color:white;border-color:var(--ink)}.searchbox button{padding:10px 24px}.quick{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;align-items:center}.quick a{border-bottom:1px solid var(--line);text-decoration:none;padding:3px 4px}.hero-art{background:linear-gradient(145deg,#ede7f5,#edf2fc 60%,#e9f4f0);border-radius:160px 160px 26px 26px;padding:45px 30px 26px;position:relative;min-height:355px}.art-heading{font-size:10px;letter-spacing:.2em;margin:0 0 25px;text-align:center;color:var(--muted)}.shelf-item{display:flex;align-items:center;gap:18px;padding:16px;margin-bottom:12px;border:1px solid #ffffff;border-radius:12px;background:#ffffffde;text-decoration:none;box-shadow:none}.shelf-item:nth-of-type(2){transform:translateX(-12px)}.shelf-item:nth-of-type(3){transform:translateX(8px)}.shelf-item small{display:block;color:var(--muted);font-size:14px}.glyph{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:#eee7f7;flex-shrink:0;font-weight:600}.shelf-item:nth-of-type(2) .glyph{background:#e5f1ef}.shelf-item:nth-of-type(3) .glyph{background:#e7edfa}.art-foot{font-size:13px;line-height:1.7;font-family:inherit;text-align:center;margin-top:22px;color:var(--muted)}.flow{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:20px;font-size:13px}.flow b{font-family:inherit;font-size:13px;color:var(--purple);margin-right:12px}.section{padding:64px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{margin-bottom:0}.text-link{font-size:13px;white-space:nowrap}.categories{display:flex;flex-wrap:wrap;gap:10px}.category{border:1px solid var(--line);background:white;border-radius:25px;padding:9px 17px;text-decoration:none;font-size:13px}.category:hover{border-color:var(--lavender);background:#f0ebf8}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:28px 0;display:flex;flex-direction:column;min-width:0;transition:border-color .2s,transform .2s}.tool-card:hover{border-color:#b5a4d1;transform:none}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.card-top small{font-size:13px;color:var(--muted)}.tool-card h3 a{text-decoration:none}.tool-card .summary{font-size:14px;min-height:48px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;margin:0 0 18px}.tags span,.badge{border-radius:5px;padding:3px 8px;background:#f0edf7;color:#65517f;font-size:13px}.tags span:nth-child(2){background:#eaf4f1;color:#35675d}.card-meta{font-size:14px;border-top:1px solid var(--line);padding-top:13px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}.card-meta dt{color:var(--muted)}.card-meta dd{margin:0;text-align:right}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;gap:10px;font-size:14px}.card-actions button{padding:6px 10px;font-size:14px}.card-bottom{margin-top:auto}.date{font-size:13px;line-height:1.7;font-family:inherit;color:var(--muted);margin-top:13px}.guide-banner{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.guide-art{background:#eae7f4;display:grid;place-items:center;padding:28px;min-height:240px}.guide-art svg{width:100%;max-width:380px}.guide-copy{padding:32px 32px 32px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:6px;padding:11px 20px;text-decoration:none;border:1px solid var(--line);font-size:14px}.original-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.original{padding:24px;border:1px solid var(--line);border-top:3px solid var(--lavender);border-radius:12px;background:#fff}.original:nth-child(2){border-top-color:var(--blue)}.original:nth-child(3){border-top-color:var(--mint)}.original p{font-size:14px;color:var(--muted)}.original small{display:block;color:var(--muted);margin:14px 0;font-size:14px}.original a{font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.support{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#eaf3f0;padding:32px;border-radius:12px}.footer{display:flex;justify-content:space-between;gap:30px;padding:35px 0 50px;font-size:14px;color:var(--muted)}.footer .logo{display:block;color:var(--ink);margin-bottom:10px}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.page-intro{padding:45px 0 28px;max-width:850px}.page-intro h1{font-size:43px;margin:15px 0}.finder-head{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.finder-head .searchbox{margin:0}.finder-head h1{font-size:40px}.filter-panel{border-block:1px solid var(--line);padding:20px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:end}.filter-field{display:grid;gap:5px;font-size:14px;flex:1;min-width:140px}.filter-field select{background:white;border:1px solid var(--line);border-radius:7px;padding:9px;min-height:44px}.checks{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;align-items:center;padding:15px 0}.checks input{accent-color:var(--purple);width:16px;height:16px;vertical-align:middle}.result-line{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;margin:12px 0 20px}.result-line select{padding:6px;background:transparent;border:0}.notice{background:#eef0f8;padding:16px 20px;border-radius:10px;font-size:13px;color:#505873;margin:20px 0}.empty{text-align:center;background:white;border:1px dashed #b9bcd0;border-radius:12px;padding:60px 24px;grid-column:1/-1}.empty p{color:var(--muted)}.compare-bar{position:sticky;bottom:12px;background:var(--ink);color:white;border-radius:14px;padding:14px 20px;display:flex;gap:16px;align-items:center;justify-content:space-between;margin:24px 0;z-index:10;box-shadow:0 5px 25px #34395720}.compare-bar[hidden]{display:none}.compare-bar button{background:#fff;color:var(--ink)}dialog{max-width:min(1000px,94vw);width:100%;border:1px solid var(--line);border-radius:12px;padding:25px;color:var(--ink)}dialog::backdrop{background:#24283b88}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:145px}th{font-weight:600;background:#f5f4fa}.detail-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:50px;padding-bottom:50px}.detail-main section{margin:28px 0}.detail-main h2{font-size:22px}.detail-main li{margin-bottom:9px}.detail-side{border:1px solid var(--line);padding:25px;border-radius:14px;background:white;align-self:start}.detail-side dl{display:grid;gap:12px;margin:20px 0;font-size:13px}.detail-side dt{color:var(--muted)}.detail-side dd{margin:0;overflow-wrap:anywhere}.breadcrumb{font-size:14px;color:var(--muted);padding-top:24px}.detail-source{overflow-wrap:anywhere;font-size:14px}.guide-layout{display:grid;grid-template-columns:220px 1fr;gap:42px;padding:15px 0 50px}.guide-nav{align-self:start;position:sticky;top:120px}.guide-nav button{display:block;width:100%;text-align:left;margin-bottom:8px;font-size:13px;border:0;background:transparent}.guide-nav button[aria-current]{background:#e8e2f2;color:#594076}.step-card{background:white;padding:30px;border:1px solid var(--line);border-radius:15px;min-width:0}.step-card h2{font-size:26px}.step-figure{margin:24px 0}.step-figure svg{width:100%;max-height:230px;background:#f4f1fa;border-radius:10px}.step-figure figcaption{font-size:14px;color:var(--muted)}.progress{width:100%;height:7px;accent-color:var(--purple)}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.copy-box{display:flex;justify-content:space-between;align-items:start;gap:12px;border:1px solid var(--line);border-radius:8px;padding:15px;background:#f7f8fc}.copy-box pre{white-space:pre-wrap;margin:0;overflow-wrap:anywhere;min-width:0}.copy-box button{flex-shrink:0}.live-status{font-size:13px;min-height:24px;color:#416a5c}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:600}details p{margin:12px 0 0;color:var(--muted)}.community-form{display:grid;gap:16px;max-width:720px}.community-form label{display:grid;gap:7px;font-size:14px}.community-form input,.community-form select,.community-form textarea{width:100%;padding:12px;border:1px solid #b9bcd0;background:white;border-radius:8px}.community-form textarea{min-height:150px}.anchor{scroll-margin-top:120px}.no-js{padding:16px;background:#fff4dc}.status-label{font-size:14px;color:var(--purple);margin:10px 0 16px}.mini-list{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.nav{gap:14px}.wrap{padding-inline:25px}.hero{gap:30px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.original-grid{grid-template-columns:1fr}.original{display:block}.finder-head{grid-template-columns:1fr;gap:0}.finder-head .searchbox{margin-bottom:25px}}
@media(max-width:700px){.wrap{padding-inline:20px}.header-row{min-height:68px;flex-wrap:wrap;gap:0;padding-block:12px}.logo{font-size:27px}.menu-toggle{display:block;font-size:13px;padding:7px 12px}.nav{display:none;flex-basis:100%;padding:16px 0 5px;gap:12px 22px;flex-wrap:wrap}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.hero h1{font-size:38px}.hero-art{min-height:0;padding:28px 24px 18px;border-radius:70px 70px 20px 20px}.shelf-item{padding:12px}.art-heading{margin-bottom:15px}.art-foot{margin-top:14px}.lead{font-size:15px}.flow{font-size:13px;gap:10px}.flow b{display:block;margin:0}.section{padding:36px 0}.section-head{align-items:start;gap:14px}.section-head h2{font-size:25px}.section-head .text-link{font-size:14px;margin-top:10px}.grid{grid-template-columns:1fr}.tool-card .summary{min-height:0}.guide-banner{grid-template-columns:1fr;gap:0}.guide-art{min-height:180px;padding:20px}.guide-copy{padding:24px}.support{grid-template-columns:1fr;gap:20px;padding:25px}.footer{flex-direction:column}.page-intro h1,.finder-head h1{font-size:34px}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-side{grid-row:1}.guide-layout{grid-template-columns:1fr;gap:18px}.guide-nav{position:static;display:flex;gap:5px;overflow-x:auto;padding-bottom:6px}.guide-nav button{min-width:120px;width:auto;margin:0;font-size:14px}.step-card{padding:21px}.step-card h2{font-size:23px}.step-actions{gap:8px}.step-actions button{font-size:13px;padding:10px}.searchbox button{padding:10px 17px}.compare-bar{font-size:14px;padding:12px;gap:8px;flex-wrap:wrap}.compare-bar button{font-size:14px}.copy-box{flex-direction:column}.filter-field{min-width:calc(50% - 14px)}.result-line{align-items:start}.checks{gap:10px 18px}.preview-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card{transition:none}.tool-card:hover{transform:none}}
h1{text-wrap:balance}.step-card{scroll-margin-top:110px}

/* Existing bits. lab artwork and editorial content, adapted to the V2 components. */
.brand-hero{background:none;padding:0;border-radius:0;gap:0}.brand-hero-art{text-align:center;width:100%}.brand-hero-art .eyebrow{font-size:10px}.brand-door{width:100%;max-height:310px;display:block;object-fit:contain}.brand-hero-art p{font-size:14px;margin:0 0 20px}.hero-tool-links{width:100%;display:grid;gap:8px}.hero-tool-links .art-heading{text-align:left;margin:0 0 6px}.hero-tool-links .shelf-item{margin:0!important;padding:12px 16px;border:1px solid var(--line);box-shadow:none}.hero-tool-links .glyph{width:34px;height:34px;font-size:20px}.brand-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.brand-path{padding:28px;border:1px solid var(--line);border-top:4px solid #a88ddb;border-radius:12px;background:white}.brand-path:nth-child(2){border-top-color:#7ea8e8}.brand-path:nth-child(3){border-top-color:#70c8bd}.path-icon{width:46px;height:46px;background:#eee7f8;border-radius:13px;display:grid;place-items:center;font-size:26px;margin-bottom:18px}.brand-path:nth-child(2) .path-icon{background:#e5effc}.brand-path:nth-child(3) .path-icon{background:#e1f3ee}.brand-path small{font-size:14px;color:var(--muted)}.brand-path h3{margin:12px 0}.brand-path p{font-size:14px;color:var(--muted)}.brand-path a{font-size:14px}.brand-translators{background:#343957;color:#f7f8fc;border-radius:12px;padding:48px;margin:40px 0}.brand-translators .eyebrow,.brand-translators small{color:#d7c6ef}.translator-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.translator-intro h2{font-size:clamp(34px,4.2vw,58px);letter-spacing:-.05em;line-height:1.05}.translator-intro h3{font-size:18px;margin-top:22px}.translator-intro p{color:#dde1f0}.brand-quote{font-size:22px!important;color:#cfc0eb!important}.translation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:40px}.translation-grid article{border-top:1px solid #7d84a2;padding-top:20px}.translation-grid h3{margin:20px 0 8px}.translation-grid strong{font-size:14px;font-weight:500;color:#e6e0f0}.translation-grid p{font-size:13px;color:#dde1f0}.translation-grid a{font-size:13px;color:#b9e3da}.brand-open{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.brand-orbit{width:100%;max-width:340px}.brand-open .brand-quote{color:#65508f!important}.brand-possibilities{background:#e8e0f3;border-radius:12px;display:grid;grid-template-columns:1fr .5fr;gap:30px;align-items:center;padding:40px;margin:36px 0}.brand-possibilities h2{font-size:clamp(30px,4vw,48px)}.possibility-door{width:100%;max-height:260px}.brand-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.brand-values article{padding:24px;border:1px solid var(--line);border-radius:12px}.brand-values small{color:#65508f}.brand-values h3{font-size:18px;margin:18px 0}.brand-values p{font-size:14px;color:var(--muted)}.brand-mission{display:grid;grid-template-columns:1fr 1fr;gap:50px}.brand-mission h2{font-size:28px}.brand-free{background:#e8f4ef;padding:26px 32px;border-radius:12px;margin:28px 0}.brand-free strong{font-size:20px}.brand-free p{font-size:14px;color:#425d54;margin:12px 0 0}.original-wordmark{display:flex;gap:14px;align-items:center;margin:18px 0}.original-wordmark .owe-logo{width:58px;height:58px;object-fit:contain}.original-wordmark h3{margin:0}.owe-story{background:#f0ecf6;padding:36px;border-radius:12px;margin:36px 0}.owe-story-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.owe-wordmark{display:flex;gap:16px;align-items:center;margin-bottom:24px}.owe-wordmark strong{display:block;font-size:24px}.owe-wordmark small{display:block;font-size:10px;letter-spacing:.1em}.owe-wordmark .owe-logo{width:72px;height:72px;object-fit:contain}.owe-concept-card{padding:28px;background:#343957;color:white;border-radius:12px;box-shadow:none}.owe-concept-card>small{font-size:10px;letter-spacing:.1em;color:#d7c6ef}.owe-concept-card h3{font-size:25px;margin:20px 0}.owe-bubble{background:#d7c6ef;color:#343957;border-radius:12px 16px 4px 16px;padding:14px;margin-left:18px}.owe-paper{background:white;color:#343957;border-radius:12px;padding:20px}.owe-paper small,.owe-paper strong,.owe-paper span{display:block}.owe-paper small{color:var(--muted)}.owe-paper strong{margin:12px 0}.owe-paper span{font-size:14px;border-top:1px solid #dde1ed;padding-top:12px}.concept-caption{font-size:14px;color:#dde1f0;margin:20px 0 0}.owe-concepts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:36px 0 24px}.owe-concepts article{background:white;padding:20px;border-radius:12px;border:1px solid var(--line)}.owe-concepts h3{font-size:18px;margin:20px 0 12px}.owe-concepts p{font-size:14px;color:var(--muted);margin:0}.owe-concept-icon{background:#f1edf8;padding:20px;border-radius:12px;display:grid;place-items:center}.owe-concept-icon img{width:60px;height:60px}.owe-concepts article:nth-child(2) .owe-concept-icon{background:#edf2fb}.owe-concepts article:nth-child(3) .owe-concept-icon{background:#fff0e1}.owe-concepts article:nth-child(4) .owe-concept-icon{background:#e6f4ef}
@media(max-width:900px){.brand-path-grid{grid-template-columns:1fr}.translation-grid,.owe-concepts{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-translators{padding:30px}.brand-values{grid-template-columns:1fr 1fr}.owe-story-intro{gap:24px}.brand-door{max-height:280px}}
@media(max-width:600px){.brand-hero-art .brand-door{max-height:250px}.translator-intro,.brand-open,.brand-mission,.owe-story-intro{grid-template-columns:1fr;gap:26px}.brand-translators,.owe-story{padding:24px 20px;border-radius:12px}.translation-grid{gap:20px}.translation-grid h3{font-size:18px}.translator-intro h2{font-size:39px}.brand-possibilities{padding:26px 22px;grid-template-columns:1fr}.possibility-door{max-height:180px;grid-row:1}.brand-orbit{max-height:230px}.brand-values{grid-template-columns:1fr}.brand-free{padding:24px}.owe-concepts{grid-template-columns:1fr}.owe-concepts article{display:grid;grid-template-columns:72px 1fr;column-gap:16px}.owe-concept-icon{grid-row:1/3;padding:10px}.owe-concept-icon img{width:48px;height:48px}.owe-concepts h3{margin:0 0 10px}.owe-wordmark .owe-logo{width:60px;height:60px}.owe-wordmark strong{font-size:22px}}

.hero-phrase{display:inline-block;white-space:nowrap}

.feature-intro,.comic-story{max-width:860px;margin:42px auto;padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff}.feature-intro h3{margin-top:32px}.feature-intro p,.feature-intro li{line-height:1.9}.feature-intro dd{margin:0 0 14px}.feature-intro dt{font-weight:700}.comic-story figure{margin:24px 0}.comic-story img{display:block;width:100%;height:auto}.comic-story figcaption{font-size:14px;color:var(--muted);margin-top:12px}@media(max-width:600px){.feature-intro,.comic-story{padding:20px 16px;margin:24px auto}.feature-intro h2,.comic-story h2{font-size:26px}}

.story-nav{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.story-nav a{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:white}.story-fit{display:grid;grid-template-columns:1fr 1fr;gap:24px}.story-fit>div{background:#f3f1f8;padding:0 20px;border-radius:12px}.story-steps li{padding:12px 0;border-bottom:1px solid var(--line)}.comic-captions{line-height:1.9}.comic-story img{max-width:650px;margin:auto;image-rendering:auto}.feature-intro,.comic-story{scroll-margin-top:110px}.feature-intro summary{cursor:pointer;font-weight:600;padding:12px 0}@media(max-width:600px){.story-fit{grid-template-columns:1fr;gap:12px}.story-nav{gap:8px}.story-nav a{font-size:14px}.comic-captions{padding-left:24px}}

/* Editorial refinements: shared by generated marketing pages only. */
:root{--space-unit:8px;--radius-control:6px;--radius-story:12px;--touch-target:44px}
body{line-height:1.8}h1,h2,h3{letter-spacing:-.025em}h1{font-weight:750}
button,.button,.menu-toggle,select{min-height:var(--touch-target)}
.hero{grid-template-columns:1.15fr 1fr;gap:64px;padding:48px 0 40px;align-items:center}
.hero h1{font-size:clamp(36px,4.5vw,60px);line-height:1.2;margin:20px 0 24px}
.hero .lead{max-width:32em;font-size:18px}.hero-phrase{white-space:normal}
.hero-comic{margin:0;padding:16px 20px;background:#eee8f5;border-radius:var(--radius-story)}
.hero-comic img{display:block;width:100%;height:360px;object-fit:contain}
.hero-comic figcaption{padding:12px 0 0;display:flex;justify-content:space-between;gap:12px;font-size:14px}
.hero-tool-links{margin-top:16px;gap:0}.hero-tool-links .art-heading{font-size:14px}
.hero-tool-links .shelf-item{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0;background:transparent;padding:8px 0!important;transform:none}
.hero-tool-links .glyph{display:none}.hero-tool-links small{font-size:13px}
.quick a,.footer-links a{min-height:44px;display:inline-flex;align-items:center}
.searchbox{border-radius:var(--radius-control);border-color:#95879e;padding:6px}
.searchbox button,.button.primary{background:var(--purple);border-color:var(--purple)}
.searchbox input{font-size:16px}.flow{font-size:14px}.flow b{font:inherit;color:var(--purple)}
.brand-path-grid{display:block}.brand-path{display:grid;grid-template-columns:1fr 1.7fr auto;gap:8px 32px;align-items:center;border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0;background:transparent}
.brand-path small{grid-column:1}.brand-path h3{grid-column:1;margin:0}.brand-path p{grid-column:2;grid-row:1/3;margin:0;font-size:16px}.brand-path>a{grid-column:3;grid-row:1/3;min-height:44px;display:flex;align-items:center}.path-icon{display:none}
.grid{gap:12px 48px}.tool-card .summary{font-size:16px}.card-top{margin-bottom:12px}.glyph{background:transparent;border:1px solid var(--line);border-radius:6px;font-size:20px;width:36px;height:36px}.card-meta,.card-actions{font-size:14px}.card-actions a{min-height:44px;display:flex;align-items:center}.date{font-size:13px;line-height:1.7}.date p{margin-top:6px}
.category{border-radius:6px;font-size:14px}.tags span{font-size:13px}.notice{font-size:14px;border-radius:0;border-left:3px solid var(--purple)}
.guide-banner{margin-top:24px;border-radius:12px}.guide-copy{padding:32px}.guide-art{background:#eee8f5}.guide-copy .muted{font-size:16px}
.original-grid{grid-template-columns:1fr}.original{border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0;background:transparent}.original p{font-size:16px}.original>a{display:inline-flex;min-height:44px;align-items:center}.original small{font-size:14px}
.brand-translators{padding:40px}.translation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}.translation-grid article>small{display:none}.translation-grid p{font-size:15px}.brand-values article{border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0}.brand-values small{display:none}
.feature-intro{border:0;border-radius:0;background:transparent;padding:24px 0}.feature-intro .lead{font-size:19px}.comic-story{border:0;padding:32px;background:#eee8f5}.story-fit>div{border-radius:6px}.story-nav a{min-height:44px}.preview-note{font-size:13px;background:#eee8f5}
.brand-free{border-radius:0;background:transparent;border-left:3px solid #54877a}.brand-free p{font-size:16px}.support{border-radius:12px;background:#f0edf5}.footer{font-size:14px}
@media(max-width:950px){.hero{gap:32px}.brand-path{grid-template-columns:1fr 1.5fr}.brand-path>a{grid-column:1;grid-row:3}.brand-path p{grid-row:1/4}.nav{gap:16px;font-size:13px}.header-row{gap:16px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:32px;gap:28px}.hero h1{font-size:38px}.hero .lead{font-size:16px}.hero-comic img{height:auto;max-height:360px}.hero-comic{padding:16px}.hero-comic figcaption{font-size:13px;flex-wrap:wrap}.brand-path{grid-template-columns:1fr;gap:8px}.brand-path small,.brand-path h3,.brand-path p,.brand-path>a{grid-column:1;grid-row:auto}.brand-path>a{justify-self:start}.grid{grid-template-columns:1fr}.section-head{flex-wrap:wrap}.flow{font-size:13px}.flow b{display:block}.translation-grid{grid-template-columns:1fr}.brand-translators{padding:28px 24px}.guide-copy{padding:24px}.searchbox input{padding-inline:8px}.searchbox button{padding-inline:14px}.nav a{min-height:44px}.feature-intro{padding:12px 0}.comic-story{padding:20px 16px}.checks label{min-height:44px;display:inline-flex;align-items:center;gap:6px}.step-actions{flex-wrap:wrap}.original-grid{grid-template-columns:1fr}}
@media(max-width:360px){.hero h1{font-size:34px}.hero-comic figcaption{display:block}.flow{flex-direction:column;gap:12px}.flow b{display:inline;margin-right:8px}.filter-field{min-width:100%}}