@font-face{font-family:NiceSans;src:local("Arial");font-display:swap}
:root{--paper:#fbfaf7;--paper-2:#f0ebfa;--surface:#ffffff;--ink:#211d31;--muted:#666273;--blue:#6538e6;--blue-dark:#4d27bd;--purple:var(--blue);--coral:#ff6e61;--sage:#cbdcc2;--sand:#e6d3ad;--line:#ddd8e7;--line-strong:#aaa2bd;--radius:0;--shell:min(1240px,calc(100% - 40px));--nav-height:76px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:NiceSans,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
svg{display:block}
.inline-icon{width:1em;height:1em;flex:0 0 1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
button,input,select,textarea{font:inherit}
button{color:inherit}
h1,h2,h3,p,ul,ol,figure{margin-top:0}
h1,h2,h3{line-height:1.08;letter-spacing:-.035em}
h1{font-size:clamp(2.8rem,7vw,6.6rem);margin-bottom:24px}
h2{font-size:clamp(2rem,4vw,3.6rem);margin-bottom:18px}
h3{font-size:1.4rem;margin-bottom:12px}
p{color:var(--muted)}
.shell{width:var(--shell);margin-inline:auto}
.narrow{max-width:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:12px;top:-80px;z-index:1000;padding:10px 16px;background:var(--ink);color:#fff;border-radius:10px}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}

.site-header{position:sticky;top:0;z-index:200;height:var(--nav-height);background:rgba(255,255,255,.94)}
.nav-shell{width:var(--shell);height:100%;margin:auto;display:flex;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}
.brand img{width:40px;height:40px;object-fit:contain}
.brand-wordmark{display:inline-flex;align-items:baseline;line-height:1;font-family:"Arial Black",NiceSans,"Helvetica Neue",Arial,sans-serif;font-size:1.18rem;font-weight:900;letter-spacing:-.065em}
.wordmark-name{font:inherit;letter-spacing:inherit}.wordmark-hyphen{padding-inline:.04em;color:var(--blue);font:inherit}.wordmark-domain{margin-left:.18em;color:var(--blue);font-family:NiceSans,"Helvetica Neue",Arial,sans-serif;font-size:.52em;font-weight:850;letter-spacing:-.02em;text-transform:lowercase}
.site-footer .brand-wordmark{color:#fff}.site-footer .wordmark-hyphen,.site-footer .wordmark-domain{color:#c7b6ff}
.desktop-nav{display:flex;align-items:center;gap:6px;height:100%;margin-left:auto}
.desktop-nav>a,.nav-trigger{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:11px 12px;text-decoration:none;font-weight:720;font-size:.92rem;cursor:pointer;border-radius:11px}
.desktop-nav>a:hover,.nav-trigger:hover,.nav-trigger[aria-expanded=true]{background:transparent;color:var(--blue)}
.nav-symbol{position:relative;display:grid;place-items:center;width:14px;height:14px;background:transparent;color:var(--blue);transition:color .18s,transform .18s}
.nav-symbol:before{content:"";width:6px;height:6px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-1.5px) rotate(45deg);transition:transform .18s}
.nav-trigger:hover .nav-symbol,.nav-trigger[aria-expanded=true] .nav-symbol{background:transparent;color:var(--blue)}
.nav-trigger[aria-expanded=true] .nav-symbol:before{transform:translateY(1.5px) rotate(225deg)}
.nav-menu{position:relative;height:100%;display:flex;align-items:center}
.nav-dropdown{display:none;position:absolute;z-index:240;top:calc(100% - 4px);left:0;width:340px;padding:9px;border:1px solid #d8d1e5;background:rgba(255,255,255,.98);border-radius:16px;transform-origin:top;animation:nav-dropdown-in .16s ease-out}
.nav-menu:nth-child(2) .nav-dropdown{left:auto;right:0}
.nav-menu:hover .nav-dropdown,.nav-menu:focus-within .nav-dropdown,.nav-menu.is-open .nav-dropdown{display:grid}
.nav-dropdown a{display:block;padding:12px 13px;border-radius:11px;text-decoration:none;transition:background .16s,color .16s}
.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:transparent;color:var(--blue)}
.nav-dropdown strong,.nav-dropdown small{display:block}
.nav-dropdown strong{display:flex;align-items:center;gap:.55em;font-size:.9rem}
.nav-dropdown small{margin-top:3px;padding-left:1.55em;color:var(--muted);font-size:.75rem;line-height:1.35}
@keyframes nav-dropdown-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.nav-actions{display:flex;align-items:center;gap:9px}
.nav-cta{padding:10px 15px;background:var(--blue);color:#fff;border-radius:10px;text-decoration:none;font-weight:780;font-size:.86rem}
.nav-cta:hover{background:var(--blue-dark)}
.menu-button{display:none;align-items:center;gap:10px;height:44px;padding:0 13px;border:1px solid #cfc2ef;border-radius:12px;background:var(--paper-2);color:var(--ink);font-weight:820;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.menu-button:hover{border-color:#aa93df;background:#e9e1f7;color:var(--blue-dark)}
.menu-glyph{position:relative;width:21px;height:18px;color:var(--blue)}
.menu-glyph i{position:absolute;right:0;height:2px;background:currentColor;border-radius:2px;transition:transform .18s,top .18s,width .18s}
.menu-glyph i:first-child{top:5px;width:21px}.menu-glyph i:last-child{top:12px;width:14px}
.menu-button[aria-expanded=true]{border-color:var(--blue);background:var(--blue);color:#fff}
.menu-button[aria-expanded=true] .menu-glyph{color:#fff}.menu-button[aria-expanded=true] i{top:9px;width:20px}.menu-button[aria-expanded=true] i:first-child{transform:rotate(45deg)}.menu-button[aria-expanded=true] i:last-child{transform:rotate(-45deg)}
.mobile-menu{display:none;position:fixed;inset:var(--nav-height) 0 0;z-index:190;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain}
.mobile-menu.is-open{display:block;animation:menu-in .22s ease-out}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.mobile-menu-inner{width:var(--shell);max-width:820px;margin:auto;padding:24px 0 54px}
.mobile-menu-intro{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:16px;border-radius:16px;background:var(--paper-2)}
.mobile-menu-intro img{width:46px;height:46px}.mobile-menu-intro strong{display:block;font-size:1.1rem}.mobile-menu-intro p{margin:3px 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}
.mobile-search{display:grid;grid-template-columns:1fr auto;gap:8px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff}
.mobile-search:focus-within{border-color:var(--blue)}.mobile-search input{min-width:0;min-height:44px;padding:9px 12px;border:0;background:transparent;color:var(--ink);outline:0}.mobile-search input::placeholder{color:#817c8a}
.mobile-search button{min-height:44px;padding:8px 17px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:820;cursor:pointer}.mobile-search button:hover{background:var(--blue-dark)}
.mobile-feature{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px;margin-top:12px;padding:17px 18px;border-radius:15px;background:var(--blue);color:#fff;text-decoration:none}.mobile-feature>.inline-icon{width:1.35em;height:1.35em;flex-basis:1.35em}
.mobile-feature strong,.mobile-feature small{display:block}.mobile-feature small{margin-top:3px;color:#e8e2ff;font-size:.78rem;line-height:1.4}
.mobile-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.mobile-groups details{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}
.mobile-groups summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:13px 15px;cursor:pointer;list-style:none;font-weight:820}.mobile-groups summary::-webkit-details-marker{display:none}
.mobile-group-title{display:flex;align-items:center;gap:9px}.mobile-group-title .inline-icon{width:1.08em;height:1.08em;flex-basis:1.08em;color:var(--blue)}
.summary-plus{position:relative;width:24px;height:24px;border-radius:50%;background:var(--paper-2);color:var(--blue)}.summary-plus:before,.summary-plus:after{content:"";position:absolute;left:6px;top:11px;width:12px;height:1.5px;background:currentColor}.summary-plus:after{transform:rotate(90deg)}details[open] .summary-plus:after{transform:rotate(0)}
.mobile-groups details a{display:flex;align-items:center;gap:12px;margin:0 8px 8px;padding:11px;border-radius:11px;color:var(--ink);text-decoration:none}.mobile-groups details a:hover,.mobile-groups details a:focus-visible{background:var(--paper-2);color:var(--blue-dark)}.mobile-groups details a>.inline-icon{width:1.15em;height:1.15em;flex-basis:1.15em;color:var(--blue)}.mobile-groups details a>span{min-width:0}.mobile-groups details a strong,.mobile-groups details a small{display:block}.mobile-groups details a strong{font-size:.85rem;line-height:1.3}.mobile-groups details a small{margin-top:3px;color:var(--muted);font-size:.72rem;line-height:1.35}
.mobile-learn{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:17px 18px;border-radius:15px;background:#edf3e9}.mobile-learn strong{display:block}.mobile-learn p{margin:3px 0 0;font-size:.78rem;line-height:1.4}.mobile-learn>a{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:42px;padding:9px 12px;border-radius:10px;background:var(--ink);color:#fff;text-decoration:none;font-size:.8rem;font-weight:800}.mobile-learn .inline-icon{width:1em;height:1em;flex-basis:1em}
.mobile-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mobile-quick a{min-height:36px;padding:7px 11px;border-radius:9px;background:var(--paper-2);color:var(--ink);text-decoration:none;font-size:.76rem;font-weight:720}.mobile-quick a:hover{background:#e6dcf7;color:var(--blue-dark)}

/* SHAREITONL-style global breadcrumb bar */
.breadcrumb-bar{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:0}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin:0;padding:.68rem 0;color:var(--muted);font-size:.82rem;line-height:1.35}
.breadcrumb a{color:var(--ink);font-weight:760;text-decoration:none}.breadcrumb a:hover{color:var(--blue);text-decoration:underline}
.breadcrumb-separator{color:#9b96a5}.breadcrumb [aria-current=page]{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}
#main-content>.breadcrumb-bar+.page-hero{padding-top:clamp(28px,4vw,48px)}
#main-content>.breadcrumb-bar+.topic-hub{padding-top:clamp(34px,4vw,52px)}

.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid transparent;border-radius:11px;text-decoration:none;font-weight:820;cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .16s}
.button:hover{transform:translateY(-1px)}
.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark)}
.button-secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.button-secondary:hover{background:var(--ink);color:#fff}
.button-light{background:#fff;color:var(--ink)}.button-light:hover{background:var(--paper-2)}
.text-link{font-weight:800;color:var(--blue);text-decoration:none}.text-link:hover{text-decoration:underline}

.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.72fr);gap:clamp(32px,7vw,92px);align-items:center;min-height:680px;padding-block:80px}
.hero-copy p{font-size:1.18rem;color:#505753}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.trust-list{display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.85rem}
.trust-list li:before{content:"✓";margin-right:7px;color:var(--blue);font-weight:900}
.hero-visual{margin:0}.hero-visual img{border-radius:22px;aspect-ratio:3/2;object-fit:cover}.hero-visual figcaption{margin-top:12px;color:var(--muted);font-size:.8rem}
.section{padding-block:88px}
.section-heading{margin-bottom:38px}.section-heading p{font-size:1.06rem}.section-heading.split{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading.split>div{min-width:0}.section-heading.split>.text-link{white-space:nowrap;margin-bottom:20px}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-grid.all-tools{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid.all-tools>*{min-width:0}
.tool-card{--card-accent:var(--blue);position:relative;min-height:270px;padding:30px;background:var(--surface);border:1px solid var(--card-accent);border-radius:var(--radius);overflow:hidden}.tool-card:hover{border-color:var(--card-accent)}
.tool-card.accent-coral{--card-accent:var(--coral)}.tool-card.accent-sage{--card-accent:var(--sage)}.tool-card.accent-sand{--card-accent:var(--sand)}.tool-card.accent-ink{--card-accent:var(--ink)}.tool-card:before{content:none}
.tool-card h2 a,.tool-card h3 a{display:inline-flex;align-items:center;gap:.55em;text-decoration:none}.tool-card h2 a:hover,.tool-card h3 a:hover{color:var(--blue);text-decoration:underline}
.center-link{text-align:center;margin:28px 0 0}
.feature-band{padding-block:92px;background:var(--ink);color:#fff}.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.feature-grid p{color:#c5cbc8}.feature-grid .text-link{color:#aec0ff}
.decision-stack{display:grid;gap:10px}.decision-stack article{padding:22px 24px;border-radius:14px;background:#2c322f}.decision-stack strong{font-size:1.35rem}.decision-stack p{margin:5px 0 0;font-size:.9rem}
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.template-card>div:last-child{padding:24px}.template-preview-image{display:block;width:100%;height:190px;object-fit:cover;border-bottom:1px solid var(--line)}.template-preview{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:7px;height:190px;padding:18px;background:#e9dfcf}.template-preview span{border-radius:9px;background:#3152d6}.template-preview span:nth-child(1){grid-row:1/3}.template-preview span:nth-child(2){background:#ff7d69}.template-preview span:nth-child(3){background:#b9c8a9}.template-preview span:nth-child(4){display:none}.template-card:nth-child(2) .template-preview span:nth-child(1){background:#d8c5ad}.template-card:nth-child(3) .template-preview span:nth-child(1){background:#a8b99a}
.magazine-section{padding-top:70px}.magazine-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.magazine-grid article{padding:28px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--line)}.magazine-grid article:first-child{grid-row:span 2}.magazine-grid h3 a{text-decoration:none}.magazine-grid h3 a:hover{color:var(--blue);text-decoration:underline}
.topic-preview-section{padding-bottom:28px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-grid article,.topic-guide-grid article{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.topic-grid h2 a,.topic-grid h3 a,.topic-guide-grid h3 a{text-decoration:none}.topic-grid h2 a:hover,.topic-grid h3 a:hover,.topic-guide-grid h3 a:hover{color:var(--blue);text-decoration:underline}.topic-grid article:nth-child(4),.topic-grid article:nth-child(5){grid-column:span 1}.topic-grid-large{grid-template-columns:repeat(2,1fr);max-width:1000px}.topic-grid-large article:first-child{grid-column:1/3}.topic-grid-large article>p:last-of-type{font-size:.8rem;color:var(--ink);font-weight:800}
.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-block:38px 90px;padding:42px 46px;background:var(--blue);color:#fff;border-radius:24px}.cta-panel h2{max-width:none}.cta-panel p{margin-bottom:0;color:#dfe4ff}.cta-panel .button{flex:none}

.page-hero{padding-block:76px 46px}.page-hero.compact h1{font-size:clamp(2.7rem,6vw,5.4rem)}.page-hero>p,.page-hero>div>p{font-size:1.15rem}
.magazine-hero{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}.magazine-hero h1{font-size:clamp(2.8rem,6vw,5.5rem)}.magazine-hero img{aspect-ratio:1.9/1;object-fit:cover;border-radius:20px}
.category-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-block:22px}.category-row div{padding:18px;background:var(--surface);border-radius:14px}.category-row strong,.category-row span{display:block}.category-row span{margin-top:5px;color:var(--muted);font-size:.76rem}
.guide-list{display:grid;gap:12px}.guide-list article{display:grid;grid-template-columns:1fr auto;align-items:end;gap:35px;padding:28px 30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.guide-list article:hover{border-color:var(--ink)}.guide-list h2{font-size:clamp(1.45rem,3vw,2.3rem)}.guide-list h2 a{text-decoration:none}.guide-list h2 a:hover{color:var(--blue);text-decoration:underline}.guide-list .text-link{white-space:nowrap;margin-bottom:4px}

.tool-hero{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-block:62px 40px}.tool-hero>div:first-child{min-width:0;flex:1}.tool-hero h1{font-size:clamp(2.7rem,6vw,5.4rem)}.tool-hero p{font-size:1.12rem}.tool-hero>.text-link{margin-bottom:24px;white-space:nowrap}
.board-app{padding-bottom:70px}.board-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:var(--ink);border-radius:14px 14px 0 0}.board-toolbar button,.tool-control{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid #555d59;border-radius:8px;background:#303633;color:#fff;font-size:.8rem;font-weight:760;cursor:pointer}.board-toolbar button:hover,.tool-control:hover{background:#3b433f;border-color:#7b8680}.board-toolbar .quiet-action{margin-left:auto;color:#ffc0b7}.file-control input{position:absolute;opacity:0;pointer-events:none}
.board-stage{position:relative;min-height:620px;overflow:hidden;background:#eee6d8;background-image:radial-gradient(#c4baaa 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--ink);border-top:0;border-radius:0 0 14px 14px;touch-action:none}.board-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:390px;text-align:center;color:var(--muted);pointer-events:none}.board-empty strong{display:block;color:var(--ink);font-size:1.3rem}.board-empty p{font-size:.88rem}.board-item{position:absolute;width:210px;min-height:120px;background:var(--surface);border:1px solid #bcb4a8;border-radius:12px;overflow:hidden;cursor:grab;touch-action:none}.board-item:active{cursor:grabbing}.board-item.selected{outline:3px solid var(--blue)}.board-item img{width:100%;height:100%;min-height:150px;object-fit:cover;pointer-events:none}.board-note{padding:18px;background:#fff4bd}.board-note textarea{width:100%;min-height:95px;border:0;background:transparent;resize:none;outline:0}.board-color{display:grid;place-items:center;min-height:160px}.board-color input{width:66px;height:66px;border:0;background:transparent}.board-remove{position:absolute;right:6px;top:6px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(32,37,35,.82);color:#fff;cursor:pointer}.privacy-note{margin:10px 0 0;font-size:.78rem}
.tool-support{display:grid;grid-template-columns:1.4fr .6fr;gap:45px;padding-block:30px 90px}.tool-support article,.tool-support aside{padding:30px;border-radius:var(--radius);background:var(--surface)}.tool-support h2{font-size:2rem}.tool-support ul{padding-left:20px;color:var(--muted)}
.generator-layout,.layout-planner,.size-calculator{display:grid;grid-template-columns:380px 1fr;gap:22px;padding-bottom:80px}.control-panel{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.control-panel h2{font-size:1.7rem}.control-panel label{display:grid;gap:6px;margin-top:17px;font-size:.82rem;font-weight:760}.control-panel input,.control-panel select{width:100%;padding:11px 12px;border:1px solid #bcb4a8;border-radius:9px;background:#fff}.control-panel .button{width:100%;margin-top:22px}.form-note{margin:15px 0 0;font-size:.74rem}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-panel fieldset{margin-top:20px;padding:0;border:0}.control-panel legend{font-size:.82rem;font-weight:760}.control-panel .radio-row{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px}.control-panel .radio-row input{width:auto}
.generated-board{min-height:520px;padding:30px;background:#e9dfcf;border-radius:var(--radius);display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:14px}.generated-placeholder{grid-column:1/3;grid-row:1/3;place-self:center;max-width:400px;text-align:center}.generated-placeholder p{color:#55515f}.vision-card{padding:22px;border-radius:14px;background:var(--surface);overflow:hidden}.vision-card.primary{grid-row:1/3;background:var(--blue);color:#fff}.vision-card.primary p{color:#dce3ff}.vision-card.action{background:#fff1bd}.vision-card.review{background:var(--sage)}.vision-card h3{margin-bottom:8px}.vision-card p{font-size:.86rem}.vision-palette{display:flex;gap:7px;margin-top:18px}.vision-palette i{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.8)}
.palette-app{padding-bottom:80px}.palette-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.palette-controls label{padding:14px;background:var(--surface);border-radius:12px}.palette-controls span{display:block;margin-bottom:8px;font-size:.77rem;font-weight:800}.palette-controls input[type=color]{width:100%;height:70px;border:0;background:transparent}.palette-controls input[type=text]{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;text-align:center;text-transform:uppercase}.palette-preview{display:grid;grid-template-columns:1fr 230px;gap:18px;margin-top:18px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.palette-demo{padding:38px;border-radius:14px;background:var(--palette-canvas,#f7f3ea);color:var(--palette-ink,#202523)}.palette-demo-title{max-width:none;font-family:var(--display);font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:.98;letter-spacing:-.045em;color:inherit}.palette-demo button{padding:11px 15px;border:0;border-radius:9px;background:var(--palette-primary,#1d43d5);color:var(--palette-primary-text,#fff);font-weight:800}.palette-demo span{display:block;margin-top:16px;padding:14px;border-radius:9px;background:var(--palette-surface,#e7dec9);color:var(--palette-ink,#202523)}.swatch-row{display:grid;grid-template-rows:repeat(5,1fr);gap:7px}.swatch-row button{border:0;border-radius:9px;cursor:pointer;font-size:.72rem;font-weight:800}.palette-actions{display:flex;align-items:center;gap:10px;margin-top:13px}.palette-actions p{margin:0 0 0 8px;font-size:.8rem}
.layout-canvas{min-height:520px;display:grid;gap:10px;padding:24px;background:#e8dfd0;border-radius:var(--radius)}.layout-canvas>span{display:block;min-height:80px;background:var(--surface);border-radius:10px}.layout-canvas>span:nth-child(3n+2){background:#b9c8a9}.layout-canvas>span:nth-child(3n+3){background:#ff8a78}.layout-canvas.layout-hero{grid-template-columns:1.5fr 1fr 1fr;grid-auto-rows:1fr}.layout-canvas.layout-hero>span:first-child{grid-row:span 2}.layout-canvas.layout-grid{grid-template-columns:repeat(4,1fr)}.layout-canvas.layout-story{grid-template-columns:repeat(5,1fr)}.layout-canvas.layout-story>span:nth-child(odd){margin-top:70px}
.size-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:440px;padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center}.ratio-shape{width:320px;max-width:80%;aspect-ratio:16/9;margin-bottom:25px;background:var(--blue);border:13px solid var(--paper-2);border-radius:10px}.size-result-title{display:block;font-family:var(--display);font-size:2.5rem;font-weight:800;line-height:1.05;letter-spacing:-.035em;color:var(--ink)}.size-result p{margin-bottom:8px}.size-result .button{margin-top:18px}
.content-block{margin-bottom:80px;padding:38px;background:var(--surface);border-radius:var(--radius)}.content-block h2{font-size:2.1rem}
.tool-seo{padding-bottom:100px}.tool-answer{margin-bottom:32px}.tool-answer p{font-size:1.08rem}.tool-method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool-method-grid article{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tool-method-grid h3{font-size:1.25rem}.tool-detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:18px}.tool-detail-grid>section{padding:30px;background:var(--surface);border-radius:var(--radius)}.tool-detail-grid h2{font-size:1.7rem}.tool-detail-grid h3{margin-top:24px;font-size:1.08rem;letter-spacing:-.015em}.tool-detail-grid ul{padding-left:20px;color:var(--muted)}.tool-related{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:34px}.tool-related h2{width:100%;font-size:1.7rem}.tool-related .text-link{display:inline-block}

.article-page{padding-block:36px 100px}.article-header{padding-block:30px 52px}.article-header h1{font-size:clamp(2.7rem,6vw,5.5rem)}.article-deck{font-size:1.2rem}.article-byline{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:25px;color:var(--muted);font-size:.78rem}.article-byline a{color:var(--blue)}.article-cover{margin:34px 0 0}.article-cover img{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius)}
.article-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:70px;align-items:start}.article-summary{position:sticky;top:100px;padding:24px;background:var(--surface);border-radius:var(--radius)}.article-summary h2{font-size:1.35rem}.article-summary ul{padding-left:18px;color:var(--muted)}.article-summary li+li{margin-top:9px}.article-summary .button{width:100%;margin-top:12px;font-size:.8rem}
.article-body{font-size:1.04rem}.article-body section{margin-bottom:54px}.article-body h2{font-size:clamp(1.8rem,4vw,2.7rem)}.article-body h3{margin-top:28px}.article-body p{color:#474d49}.article-body a{color:var(--blue)}.article-body li{margin-bottom:8px}.worked-example{margin:20px 0 55px;padding:32px;background:#e1e8d8;border-radius:var(--radius)}.worked-example h2{font-size:2rem}.article-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.article-summary>.text-link{display:block;margin-top:18px}.content-table-wrap{overflow-x:auto}.content-table-wrap table{width:100%;border-collapse:collapse;background:var(--surface);font-size:.9rem}.content-table-wrap th,.content-table-wrap td{padding:15px;text-align:left;vertical-align:top;border:1px solid var(--line)}.content-table-wrap thead th{background:var(--paper-2);color:var(--ink)}.content-table-wrap tbody th{min-width:130px}.working-checklist{padding-left:22px}.guide-faq h3{font-size:1.18rem;letter-spacing:-.015em}.related-guides{margin-top:90px}.related-guides>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-guides article{padding:24px;background:var(--surface);border-radius:var(--radius)}.related-guides h3 a{text-decoration:none}.related-guides h3 a:hover{color:var(--blue);text-decoration:underline}
.topic-hub{padding-block:70px 100px}.topic-hub-header{padding-bottom:64px}.topic-hub-header h1{font-size:clamp(2.8rem,6vw,5.8rem)}.topic-hub-header>p{font-size:1.2rem}.topic-hub-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.topic-hub-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:70px;align-items:start}.topic-workflow{position:sticky;top:100px;padding:26px;background:var(--surface);border-radius:var(--radius)}.topic-workflow h2{font-size:1.45rem}.topic-workflow ol{margin:0;padding-left:21px;color:var(--muted)}.topic-workflow li+li{margin-top:11px}.topic-hub-body section{margin-bottom:48px}.topic-hub-body h2{font-size:clamp(1.8rem,4vw,2.8rem)}.topic-hub-body p{font-size:1.05rem;color:#474d49}.topic-guide-section{padding-block:90px}.topic-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.topic-hub>.cta-panel{margin-bottom:0}
.category-row+.section{padding-top:45px}.template-library{display:grid;gap:22px}.template-library article{display:grid;grid-template-columns:420px 1fr;gap:36px;padding:24px;background:var(--surface);border-radius:var(--radius)}.template-library article>img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;border:1px solid var(--line)}.template-large-preview{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;min-height:260px;padding:16px;background:#efe6d8;border-radius:14px}.template-large-preview span{border-radius:8px;background:#fff}.template-large-preview span:first-child{grid-row:span 2}.template-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:18px}.template-facts p{margin:0;font-size:.82rem}.template-facts p:nth-child(n+3){grid-column:1/3}.palette-dots{display:flex;gap:7px;margin:16px 0}.palette-dots span{width:30px;height:30px;border-radius:50%;border:1px solid rgba(32,37,35,.14)}
.prose-page{padding-block:35px 100px}.prose-page h2{margin-top:48px;font-size:2.25rem}.prose-page p{font-size:1.05rem;color:#454b47}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:40px}.contact-grid article{padding:28px;background:var(--surface);border-radius:var(--radius)}.contact-grid h2{font-size:1.7rem}.contact-grid a{color:var(--blue);font-weight:800}.contact-help{padding-top:20px}
.search-page-form{display:flex;gap:10px;width:100%}.search-page-form input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.search-results{padding-block:15px 100px}.search-results article{padding:24px 0}.search-results h3 a{text-decoration:none}.search-results h3 a:hover{color:var(--blue);text-decoration:underline}
.not-found{display:grid;place-items:center;min-height:650px;text-align:center}.not-found svg{width:120px;fill:none;stroke:var(--blue);stroke-width:2}.not-found h1{font-size:4rem;margin-inline:auto}.not-found p{font-size:1.1rem}.not-found>div{display:flex;gap:10px}
.site-footer{padding:65px max(20px,calc((100% - min(1180px,calc(100% - 40px)))/2)) 22px;background:var(--ink);color:#fff}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:45px;background:var(--ink)}.footer-grid>div{background:var(--ink)}.footer-grid h2{font-size:.95rem;letter-spacing:0}.footer-grid>div>a:not(.brand){display:block;margin:9px 0;color:#c8cecb;text-decoration:none;font-size:.82rem}.footer-grid>div>a:hover{color:#fff;text-decoration:underline}.footer-brand p{max-width:360px;margin-top:17px;color:#aeb5b1;font-size:.84rem}.footer-note{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:20px;border-top:1px solid #424946;background:var(--ink);color:#929b96;font-size:.72rem}
.tool-seo,.related-guides,.site-footer{content-visibility:auto;contain-intrinsic-size:auto 700px}

@media(max-width:980px){.desktop-nav,.nav-cta{display:none}.nav-shell{gap:14px}.nav-actions{margin-left:auto}.menu-button{display:flex}.hero{grid-template-columns:1fr .72fr;gap:35px;min-height:auto}.tool-grid,.template-grid{grid-template-columns:1fr 1fr}.feature-grid{gap:45px}.magazine-hero{grid-template-columns:1fr 340px}.category-row{grid-template-columns:1fr 1fr}.generator-layout,.layout-planner,.size-calculator{grid-template-columns:330px 1fr}.article-layout{grid-template-columns:240px 1fr;gap:40px}.topic-hub-layout{grid-template-columns:250px 1fr;gap:40px}.template-library article{grid-template-columns:340px 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:760px){:root{--shell:calc(100% - 28px);--nav-height:66px}.site-header{height:var(--nav-height)}.brand .brand-wordmark{font-size:1.02rem}.brand .wordmark-domain{font-size:.5em}.brand img{width:36px;height:36px}.menu-button{height:44px}.mobile-menu-inner{padding-top:14px}.mobile-groups{grid-template-columns:1fr}.breadcrumb{flex-wrap:nowrap;overflow-x:auto;padding-block:.62rem;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.breadcrumb::-webkit-scrollbar{display:none}.hero{display:block;padding-block:48px}.hero h1{font-size:clamp(3rem,15vw,5.2rem)}.hero-visual{margin-top:45px}.section{padding-block:62px}.tool-grid,.tool-grid.all-tools,.template-grid,.magazine-grid,.topic-grid,.topic-grid-large{grid-template-columns:1fr}.topic-grid-large article:first-child{grid-column:auto}.magazine-grid article:first-child{grid-row:auto}.feature-grid{grid-template-columns:1fr}.section-heading.split{display:block}.section-heading.split>.text-link{display:inline-block;margin-top:5px}.cta-panel{display:block;padding:30px}.cta-panel .button{margin-top:14px}.page-hero{padding-block:50px 32px}.page-hero.compact{margin-inline:14px}.magazine-hero{display:block}.magazine-hero img{margin-top:25px}.category-row{grid-template-columns:1fr}.guide-list article{display:block}.guide-list .text-link{display:inline-block;margin-top:10px;white-space:normal;overflow-wrap:anywhere}.tool-hero{display:block;padding-block:45px 25px}.tool-hero>.text-link{display:inline-block;margin-top:12px}.board-toolbar .quiet-action{margin-left:0}.board-stage{min-height:560px}.tool-support,.tool-method-grid,.tool-detail-grid{grid-template-columns:1fr;gap:14px}.generator-layout,.layout-planner,.size-calculator{grid-template-columns:1fr}.generated-board{min-height:600px}.palette-controls{grid-template-columns:1fr 1fr}.palette-controls label:last-child{grid-column:1/3}.palette-preview{grid-template-columns:1fr}.swatch-row{grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;height:65px}.palette-actions{flex-wrap:wrap}.layout-canvas.layout-grid{grid-template-columns:repeat(3,1fr)}.layout-canvas.layout-story{grid-template-columns:repeat(3,1fr)}.article-layout,.topic-hub-layout{grid-template-columns:1fr}.article-summary,.topic-workflow{position:static}.topic-guide-grid,.related-guides>div{grid-template-columns:1fr}.template-library article{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/3}.footer-note{display:block}.footer-note span{display:block;margin-top:5px}}
@media(max-width:480px){.nav-shell{width:calc(100% - 20px)}.menu-button{padding:0 10px}.menu-button>span:first-child{font-size:.72rem}.mobile-menu-intro{padding:13px}.mobile-menu-intro p{font-size:.72rem}.mobile-feature{padding:14px}.mobile-learn{display:grid;gap:11px}.mobile-learn>a{justify-content:center}.hero-actions,.not-found>div{display:grid}.hero-actions .button,.not-found .button{width:100%}.trust-list{display:grid;gap:7px}.tool-card{min-height:240px;padding:25px}.category-row{display:none}.palette-controls{grid-template-columns:1fr}.palette-controls label:last-child{grid-column:auto}.palette-preview{padding:18px}.palette-demo{padding:24px}.field-pair{grid-template-columns:1fr}.layout-canvas.layout-hero{grid-template-columns:1.5fr 1fr}.layout-canvas.layout-grid,.layout-canvas.layout-story{grid-template-columns:repeat(2,1fr)}.article-header h1{font-size:2.65rem}.article-byline{display:grid}.template-large-preview{min-height:220px}.search-page-form{display:grid}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Product-led home experience */
.product-hero{margin-top:28px;padding:clamp(48px,7vw,88px) clamp(24px,5vw,70px) 0;background:#f2ecff;border-radius:34px;overflow:hidden;text-align:center}
.product-hero-copy{max-width:none;margin-inline:auto}.product-hero h1{max-width:none;margin-inline:auto;font-size:clamp(3rem,4.6vw,4.35rem)}.product-hero-copy>p{max-width:none;margin-inline:auto;font-size:clamp(1.05rem,2vw,1.28rem)}
.product-hero .hero-actions{justify-content:center}.product-hero .trust-list{justify-content:center;margin-bottom:42px}.product-hero-board{max-width:1040px;margin:0 auto -62px;background:#fff;border:2px solid var(--ink);border-radius:22px 22px 0 0;text-align:left;overflow:hidden}.demo-topbar{display:flex;align-items:center;gap:10px;height:54px;padding:0 18px;background:#fff}.demo-topbar strong{font-size:.85rem}.demo-brand-dot{width:16px;height:16px;border-radius:5px;background:var(--blue)}.demo-status{margin-left:auto;color:var(--muted);font-size:.72rem}.demo-canvas{position:relative;height:440px;background-color:#faf9fd;background-image:radial-gradient(#ddd7e9 1px,transparent 1px);background-size:22px 22px;overflow:hidden}.demo-item{position:absolute;display:flex;flex-direction:column;justify-content:end;padding:14px;border:1px solid #cbc4d8;border-radius:10px;background:#fff;color:var(--ink);font-size:.72rem}.demo-item strong,.demo-item span{display:block}.demo-photo-one{left:6%;top:9%;width:34%;height:65%;background:linear-gradient(145deg,#dfe4d8 0 30%,#f0d4c7 30% 50%,#776b5c 50% 55%,#f6efe4 55%)}.demo-photo-two{right:7%;top:12%;width:25%;height:45%;background:linear-gradient(135deg,#d5c1ad,#efe8dc 48%,#a8b89f 49% 69%,#f8f3ec 70%)}.demo-note{left:43%;top:10%;width:23%;height:30%;justify-content:start;background:#fff3c5}.demo-note span{margin-top:7px}.demo-color-one{left:42%;bottom:16%;width:17%;height:26%;background:#4b59d8;color:#fff}.demo-color-two{right:19%;bottom:13%;width:16%;height:22%;background:#d8e0cf}.demo-cursor{position:absolute;right:36%;bottom:27%;display:flex;align-items:center;gap:5px;color:#fff;font-size:.67rem}.demo-cursor i{display:block;width:14px;height:14px;border-radius:50%;background:var(--coral)}.demo-cursor span{padding:4px 8px;background:var(--coral);border-radius:12px}
.demo-photo-one{padding:0;justify-content:end;overflow:hidden}.demo-photo-one img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-photo-one span{position:relative;margin:10px;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.88)}
.wide-heading{width:100%;max-width:none;text-align:center;margin-inline:0;margin-bottom:32px}.wide-heading>h2,.wide-heading>p{width:100%;max-width:none;text-wrap:normal}.home-use-cases{padding-top:150px}.use-case-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.use-case-tabs button{display:flex;align-items:center;justify-content:center;gap:.6em;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted);font-weight:800;cursor:pointer}.use-case-tabs button:hover,.use-case-tabs button[aria-selected=true]{border-color:var(--blue);background:#f1ebff;color:var(--ink)}.use-case-tabs .inline-icon{font-size:1.08em}.use-case-stage{display:grid;grid-template-columns:.72fr 1.28fr;min-height:520px;border-radius:24px;background:#f1ebff;overflow:hidden}.use-case-copy{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:clamp(30px,5vw,64px)}.use-case-copy h3{font-size:clamp(2rem,4vw,3.45rem)}.use-case-copy p{font-size:1.04rem}.use-case-copy .button{margin-top:16px}.use-case-board{position:relative;min-height:520px;margin:28px 28px 28px 0;border:2px solid var(--ink);border-radius:18px;background-color:#fcfbfe;background-image:radial-gradient(#ddd7e9 1px,transparent 1px);background-size:22px 22px;overflow:hidden}.case-card{position:absolute;display:flex;flex-direction:column;padding:18px;border:1px solid #c9c2d4;border-radius:12px;background:#fff}.case-card strong{font-size:1rem}.case-card span{margin-top:5px;color:var(--muted);font-size:.76rem}.case-large{left:7%;top:9%;width:48%;height:46%;justify-content:end;background:linear-gradient(145deg,#d8e2d3 0 38%,#e8cbbb 39% 61%,#726355 62% 66%,#f1eadf 67%)}.case-accent{right:7%;top:10%;width:32%;height:28%;background:#fff2bd}.case-palette{right:7%;top:44%;width:32%;height:18%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.case-palette i{border-radius:7px;background:#242035}.case-palette i:nth-child(2){background:#6538e6}.case-palette i:nth-child(3){background:#ff8d77}.case-palette i:nth-child(4){background:#d2dfc9}.case-note{left:12%;bottom:8%;width:57%;height:24%;background:#fff}.use-case-board[data-mode=vision] .case-large{background:linear-gradient(150deg,#cdd8f2,#f0d8cf 50%,#f8f5ed 51%)}.use-case-board[data-mode=vision] .case-accent{background:#d9e8cf}.use-case-board[data-mode=brand] .case-large{background:linear-gradient(135deg,#222134 0 46%,#f4efe5 47% 68%,#7568e8 69%)}.use-case-board[data-mode=brand] .case-accent{background:#ffb7a9}.use-case-board[data-mode=review] .case-large{background:linear-gradient(135deg,#e4d7c2,#f7f2e8 52%,#b7c9ad 53%)}.use-case-board[data-mode=review] .case-note{background:#f4edff}
.workflow-showcase{padding-block:100px;background:var(--ink);color:#fff}.workflow-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,110px);align-items:center}.workflow-copy p{color:#c6c1d0;font-size:1.08rem}.workflow-copy .text-link{color:#cbb9ff}.workflow-board{display:grid;gap:12px}.workflow-board article{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:24px;background:#302b43;border-radius:16px}.workflow-board .inline-icon{font-size:1.35rem;color:#cbb9ff;margin-top:2px}.workflow-board h3{margin-bottom:5px}.workflow-board p{margin:0;color:#c6c1d0;font-size:.87rem}.home-template-section{padding-top:40px}

/* Professional board workspace */
.board-app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:16px 16px 0 0}.board-app-header strong,.board-app-header span{display:block}.board-app-header span{color:var(--muted);font-size:.7rem}.board-background{display:flex;align-items:center;gap:9px}.board-background input{width:38px;height:34px;padding:0;border:0;background:transparent;cursor:pointer}.board-toolbar{border-radius:0;background:#262236}.board-toolbar button,.tool-control{display:inline-flex;gap:.5em}.board-toolbar .inline-icon{font-size:1.05em}.board-toolbar button:disabled{opacity:.4;cursor:not-allowed}.toolbar-space{flex:1}.board-stage{min-height:680px;background-color:#eee6d8}.board-status-row{display:flex;justify-content:space-between;gap:20px}.board-status-row p{font-size:.76rem}.board-item{min-width:120px;min-height:90px;max-width:90%;max-height:90%;resize:both}.board-text{padding:14px;background:transparent;border-color:transparent;overflow:visible}.board-text textarea{width:100%;min-height:86px;padding:0;border:0;background:transparent;color:var(--ink);font-size:1.55rem;font-weight:800;line-height:1.08;resize:none;outline:0}.board-shape{width:165px;min-height:165px;border-radius:50%;background:#6538e6}.board-item.is-active{outline:3px solid var(--blue);outline-offset:2px}.board-item.is-active .board-remove{display:grid}.board-remove{display:none;place-items:center}.board-item:focus .board-remove{display:grid}.footer-note{border-top:0}

@media(max-width:980px){.product-hero h1{font-size:clamp(3rem,8vw,5.7rem)}.use-case-stage{grid-template-columns:1fr}.use-case-copy{padding-bottom:25px}.use-case-board{margin:0 22px 22px;min-height:470px}.workflow-grid{grid-template-columns:1fr 1.2fr}.board-toolbar .toolbar-space{display:none}}
@media(max-width:760px){.product-hero{width:calc(100% - 20px);margin-top:10px;padding:44px 18px 0;border-radius:24px}.product-hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}.product-hero .trust-list{display:grid;justify-content:center}.product-hero-board{margin-bottom:-35px}.demo-canvas{height:360px}.demo-photo-one{left:4%;width:42%}.demo-note{left:48%;width:46%}.demo-photo-two{display:none}.demo-color-one{left:49%;bottom:10%;width:22%}.demo-color-two{right:4%;bottom:10%;width:20%}.home-use-cases{padding-top:95px}.use-case-tabs{grid-template-columns:1fr 1fr}.use-case-tabs button{min-height:62px}.use-case-copy h3{font-size:2.3rem}.use-case-board{min-height:400px}.workflow-grid{grid-template-columns:1fr}.board-app{width:100%}.board-app-header{border-radius:0}.board-toolbar{padding:10px}.board-toolbar button,.tool-control{flex:1 0 auto}.board-stage{min-height:600px;border-inline:0;border-radius:0}.board-status-row{display:block;padding-inline:14px}.board-status-row p:last-child{display:none}}
@media(max-width:480px){.use-case-tabs button{justify-content:flex-start;padding-inline:14px;font-size:.78rem}.use-case-stage{border-radius:18px}.use-case-copy{padding:28px 24px}.use-case-board{margin:0 12px 12px;min-height:350px}.case-large{width:52%;height:42%}.case-accent{width:35%}.case-note{left:6%;width:65%}.board-toolbar button,.tool-control{min-width:72px;padding:8px}.board-toolbar button span,.tool-control span{font-size:.7rem}}

.contextual-reference{font-size:.96rem;color:#4b4656}.contextual-reference a,.content-block p a,.tool-support p a,.section-heading p a,.prose-page p a{color:var(--blue);font-weight:800;text-decoration-thickness:1px}.workflow-copy p a{color:#d3c7ff;font-weight:800;text-decoration-thickness:1px}.contextual-reference a:hover,.content-block p a:hover,.tool-support p a:hover,.workflow-copy p a:hover,.section-heading p a:hover,.prose-page p a:hover{text-decoration-thickness:2px}
.home-answer{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding-top:145px}.home-answer>div{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.home-answer h2,.home-answer h3{font-size:clamp(1.7rem,3vw,2.5rem)}.home-answer p{font-size:.98rem}.home-answer+.home-use-cases{padding-top:80px}.template-method{font-size:.82rem}.template-method a{color:var(--blue);font-weight:800}

/* Interactive homepage hero */
.product-hero{position:relative;background:radial-gradient(circle at 9% 12%,rgba(255,110,97,.2),transparent 23%),radial-gradient(circle at 91% 18%,rgba(101,56,230,.2),transparent 25%),linear-gradient(145deg,#f7f2ff,#eee6ff 54%,#f6f1ff);isolation:isolate}
.product-hero:before,.product-hero:after{content:"";position:absolute;z-index:-1;border-radius:999px;pointer-events:none}.product-hero:before{left:7%;top:20%;width:92px;height:92px;border:18px solid rgba(101,56,230,.1);animation:hero-orbit 8s ease-in-out infinite}.product-hero:after{right:8%;top:34%;width:68px;height:68px;background:rgba(255,110,97,.13);animation:hero-orbit 9s ease-in-out -3s infinite reverse}
.product-hero-copy{position:relative;z-index:2}.product-hero h1{max-width:none}.hero-emphasis{position:relative;display:inline;color:var(--blue);box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero-emphasis:after{content:"";position:absolute;left:.02em;right:.02em;bottom:.01em;height:.12em;border-radius:99px;background:var(--coral);transform-origin:left;animation:hero-line-in .8s .25s both}
.product-hero .button-primary{animation:hero-primary-settle .65s .35s both}.product-hero-board{position:relative;z-index:2;max-width:1100px;margin-bottom:-72px;animation:hero-board-rise .72s .15s both}
.demo-topbar{min-height:66px;height:auto;display:grid;grid-template-columns:minmax(150px,.7fr) auto minmax(170px,.7fr);align-items:center;gap:14px;padding:9px 15px}.demo-board-title{display:flex;align-items:center;gap:9px}.demo-board-title strong{font-size:.88rem}.demo-scene-tabs{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px;border-radius:12px;background:#f2eef8}.demo-scene-tabs button{display:inline-flex;align-items:center;gap:.45em;min-height:38px;padding:7px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:.76rem;font-weight:800;cursor:pointer}.demo-scene-tabs button:hover{color:var(--ink);background:#fff}.demo-scene-tabs button[aria-selected=true]{border-color:#cfc4e6;background:#fff;color:var(--blue)}.demo-scene-tabs .inline-icon{font-size:1em}.demo-status{margin-left:0;text-align:right}.demo-progress{height:3px;background:#e7e0f1;overflow:hidden}.demo-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--coral),var(--blue));transform-origin:left;animation:hero-progress 5.6s linear infinite}
.demo-canvas{height:470px;background-color:#fbfaff;background-image:radial-gradient(#d8d0e6 1px,transparent 1px),linear-gradient(120deg,rgba(101,56,230,.03),transparent 48%);background-size:22px 22px,100% 100%}.demo-item{transition:transform .65s cubic-bezier(.2,.75,.2,1),background-color .45s,border-color .45s;color:var(--ink)}.demo-item strong{font-size:.72rem}.demo-item span{margin-top:4px}.demo-photo-one{left:5%;top:7%;width:35%;height:58%}.demo-photo-one img{transition:filter .45s,transform .65s cubic-bezier(.2,.75,.2,1)}.demo-photo-two{right:5%;top:9%;width:26%;height:38%;justify-content:end;background:linear-gradient(135deg,#d5c1ad,#efe8dc 48%,#a8b89f 49% 69%,#f8f3ec 70%)}.demo-note{left:43%;top:8%;width:24%;height:27%;background:#fff3c5}.demo-color-one{left:42%;bottom:27%;width:18%;height:22%;background:var(--hero-primary,#4b59d8);color:#fff}.demo-color-two{right:18%;bottom:27%;width:17%;height:18%;background:var(--hero-secondary,#d8e0cf)}
.product-hero-board[data-scene=vision]{--hero-primary:#2a6fdb;--hero-secondary:#cae1ff}.product-hero-board[data-scene=vision] .demo-note{background:#e1f2d7}.product-hero-board[data-scene=vision] .demo-photo-one img{filter:hue-rotate(22deg) saturate(.78)}.product-hero-board[data-scene=vision] .demo-photo-two{background:linear-gradient(135deg,#d9e8cf,#eef5e9 48%,#b9cbe9 49% 69%,#f8f4ed 70%)}
.product-hero-board[data-scene=brand]{--hero-primary:#6538e6;--hero-secondary:#ffb5a8}.product-hero-board[data-scene=brand] .demo-note{background:#eee7ff}.product-hero-board[data-scene=brand] .demo-photo-one img{filter:saturate(1.18) contrast(1.06)}.product-hero-board[data-scene=brand] .demo-photo-two{background:linear-gradient(135deg,#242035 0 45%,#f1ece4 46% 69%,#ff8d77 70%)}
.demo-action-panel{position:absolute;left:4%;right:4%;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:13px 14px 13px 18px;border:1px solid #39334a;border-radius:15px;background:rgba(33,29,49,.95);color:#fff}.demo-action-panel strong,.demo-action-panel span{display:block}.demo-action-panel strong{font-size:.86rem}.demo-action-panel span{margin-top:2px;color:#d8d1e4;font-size:.7rem}.demo-action-panel .button{min-height:44px;flex:none;padding-inline:16px;font-size:.78rem}.demo-cursor{right:34%;bottom:48%;z-index:5;animation:hero-cursor-tour 7.2s ease-in-out infinite}.demo-cursor i{background:var(--coral)}.demo-cursor span{background:var(--coral);font-weight:800}.product-hero-board[data-scene=vision] .demo-cursor i,.product-hero-board[data-scene=vision] .demo-cursor span{background:#2a6fdb}.product-hero-board[data-scene=brand] .demo-cursor i,.product-hero-board[data-scene=brand] .demo-cursor span{background:#6538e6}
.product-hero-board.is-changing .demo-item{animation:hero-card-refresh .68s cubic-bezier(.2,.75,.2,1) both}.product-hero-board.is-changing .demo-note{animation-delay:.06s}.product-hero-board.is-changing .demo-color-one{animation-delay:.11s}.product-hero-board.is-changing .demo-photo-two{animation-delay:.16s}.product-hero-board.is-changing .demo-color-two{animation-delay:.21s}.product-hero-board.is-changing .demo-progress i{animation:none;transform:scaleX(0)}.product-hero-board:hover .demo-progress i,.product-hero-board:focus-within .demo-progress i,.product-hero-board:hover .demo-cursor,.product-hero-board:focus-within .demo-cursor{animation-play-state:paused}
@keyframes hero-board-rise{from{opacity:0;transform:translateY(34px) scale(.985)}to{opacity:1;transform:none}}
@keyframes hero-card-refresh{0%{opacity:.55;transform:translateY(14px) scale(.97)}100%{opacity:1;transform:none}}
@keyframes hero-cursor-tour{0%,12%,100%{transform:translate(0,0)}35%{transform:translate(-155px,-92px)}58%{transform:translate(85px,-38px)}78%{transform:translate(-55px,72px)}}
@keyframes hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hero-line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hero-primary-settle{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes hero-orbit{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(18px) rotate(18deg)}}

@media(max-width:900px){.demo-topbar{grid-template-columns:1fr auto}.demo-status{display:none}.demo-scene-tabs{justify-self:end}.product-hero-board{margin-bottom:-55px}}
@media(max-width:760px){.product-hero:before,.product-hero:after{display:none}.product-hero h1{max-width:none}.product-hero-board{margin-bottom:-38px}.demo-topbar{grid-template-columns:1fr;gap:8px;padding:10px}.demo-board-title{justify-content:center}.demo-scene-tabs{width:100%;justify-self:stretch}.demo-scene-tabs button{flex:1;justify-content:center;padding-inline:6px}.demo-canvas{height:440px}.demo-photo-one{left:4%;top:6%;width:43%;height:45%}.demo-note{left:50%;top:6%;width:46%;height:27%}.demo-photo-two{display:flex;right:4%;top:36%;width:46%;height:17%}.demo-color-one{left:4%;bottom:34%;width:28%;height:17%}.demo-color-two{right:4%;bottom:34%;width:28%;height:14%}.demo-action-panel{left:3%;right:3%;display:grid;gap:8px;min-height:104px;padding:12px}.demo-action-panel .button{width:100%}.demo-cursor{right:42%;bottom:48%;animation-name:hero-cursor-tour-mobile}.home-answer{grid-template-columns:1fr;padding-top:100px}.home-answer+.home-use-cases{padding-top:60px}}
@media(max-width:480px){.product-hero{padding-top:38px}.product-hero h1{font-size:clamp(2.55rem,12.6vw,3.75rem)}.demo-scene-tabs button{font-size:.7rem}.demo-canvas{height:420px}.demo-photo-one{height:42%}.demo-note{height:25%}.demo-photo-two{top:34%;height:15%}.demo-item{padding:10px}.demo-item strong,.demo-item span{font-size:.64rem}.demo-cursor{display:none}}
@keyframes hero-cursor-tour-mobile{0%,12%,100%{transform:translate(0,0)}40%{transform:translate(-72px,-64px)}70%{transform:translate(38px,44px)}}

/* Answer-first search summaries */
.direct-answer{max-width:none;color:#474d49}.answer-table{margin-bottom:28px}.answer-table a{color:var(--blue);font-weight:800}

/* Homepage intent routes and capability guidance */
.home-project-paths{padding-bottom:8px}.home-topic-grid{grid-template-columns:repeat(3,1fr)}.home-topic-grid article:nth-child(4),.home-topic-grid article:nth-child(5){grid-column:auto}.home-topic-grid article:first-child{background:var(--paper-2);border-color:#cfc2ef}.home-fit-section{padding-top:36px}.home-fit-table td:nth-child(2){color:#474d49}.home-fit-table td:nth-child(3){color:var(--muted)}.home-fit-table th:first-child{width:18%}.home-tool-grid{grid-template-columns:repeat(3,1fr)}.home-faq{padding-top:44px}.home-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-faq-grid article{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.home-faq-grid h3{font-size:1.18rem;letter-spacing:-.015em}.home-faq-grid p{margin-bottom:0;font-size:.9rem}
.home-discovery{padding-top:44px}.home-featured-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.home-featured-pages article{display:flex;flex-direction:column;min-height:220px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2)}.home-featured-pages article:nth-child(3n+2){background:var(--paper-3)}.home-featured-pages article:nth-child(3n){background:var(--paper-4)}.home-featured-pages h3{font-size:1.18rem;letter-spacing:-.015em}.home-featured-pages h3 a{color:inherit;text-decoration:none}.home-featured-pages p{font-size:.9rem}.home-featured-pages .text-link{margin-top:auto}.home-directory{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-directory>section{padding:26px;border-radius:var(--radius);background:#f7f6f2}.home-directory>section:nth-child(2){background:#eef2ec}.home-directory>section:nth-child(3){background:#f3effb}.home-directory>section:nth-child(4){background:#f4f0e8}.home-directory-guides{grid-column:1/-1}.home-directory h3{font-size:1.18rem}.home-directory p{max-width:62ch;font-size:.88rem;color:var(--muted)}.home-directory ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:18px 0 0;padding:0;list-style:none}.home-directory-guides ul{grid-template-columns:repeat(3,minmax(0,1fr))}.home-directory li{min-width:0}.home-directory a{display:inline-block;color:var(--ink);font-size:.88rem;font-weight:750;line-height:1.35;text-underline-offset:3px}
@media(max-width:980px){.home-topic-grid,.home-tool-grid,.home-featured-pages{grid-template-columns:1fr 1fr}.home-directory-guides ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-topic-grid,.home-tool-grid,.home-faq-grid,.home-featured-pages,.home-directory{grid-template-columns:1fr}.home-directory-guides{grid-column:auto}.home-directory ul,.home-directory-guides ul{grid-template-columns:1fr}.home-fit-table th:first-child{width:auto}}

/* Hand-shaped editorial guide formats */
.guide-composition{max-width:1040px;margin-inline:auto}.guide-composition .guide-module{margin-bottom:54px}.guide-composition .article-summary{position:static;top:auto;padding:30px}.guide-orientation-links{display:flex;flex-wrap:wrap;gap:9px 18px;margin:18px 0}.guide-orientation .button{width:auto}.guide-sections{display:grid;gap:18px}.guide-sections section{margin:0;padding:0}.guide-sections section p:last-child{margin-bottom:0}.guide-matrix>p{max-width:760px}.guide-matrix-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.guide-matrix-cards article{padding:22px;border-radius:15px;background:var(--surface)}.guide-matrix-cards h3,.guide-matrix-bands h3{font-size:1.12rem}.guide-matrix-cards p{font-size:.9rem}.guide-matrix-bands{display:grid;gap:9px}.guide-matrix-bands article{display:grid;grid-template-columns:minmax(130px,.45fr) 1fr 1fr;gap:18px;padding:18px 20px;border-radius:14px;background:var(--surface)}.guide-matrix-bands h3,.guide-matrix-bands p{margin:0}.guide-matrix-bands p{font-size:.88rem}.guide-checklist{padding:30px;border-radius:var(--radius);background:var(--ink);color:#fff}.guide-checklist h2{font-size:2rem}.guide-checklist .working-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 26px;margin:0;padding:0;list-style:none}.guide-checklist li{position:relative;margin:0;padding-left:24px;color:#e4e1e9}.guide-checklist li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border:2px solid #bba8f0;border-radius:3px}.guide-faq-items{display:grid;gap:13px}.guide-faq-items article{padding:23px;border-radius:15px;background:var(--surface)}.guide-faq-items h3{margin-top:0}.guide-faq-items p{margin-bottom:0}.guide-faq-cards .guide-faq-items{grid-template-columns:repeat(2,1fr)}.guide-faq-split .guide-faq-items{grid-template-columns:repeat(2,1fr)}.guide-faq-split .guide-faq-items article:nth-child(3n){grid-column:1/-1;background:var(--paper-2)}.guide-faq-callouts .guide-faq-items article{padding:24px 28px;background:#edf3e9}.guide-faq-callouts .guide-faq-items article:nth-child(even){margin-left:8%}.guide-practice{max-width:820px;padding:34px;border-radius:var(--radius);background:var(--paper-2)}
.guide-format-field-manual>.guide-orientation{display:grid;grid-template-columns:1.2fr 1fr;gap:12px 28px;background:#edf3e9}.guide-format-field-manual>.guide-orientation h2{grid-column:1/-1}.guide-format-field-manual .guide-sections-phases section{padding:28px;border-radius:var(--radius);background:#fff}.guide-format-field-manual .guide-sections-phases section:nth-child(even){background:var(--paper-2)}
.guide-format-decision-comparison{max-width:960px}.guide-format-decision-comparison .guide-sections-paired{grid-template-columns:repeat(2,1fr)}.guide-format-decision-comparison .guide-sections-paired section{padding:27px;border-radius:var(--radius);background:#fff}.guide-format-decision-comparison>.guide-orientation{background:var(--paper-2)}
.guide-format-room-notebook .guide-sections-notebook{grid-template-columns:repeat(2,1fr)}.guide-format-room-notebook .guide-sections-notebook section{padding:28px;border-radius:18px;background:#f4f0e8}.guide-format-room-notebook .worked-example{max-width:720px;margin-left:auto;background:#edf3e9}
.guide-format-brand-stress-test .worked-example{display:grid;grid-template-columns:.65fr 1fr;gap:28px;align-items:start;background:#f5e7e3}.guide-format-brand-stress-test .guide-sections-touchpoints{grid-template-columns:repeat(2,1fr)}.guide-format-brand-stress-test .guide-sections-touchpoints section{padding:28px;border-radius:18px;background:#fff}.guide-format-brand-stress-test>.guide-orientation{max-width:760px;background:var(--paper-2)}
.guide-format-evidence-review{max-width:820px}.guide-format-evidence-review .guide-sections-claims section{padding:28px 30px;border-radius:18px;background:#edf3e9}.guide-format-evidence-review .guide-sections-claims section:nth-child(even){background:#f4f0e8}.guide-format-evidence-review>.guide-orientation{margin-left:12%;background:var(--paper-2)}
.guide-format-team-workshop .guide-sections-agenda{grid-template-columns:repeat(2,1fr)}.guide-format-team-workshop .guide-sections-agenda section{padding:28px;border-radius:18px;background:#fff}.guide-format-team-workshop>.guide-orientation{max-width:720px;background:#edf3e9}.guide-format-team-workshop .guide-practice{margin-left:auto}
.guide-format-color-lab .guide-sections-lab{grid-template-columns:repeat(2,1fr)}.guide-format-color-lab .guide-sections-lab section{padding:27px;border-radius:18px;background:var(--paper-2)}.guide-format-color-lab .guide-matrix-cards article:nth-child(2),.guide-format-color-lab .guide-matrix-cards article:nth-child(3){background:#f4f0e8}.guide-format-color-lab>.guide-orientation{margin-left:auto;max-width:720px}
.guide-format-format-comparison .guide-sections-contrast{grid-template-columns:repeat(2,1fr)}.guide-format-format-comparison .guide-sections-contrast section{padding:29px;border-radius:18px;background:#fff}.guide-format-format-comparison .guide-sections-contrast section:nth-child(even){background:var(--paper-2)}.guide-format-format-comparison .worked-example{max-width:760px}
.guide-format-brief-workbook{max-width:900px}.guide-format-brief-workbook .guide-sections-worksheet section{padding:28px;border-radius:16px;background:#fff}.guide-format-brief-workbook .guide-sections-worksheet section h2{font-size:2rem}.guide-format-brief-workbook>.guide-orientation{background:#f4f0e8}
.guide-format-layout-patterns .guide-sections-patterns{grid-template-columns:repeat(2,1fr)}.guide-format-layout-patterns .guide-sections-patterns section{padding:28px;border-radius:18px;background:#fff}.guide-format-layout-patterns .guide-sections-patterns section:first-child{grid-column:1/-1;background:var(--paper-2)}.guide-format-layout-patterns>.guide-orientation{max-width:740px;margin-left:auto}
.guide-format-meeting-runbook{max-width:900px}.guide-format-meeting-runbook .guide-sections-runbook section{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;padding:26px 28px;border-radius:16px;background:#fff}.guide-format-meeting-runbook .guide-sections-runbook section h2{font-size:1.75rem}.guide-format-meeting-runbook>.guide-orientation{background:#edf3e9}
.guide-format-product-system-map .guide-sections-system{grid-template-columns:repeat(2,1fr)}.guide-format-product-system-map .guide-sections-system section{padding:27px;border-radius:18px;background:#fff}.guide-format-product-system-map .guide-practice{max-width:none;background:var(--ink);color:#fff}.guide-format-product-system-map .guide-practice p{color:#dedbe4}.guide-format-product-system-map .guide-practice a:not(.button){color:#d3c7ff}
.guide-format-collection-board .guide-sections-collection{grid-template-columns:repeat(2,1fr)}.guide-format-collection-board .guide-sections-collection section{padding:28px;border-radius:18px;background:#f4f0e8}.guide-format-collection-board .worked-example{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;background:var(--paper-2)}.guide-format-collection-board>.guide-orientation{max-width:760px}
.guide-format-guest-journey .guide-sections-journey{grid-template-columns:repeat(3,1fr)}.guide-format-guest-journey .guide-sections-journey section{padding:25px;border-radius:17px;background:#fff}.guide-format-guest-journey .guide-sections-journey section:first-child,.guide-format-guest-journey .guide-sections-journey section:last-child{grid-column:span 2;background:#f4f0e8}.guide-format-guest-journey>.guide-orientation{margin-left:auto;max-width:720px;background:#edf3e9}
.guide-format-action-map{max-width:880px}.guide-format-action-map .guide-sections-action section{padding:27px 29px;border-radius:18px;background:var(--paper-2)}.guide-format-action-map .guide-sections-action section:nth-child(even){margin-left:9%;background:#edf3e9}.guide-format-action-map>.guide-orientation{margin-left:12%;background:#f4f0e8}
.guide-format-access-review .guide-sections-access{grid-template-columns:repeat(2,1fr)}.guide-format-access-review .guide-sections-access section{padding:28px;border-radius:18px;background:#fff}.guide-format-access-review .guide-sections-access section:nth-child(3n){grid-column:1/-1;background:#edf3e9}.guide-format-access-review>.guide-orientation{background:var(--paper-2)}
@media(max-width:760px){.guide-matrix-cards,.guide-faq-cards .guide-faq-items,.guide-faq-split .guide-faq-items,.guide-checklist .working-checklist,.guide-format-decision-comparison .guide-sections-paired,.guide-format-room-notebook .guide-sections-notebook,.guide-format-brand-stress-test .guide-sections-touchpoints,.guide-format-team-workshop .guide-sections-agenda,.guide-format-color-lab .guide-sections-lab,.guide-format-format-comparison .guide-sections-contrast,.guide-format-layout-patterns .guide-sections-patterns,.guide-format-product-system-map .guide-sections-system,.guide-format-collection-board .guide-sections-collection,.guide-format-guest-journey .guide-sections-journey,.guide-format-access-review .guide-sections-access{grid-template-columns:1fr}.guide-matrix-bands article,.guide-format-brand-stress-test .worked-example,.guide-format-collection-board .worked-example,.guide-format-meeting-runbook .guide-sections-runbook section,.guide-format-field-manual>.guide-orientation{grid-template-columns:1fr}.guide-format-field-manual>.guide-orientation h2,.guide-format-layout-patterns .guide-sections-patterns section:first-child,.guide-format-guest-journey .guide-sections-journey section:first-child,.guide-format-guest-journey .guide-sections-journey section:last-child,.guide-format-access-review .guide-sections-access section:nth-child(3n),.guide-faq-split .guide-faq-items article:nth-child(3n){grid-column:auto}.guide-faq-callouts .guide-faq-items article:nth-child(even),.guide-format-evidence-review>.guide-orientation,.guide-format-action-map .guide-sections-action section:nth-child(even),.guide-format-action-map>.guide-orientation{margin-left:0}}
.guide-composition>.guide-orientation{width:100%;max-width:none;margin-left:0;margin-right:0}
.article-body a.button-primary,.article-body a.button-primary:visited,.article-body a.button-primary:hover,.article-body a.button-primary:focus-visible{background:var(--blue);color:#fff}
.article-body a.button-primary:hover,.article-body a.button-primary:focus-visible{background:var(--blue-dark)}
.article-body a.button-secondary,.article-body a.button-secondary:visited{color:var(--ink)}
.article-body a.button-secondary:hover,.article-body a.button-secondary:focus-visible{background:var(--ink);color:#fff}

/* Topic hubs follow different learning journeys */
.topic-composition{display:grid;gap:72px}.topic-composition .topic-module{margin:0}.topic-composition .topic-workflow{position:static;top:auto}.topic-workflow ul{margin:0;padding:0;list-style:none}.topic-workflow li{position:relative;padding-left:22px;color:var(--muted)}.topic-workflow li+li{margin-top:11px}.topic-workflow li:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border:2px solid var(--blue);border-radius:3px}.topic-composition .topic-hub-body{display:grid;gap:18px}.topic-composition .topic-hub-body section{margin:0}.topic-format-method-path{grid-template-columns:290px minmax(0,1fr)}.topic-format-method-path .topic-guide-section,.topic-format-method-path .cta-panel{grid-column:1/-1}.topic-format-method-path .topic-hub-body section{padding:28px;border-radius:18px;background:#fff}.topic-format-design-system .topic-hub-body{grid-template-columns:repeat(3,1fr)}.topic-format-design-system .topic-hub-body section{padding:27px;border-radius:18px;background:var(--paper-2)}.topic-format-design-system .topic-workflow{max-width:840px;background:#edf3e9}.topic-format-field-library .topic-guide-section{padding:0}.topic-format-field-library .topic-hub-body{grid-template-columns:repeat(3,1fr)}.topic-format-field-library .topic-hub-body section{padding:27px;border-radius:18px;background:#f4f0e8}.topic-format-field-library .topic-workflow{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;background:#fff}.topic-format-action-path{grid-template-columns:1fr 1fr}.topic-format-action-path .topic-guide-section,.topic-format-action-path .cta-panel{grid-column:1/-1}.topic-format-action-path .topic-workflow{background:var(--paper-2)}.topic-format-action-path .topic-hub-body section{padding:27px;border-radius:18px;background:#edf3e9}.topic-format-decision-room .topic-hub-body{grid-template-columns:repeat(3,1fr)}.topic-format-decision-room .topic-hub-body section{padding:27px;border-radius:18px;background:#fff}.topic-format-decision-room .topic-workflow{max-width:860px;margin-left:auto;background:#edf3e9}
.topic-format-decision-room{gap:34px}.topic-format-decision-room .topic-hub-body{gap:14px}.topic-format-decision-room .topic-hub-body section{padding:28px;border:1px solid var(--line);border-radius:0;background:#fff}.topic-format-decision-room .topic-guide-section{padding:16px 0 0}.topic-format-decision-room .section-heading{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:32px;align-items:end;margin-bottom:24px}.topic-format-decision-room .section-heading h2,.topic-format-decision-room .section-heading p{margin-bottom:0}.topic-format-decision-room .topic-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-format-decision-room .topic-guide-grid article{display:flex;min-height:270px;flex-direction:column;border-radius:0}.topic-format-decision-room .topic-guide-grid .text-link{margin-top:auto}.topic-format-decision-room .topic-workflow{display:grid;width:100%;max-width:none;margin:0;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:42px;align-items:start;padding:32px;border:1px solid var(--line);border-radius:0;background:#edf3e9}.topic-format-decision-room .topic-workflow h2{margin:0;font-size:clamp(1.65rem,2.5vw,2.35rem)}.topic-format-decision-room .topic-workflow ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}.topic-format-decision-room .topic-workflow li+li{margin-top:0}.topic-format-decision-room .cta-panel{margin-top:8px;border-radius:0}

/* Every topic hub uses one stable reading system. Presentation formats still control module order. */
.topic-hub{padding-block:48px 84px}.topic-hub-header{padding-bottom:44px}.topic-composition{grid-template-columns:minmax(0,1fr);gap:36px}.topic-composition>.topic-module{grid-column:1/-1;width:100%;max-width:none;margin:0}.topic-composition .topic-hub-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-composition[class*="topic-format-"] .topic-hub-body section{padding:28px;border:1px solid var(--line);border-radius:0;background:#fff}.topic-composition[class*="topic-format-"] .topic-hub-body section:nth-child(2){background:var(--paper-2)}.topic-composition[class*="topic-format-"] .topic-hub-body section:nth-child(3){background:#edf3e9}.topic-composition .topic-guide-section{padding:8px 0 0}.topic-composition .section-heading{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:32px;align-items:end;margin-bottom:24px}.topic-composition .section-heading h2,.topic-composition .section-heading p{margin-bottom:0}.topic-composition .topic-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-composition .topic-guide-grid article{display:flex;min-height:0;flex-direction:column;border-radius:0}.topic-composition .topic-guide-grid .text-link{margin-top:auto}.topic-composition[class*="topic-format-"] .topic-workflow{display:grid;width:100%;max-width:none;margin:0;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:42px;align-items:start;padding:32px;border:1px solid var(--line);border-radius:0;background:#edf3e9}.topic-composition .topic-workflow h2{margin:0;font-size:clamp(1.65rem,2.5vw,2.35rem)}.topic-composition .topic-workflow ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}.topic-composition .topic-workflow li+li{margin-top:0}.topic-composition .cta-panel{margin-top:4px;border-radius:0}

/* Tool explanations are shaped around the tool's actual decision */
.tool-support-module{margin-bottom:34px}.tool-steps>h2,.tool-uses>h2,.tool-faq>h2{font-size:clamp(1.8rem,3vw,2.5rem)}.tool-uses{padding:30px;border-radius:var(--radius);background:#edf3e9}.tool-uses ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;margin:0;padding-left:20px;color:#474d49}.tool-faq>div{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tool-faq article{padding:24px;border-radius:15px;background:#fff}.tool-faq h3{font-size:1.08rem;letter-spacing:-.015em}.tool-faq p{margin-bottom:0;font-size:.9rem}.tool-support-format-canvas-method .tool-answer{padding:30px;border-radius:var(--radius);background:var(--paper-2)}.tool-support-format-canvas-method .tool-method-grid article:nth-child(even){background:#edf3e9}.tool-support-format-goal-bridge .tool-faq{max-width:940px}.tool-support-format-goal-bridge .tool-faq article{background:#edf3e9}.tool-support-format-goal-bridge .tool-answer{max-width:760px;margin-left:auto}.tool-support-format-color-roles .tool-uses ul{grid-template-columns:repeat(3,1fr);list-style:none;padding:0}.tool-support-format-color-roles .tool-uses li{padding:14px;border-radius:11px;background:#fff}.tool-support-format-color-roles .tool-answer{padding:28px;border-radius:18px;background:var(--paper-2)}.tool-support-format-hierarchy-test .tool-method-grid{grid-template-columns:repeat(3,1fr)}.tool-support-format-hierarchy-test .tool-answer{max-width:680px}.tool-support-format-hierarchy-test .tool-related{padding:28px;border-radius:18px;background:var(--paper-2)}.tool-support-format-output-specification .tool-uses{background:#f4f0e8}.tool-support-format-output-specification .tool-faq article:nth-child(even){background:var(--paper-2)}.tool-support-format-output-specification .tool-steps{max-width:920px;margin-left:auto}
@media(max-width:760px){.topic-format-method-path,.topic-format-action-path,.topic-format-field-library .topic-workflow{grid-template-columns:1fr}.topic-format-method-path .topic-guide-section,.topic-format-method-path .cta-panel,.topic-format-action-path .topic-guide-section,.topic-format-action-path .cta-panel{grid-column:auto}.topic-format-design-system .topic-hub-body,.topic-format-field-library .topic-hub-body,.topic-format-decision-room .topic-hub-body,.tool-faq>div,.tool-uses ul,.tool-support-format-color-roles .tool-uses ul,.tool-support-format-hierarchy-test .tool-method-grid{grid-template-columns:1fr}}
@media(max-width:980px){.topic-format-decision-room .topic-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-format-decision-room .topic-guide-grid article{min-height:0}.topic-format-decision-room .topic-workflow{grid-template-columns:1fr}.topic-format-decision-room .topic-workflow ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topic-format-decision-room{gap:26px}.topic-format-decision-room .section-heading,.topic-format-decision-room .topic-guide-grid,.topic-format-decision-room .topic-workflow ul{grid-template-columns:1fr}.topic-format-decision-room .topic-guide-section{padding-top:4px}.topic-format-decision-room .topic-workflow{gap:22px;padding:24px}.topic-format-decision-room .topic-guide-grid article{min-height:0}}
@media(max-width:1080px){.topic-composition .topic-hub-body,.topic-composition .topic-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-composition[class*="topic-format-"] .topic-workflow{grid-template-columns:1fr;gap:24px}}
@media(max-width:760px){.topic-hub{padding-block:34px 64px}.topic-hub-header{padding-bottom:32px}.topic-composition{gap:26px}.topic-composition .topic-hub-body,.topic-composition .topic-guide-grid,.topic-composition .section-heading,.topic-composition .topic-workflow ul{grid-template-columns:1fr}.topic-composition .topic-guide-section{padding-top:0}.topic-composition[class*="topic-format-"] .topic-workflow{gap:20px;padding:24px}.topic-composition .topic-guide-grid article{min-height:0}}

.imported-article .imported-body{max-width:780px;margin-inline:auto}.imported-article .imported-body>h2{margin-top:58px}.imported-article .imported-body>h3{margin-top:34px}.imported-article .imported-body>table{display:block;max-width:100%;overflow-x:auto}.imported-article-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:920px;margin:70px auto 0}.imported-article-paths a{display:flex;align-items:center;min-height:96px;padding:22px;border-radius:15px;background:var(--paper-2);color:var(--ink);font-weight:800;text-decoration:none}.imported-article-paths a:nth-child(2){background:#edf3e9}.imported-article-paths a:nth-child(3){background:var(--ink);color:#fff}@media(max-width:760px){.imported-article-paths{grid-template-columns:1fr}}

/* Distinct product workbenches */
.tool-hero-mood,.tool-hero-vision,.tool-hero-palette,.tool-hero-layout,.tool-hero-size{margin-top:24px;padding:42px;border-radius:24px}.tool-hero-mood{align-items:center;background:var(--paper-2)}.tool-hero-vision{align-items:center;background:#edf3e9}.tool-hero-palette{align-items:center;background:#f4f0e8}.tool-hero-layout{align-items:center;background:#fff}.tool-hero-size{align-items:center;background:var(--ink);color:#fff}.tool-hero-size p{color:#d7d3dc}.tool-proof-list{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:0;list-style:none;color:#514c5d;font-size:.82rem;font-weight:760}.tool-proof-list li{position:relative;padding-left:18px}.tool-proof-list li:before{content:"";position:absolute;left:0;top:.58em;width:8px;height:8px;border-radius:3px;background:var(--blue)}
.board-app-header{display:grid;grid-template-columns:minmax(420px,1fr) minmax(220px,300px) auto;gap:18px;align-items:end;border-radius:0}.board-project-fields{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(280px,1.45fr);gap:10px;min-width:0}.board-project-fields label{display:grid;gap:4px}.board-project-fields label>span,.board-browser-library label>span{font-size:.68rem;font-weight:800;color:var(--muted)}.board-project-fields input{width:100%;min-height:40px;padding:7px 10px;border:0;border-radius:0;background:#f5f3ee;color:var(--ink);font-weight:720}.board-project-fields label:last-child input{font-weight:600}.board-app-header>div:last-child{display:flex;align-items:center;gap:14px}.board-browser-library{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:end}.board-browser-library label{display:grid;gap:4px}.board-browser-library select{width:100%;min-height:40px;padding:7px 28px 7px 10px;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font-weight:720}.board-browser-library>a{display:grid;place-items:center;min-height:40px;padding:6px 10px;border:1px solid var(--blue);color:var(--blue);font-size:.74rem;font-weight:800;text-decoration:none}.board-browser-note{display:flex;align-items:center;gap:18px;margin:10px 0 0;padding:10px 14px;border:1px solid var(--line);color:var(--muted);font-size:.75rem}.board-id-reference{flex:0 0 auto;color:var(--muted);white-space:nowrap}.board-id-reference b{color:var(--ink);letter-spacing:.05em}
.vision-principle{display:grid;grid-template-columns:auto minmax(150px,1fr);gap:4px 12px;max-width:370px;padding:20px;border-radius:16px;background:#fff}.vision-principle strong{color:var(--blue);font-size:.8rem}.vision-principle span{color:var(--muted);font-size:.78rem}.vision-workbench{grid-template-columns:440px 1fr;align-items:stretch}.vision-brief{border:0;background:var(--ink);color:#fff}.vision-brief h2{font-size:2rem}.vision-brief fieldset{margin:20px 0 0;padding:18px;border-radius:14px;background:#302b42}.vision-brief legend{padding:0 5px;color:#d6c9fa;font-size:.8rem}.vision-brief label{color:#f4f1f8}.vision-brief input,.vision-brief select{border:0;background:#fff;color:var(--ink)}.vision-brief .form-note{color:#c9c5ce}.vision-workbench .generated-board{background:var(--paper-2)}.vision-tool-note{padding:36px;border-radius:var(--radius);background:#edf3e9}
.palette-role-key{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;min-width:390px;padding:9px;border-radius:15px;background:#fff}.palette-role-key span{display:grid;place-items:center;min-height:58px;border-radius:10px;background:#f7f3ea;font-size:.7rem;font-weight:800}.palette-role-key span:nth-child(2){background:#e7dec9}.palette-role-key span:nth-child(3){background:#6538e6;color:#fff}.palette-role-key span:nth-child(4){background:#ff8a78}.palette-role-key span:nth-child(5){background:#211d31;color:#fff}.palette-lab-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.palette-lab-header h2{margin-bottom:8px}.palette-lab-header p{max-width:630px;margin-bottom:0}.palette-lab-header>p{max-width:330px;padding:11px 13px;border-radius:10px;background:#edf3e9;color:#38443a;font-size:.8rem}.palette-controls label{display:grid;grid-template-columns:1fr 74px;align-items:center;gap:7px;padding:12px 14px}.palette-controls label span{grid-column:1/-1}.palette-controls input[type=color]{width:100%;height:54px;grid-row:2}.palette-controls input[type=text]{grid-row:2}.palette-preview{grid-template-columns:1fr 260px;padding:20px;background:#ece9e1}.palette-demo{display:flex;flex-direction:column;justify-content:center;min-height:360px}.palette-demo-actions{display:grid;grid-template-columns:auto 34px 1fr;align-items:center;gap:12px;margin-top:26px}.palette-demo-actions i{width:28px;height:28px;border-radius:50%;background:var(--palette-accent,#ff6b57)}.palette-demo-actions span{margin:0}.swatch-row button{min-height:56px}
.layout-hero-sample{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:7px;width:310px;height:190px;padding:13px;border-radius:17px;background:var(--paper-2)}.layout-hero-sample i{border-radius:8px;background:#fff}.layout-hero-sample i:first-child{grid-row:1/3;background:var(--blue)}.layout-hero-sample i:nth-child(3){background:#edf3e9}.layout-hero-sample i:nth-child(5){background:#ffb0a6}.layout-studio{grid-template-columns:360px minmax(0,1fr);align-items:start}.layout-controls{border:0;background:#f4f0e8}.layout-count-control{grid-template-columns:1fr auto}.layout-count-control output{font-size:1.3rem;color:var(--blue)}.layout-count-control input{grid-column:1/-1}.layout-choice{padding:10px;border-radius:12px;background:#fff}.layout-choice>span:last-child{display:grid}.layout-choice strong{font-size:.82rem}.layout-choice small{color:var(--muted);font-size:.68rem}.layout-choice-mark{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:2px;flex:0 0 auto}.layout-choice-mark i{border-radius:2px;background:#c9bcec}.mark-hero i:first-child{grid-row:1/3;background:var(--blue)}.mark-grid i{background:#9fb6a6}.mark-story{grid-template-columns:repeat(3,9px);grid-template-rows:12px}.mark-story i:nth-child(2){margin-top:6px;background:#ff8a78}.layout-preview-frame{display:flex;min-width:0;flex-direction:column;padding:20px;border-radius:var(--radius);background:#fff}.layout-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.layout-preview-heading h2{margin:0;font-size:1.6rem}.layout-preview-heading p{max-width:none;margin:0;font-size:.78rem}.layout-preview-frame .layout-canvas{width:100%;min-height:470px;overflow:hidden}
.size-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:420px;margin:0}.size-concepts div{padding:14px;border-radius:12px;background:#302b42}.size-concepts dt{color:#cdbdf4;font-weight:850}.size-concepts dd{margin:2px 0 0;color:#d7d3dc;font-size:.72rem}.size-workbench{grid-template-columns:360px 1fr;align-items:stretch}.size-controls{border:0;background:var(--paper-2)}.size-controls h2{font-size:2rem}.size-result{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;min-height:480px;text-align:left}.ratio-sheet{display:grid;place-items:center;min-height:360px;padding:28px;border-radius:16px;background:#f4f0e8}.ratio-sheet .ratio-shape{display:grid;place-items:center;width:100%;max-width:100%;margin:0;border:0;border-radius:8px;background:var(--blue)}.ratio-shape span{padding:8px;border:1px dashed rgba(255,255,255,.7);border-radius:6px;color:#fff;font-size:.72rem}.size-specification{align-self:center}.size-specification dl{display:grid;gap:10px;margin:24px 0}.size-specification dl div{padding:13px;border-radius:10px;background:var(--paper-2)}.size-specification dt{font-size:.72rem;font-weight:800;color:var(--muted)}.size-specification dd{margin:3px 0 0;font-weight:760}.size-specification .button{margin-top:4px}
@media(max-width:1100px){.board-app-header{grid-template-columns:1fr 280px}.board-app-header>div:last-child{grid-column:1/-1;justify-content:flex-end}.vision-workbench{grid-template-columns:370px 1fr}.layout-studio,.size-workbench{grid-template-columns:320px 1fr}.tool-hero-mood,.tool-hero-vision,.tool-hero-palette,.tool-hero-layout,.tool-hero-size{padding:34px}.palette-role-key,.size-concepts{min-width:340px}}
@media(max-width:760px){.tool-hero-mood,.tool-hero-vision,.tool-hero-palette,.tool-hero-layout,.tool-hero-size{margin-inline:14px;padding:28px}.tool-hero-mood>.button{margin-top:18px}.vision-principle,.palette-role-key,.size-concepts{min-width:0;margin-top:20px}.palette-role-key{grid-template-columns:repeat(5,minmax(0,1fr))}.palette-role-key span{font-size:.6rem}.vision-workbench,.layout-studio,.size-workbench{grid-template-columns:1fr}.board-project-fields{grid-template-columns:1fr}.board-app-header{grid-template-columns:1fr;align-items:stretch}.board-browser-library{grid-template-columns:1fr auto}.board-app-header>div:last-child{grid-column:auto;justify-content:space-between}.board-browser-note{display:block}.board-id-reference{display:block;margin-bottom:5px}.palette-lab-header,.layout-preview-heading{display:block}.palette-lab-header>p{margin-top:12px}.palette-demo-actions{grid-template-columns:1fr}.palette-demo-actions i{display:none}.layout-preview-heading p{margin-top:6px}.size-result{grid-template-columns:1fr;text-align:center}.size-specification dl{text-align:left}}
@media(max-width:480px){.tool-hero-mood,.tool-hero-vision,.tool-hero-palette,.tool-hero-layout,.tool-hero-size{margin-inline:10px;padding:24px}.tool-proof-list{display:grid}.vision-brief .field-pair{grid-template-columns:1fr}.palette-role-key{grid-template-columns:1fr 1fr}.palette-role-key span:last-child{grid-column:1/-1}.size-concepts{grid-template-columns:1fr}.palette-controls label{grid-template-columns:1fr 82px}}

/* Headings and their introductory copy use the complete content container. */
.direct-answer,.product-hero-copy,.product-hero h1,.product-hero-copy>p,.wide-heading,.imported-article .imported-body,.guide-composition,.guide-matrix>p,.guide-practice,.guide-format-decision-comparison,.guide-format-evidence-review,.guide-format-brief-workbook,.guide-format-meeting-runbook,.guide-format-action-map{max-width:none}
.product-hero-copy,.product-hero-copy>p,.wide-heading,.imported-article .imported-body{width:100%}
.tool-support-format-goal-bridge .tool-faq,.tool-support-format-goal-bridge .tool-answer,.tool-support-format-hierarchy-test .tool-answer,.tool-support-format-output-specification .tool-steps{max-width:none}
.palette-lab-header>div{flex:1;min-width:0}.palette-lab-header>div>p,.layout-preview-heading p{max-width:none}

/* The mood-board workbench keeps the canvas primary and exposes precise card controls. */
.board-workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:stretch}
.board-workspace-layout .board-stage{min-width:0;overflow:auto;border-top:1px solid var(--ink);background-image:none}.board-canvas{position:relative;width:100%;height:100%;min-height:680px;transform:scale(var(--board-zoom,1));transform-origin:0 0;background-color:#eee6d8;background-image:radial-gradient(#c4baaa 1px,transparent 1px);background-size:24px 24px}.board-zoom-controls{display:flex;align-items:stretch}.board-toolbar .board-zoom-controls button{min-width:42px;padding:8px 10px}.board-toolbar .board-zoom-controls button+button{margin-left:-1px}.board-toolbar .board-zoom-controls [data-board-zoom-reset]{min-width:58px;font-variant-numeric:tabular-nums}.board-toolbar .board-zoom-controls button:disabled{opacity:.45}
.board-inspector{min-height:680px;padding:22px;background:#fff;border:1px solid var(--ink);border-left:0}
.board-inspector h2{margin:0;font-size:1.3rem;letter-spacing:-.02em}
.board-inspector p{margin:5px 0 0;color:var(--muted);font-size:.76rem}
.board-inspector [hidden]{display:none!important}.board-inspector-heading{padding-bottom:15px;border-bottom:1px solid var(--line)}.board-inspector-empty{padding:14px 0 2px}.board-selected-kind{margin:0!important;color:var(--ink)!important}.board-selected-kind strong{font-size:.76rem}
.board-inspector-controls{display:grid;gap:18px}
.board-inspector-controls>label,.board-image-controls label,.board-field-pair label{display:grid;gap:7px;color:var(--ink);font-size:.72rem;font-weight:800}
.board-inspector input[type=text],.board-inspector input[type=number],.board-inspector select{width:100%;min-height:40px;padding:8px 9px;border:1px solid #bcb4a8;background:#fff;color:var(--ink);font:inherit}
.board-inspector input[type=color]{width:100%;height:46px;padding:3px;border:1px solid #bcb4a8;background:#fff}
.board-inspector input[type=range]{width:100%;accent-color:var(--blue)}
.board-inspector output{color:var(--muted);font-size:.7rem;font-weight:700}
.board-rotation-control{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:10px}.board-angle-input{position:relative;display:block}.board-inspector .board-angle-input input[type=number]{min-height:38px;padding-right:25px;font-variant-numeric:tabular-nums}.board-angle-input>span{position:absolute;top:50%;right:9px;transform:translateY(-50%);color:var(--muted);font-weight:700;pointer-events:none}
.board-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.board-layer-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.board-layer-controls button{min-height:40px;padding:8px 9px;border:1px solid var(--purple);background:#fff;color:var(--ink);font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.board-layer-controls button:hover,.board-layer-controls button:focus-visible{color:var(--purple)}.board-layer-controls button:disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed}
.board-layers{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.board-layers-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.board-layers-heading h3{margin:0;font-size:.9rem}.board-layers-heading span{color:var(--muted);font-size:.64rem}.board-layer-list{display:grid;gap:4px;max-height:280px;overflow-y:auto}.board-layer-select{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:40px;padding:7px 8px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer}.board-layer-select:hover,.board-layer-select:focus-visible{border-color:var(--purple);color:var(--purple)}.board-layer-select.is-selected{border-color:var(--purple);background:var(--paper-2);color:var(--purple)}.board-layer-kind{display:grid;width:22px;height:22px;place-items:center;border:1px solid currentColor;font-size:.58rem;font-weight:900;text-transform:uppercase}.board-layer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:760}
.board-layer-select{min-height:48px}.board-layer-detail{display:grid;min-width:0;gap:2px}.board-layer-relation{color:var(--muted);font-size:.58rem;font-weight:700}.board-layer-select.is-selected .board-layer-relation{color:var(--purple)}
.board-image-controls{display:grid;gap:15px;padding-top:2px}
.board-delete-action{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:42px;padding:9px 12px;border:1px solid #a53c31;background:#fff;color:#8a3028;font-weight:800;cursor:pointer}
.board-delete-action .inline-icon{font-size:1em}
.board-item{max-width:100%;max-height:100%;resize:both}
.board-item:not(.is-locked){cursor:grab}.board-item.selected:not(.is-locked){cursor:grabbing}.board-drag-handle{position:absolute;top:7px;left:7px;z-index:4;width:30px;height:30px;border:1px solid rgba(32,37,35,.48);background-color:rgba(255,255,255,.94);background-image:radial-gradient(circle,#202523 1.5px,transparent 1.7px);background-position:7px 7px;background-size:7px 7px;color:var(--ink);cursor:grab;opacity:0;transition:opacity .12s ease}.board-item:hover>.board-drag-handle,.board-item:focus-within>.board-drag-handle,.board-item.is-active>.board-drag-handle{opacity:1}.board-drag-handle:focus-visible{opacity:1;border-color:var(--blue);outline:2px solid var(--blue);outline-offset:2px}.board-item.is-locked>.board-drag-handle{display:none}
.board-image{background:#fff}
.board-image img{display:block;width:100%;height:100%;min-height:0}
.board-image img[hidden]{display:none}.board-image-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:18px;border:1px dashed var(--muted);background:#f5f3ee;color:var(--muted);font-size:.74rem;font-weight:800;text-align:center;pointer-events:none}.board-image-placeholder[hidden]{display:none}
.board-image-caption{position:absolute;right:0;bottom:0;left:0;padding:9px 10px;background:rgba(255,255,255,.92);color:var(--ink);font-size:.7rem;font-weight:800;line-height:1.25;pointer-events:none}
.board-note textarea,.board-text textarea{height:100%;min-height:0}
.board-item.is-locked{resize:none;cursor:default}.board-item.is-locked:after{content:"Locked";position:absolute;left:6px;top:6px;padding:4px 6px;background:rgba(32,37,35,.82);color:#fff;font-size:.6rem;font-weight:800;pointer-events:none}
.board-lock-control{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}
.board-shape[data-shape=circle]{border-radius:50%!important}
.board-shape[data-shape=line]{background:linear-gradient(transparent calc(50% - 3px),currentColor calc(50% - 3px),currentColor calc(50% + 3px),transparent calc(50% + 3px))!important;border-color:transparent}
.board-status-row{min-height:44px}
.board-canvas-options{display:grid;gap:8px;margin:22px 0 0;padding:15px;border:1px solid var(--line)}
.board-canvas-options legend{padding:0 5px;font-size:.72rem;font-weight:800}
.board-canvas-options label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.76rem}
.board-grid-hidden,.board-grid-hidden .board-canvas{background-image:none!important}
.board-context-menu{position:fixed;z-index:500;display:grid;min-width:220px;max-width:min(280px,calc(100vw - 20px));padding:6px;border:1px solid var(--ink);background:#fff;color:var(--ink)}
.board-context-menu[hidden]{display:none}
.board-context-menu strong{display:block;padding:7px 10px 5px;font-size:.7rem;letter-spacing:.02em;color:var(--muted)}
.board-context-menu button{display:flex;align-items:center;width:100%;min-height:40px;padding:8px 10px;border:0;background:#fff;color:var(--ink);text-align:left;font-size:.8rem;font-weight:760;cursor:pointer}
.board-context-menu button:hover,.board-context-menu button:focus-visible{background:var(--paper-2);color:var(--blue-dark)}
.board-context-menu button:disabled{background:#fff;color:var(--muted);cursor:not-allowed;opacity:.55}
.board-context-menu button[data-context-action=delete]{color:#8a3028}

.tool-output-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:-52px;padding-bottom:70px}
.tool-output-actions p{flex:1 1 260px;margin:0 0 0 10px;color:var(--muted);font-size:.78rem}
.tool-output-actions button:disabled{opacity:.45;cursor:not-allowed}
.vision-card textarea{width:100%;min-height:58px;padding:8px;border:1px solid rgba(32,37,35,.2);background:rgba(255,255,255,.55);color:inherit;font:inherit;font-weight:800;resize:vertical}
.vision-card.primary textarea{font-family:var(--display);font-size:1.55rem;line-height:1.05}
.vision-card.primary{grid-row:span 2}
.vision-evidence{background:#eee5fa}.vision-milestone{background:#e4ebdd}.vision-obstacle{background:#f7ddd7}

.palette-generator-controls{display:grid;grid-template-columns:220px minmax(220px,1fr) auto auto;gap:10px;align-items:end;margin-bottom:12px;padding:18px;background:#fff}
.palette-generator-controls>label:not(.button){display:grid;gap:7px;font-size:.75rem;font-weight:800}
.palette-generator-controls select{min-height:44px;padding:8px;border:1px solid var(--line);background:#fff}
.palette-generator-controls input[type=range]{width:100%;accent-color:var(--blue)}
.palette-generator-controls output{color:var(--muted);font-size:.7rem}
.palette-image-control{position:relative}.palette-image-control input{position:absolute;opacity:0;pointer-events:none}
.palette-lock{display:flex!important;align-items:center;gap:6px;margin:0!important;color:var(--muted);font-size:.68rem!important;font-weight:700}
.contrast-matrix-wrap{margin-top:20px;padding:24px;background:#fff}
.contrast-matrix-wrap h2{font-size:1.5rem}.contrast-matrix-wrap>p{max-width:760px;font-size:.8rem}
.contrast-matrix{display:grid;grid-template-columns:100px repeat(5,minmax(82px,1fr));overflow-x:auto}
.contrast-matrix>*{display:grid;place-items:center;min-height:62px;padding:7px;border:1px solid var(--line);border-right:0;border-bottom:0;text-align:center;font-size:.72rem}
.contrast-matrix>*:nth-child(6n){border-right:1px solid var(--line)}
.contrast-matrix>*:nth-last-child(-n+6){border-bottom:1px solid var(--line)}
.contrast-matrix span small{display:block;margin-top:3px;font-size:.62rem}.contrast-aa,.contrast-aaa{background:#e4ebdd}.contrast-large{background:#fff1bd}.contrast-fail{background:#f7ddd7}
.palette-actions{flex-wrap:wrap}

.layout-canvas>button{min-width:0;min-height:70px;padding:10px;border:0;background:var(--surface);color:var(--ink);cursor:grab;text-align:left}
.layout-canvas>button:active{cursor:grabbing}.layout-canvas>button.is-dragging{opacity:.4}
.layout-canvas>button strong,.layout-canvas>button span{display:block}.layout-canvas>button span{margin-top:3px;color:var(--muted);font-size:.65rem}
.layout-canvas>button:nth-child(3n+2){background:#b9c8a9}.layout-canvas>button:nth-child(3n+3){background:#ffb3a7}
.layout-canvas.layout-hero>button{min-height:80px}.layout-canvas.layout-hero>button:first-child{grid-row:span 2;background:var(--blue);color:#fff}.layout-canvas.layout-hero>button:first-child span{color:#e2e7ff}
.layout-canvas.layout-grid>button{min-height:80px}.layout-canvas.layout-story>button:nth-child(odd){margin-top:50px}
.layout-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;background:#fff}.layout-actions .button-primary{margin-left:auto}

.print-fields{display:grid;gap:0}.size-warning{margin:16px 0;padding:13px;border-left:4px solid var(--blue);background:#edf3e9;color:#38443a;font-size:.78rem}
.size-actions{display:flex;flex-wrap:wrap;gap:8px}.size-actions .button{margin-top:0}

@media(max-width:900px){.board-workspace-layout{grid-template-columns:minmax(0,1fr) 250px}.board-inspector{padding:17px}}
@media(max-width:980px){.palette-generator-controls{grid-template-columns:1fr 1fr}.palette-generator-controls .button{width:100%}}
@media(max-width:760px){.board-workspace-layout{grid-template-columns:1fr}.board-inspector{min-height:0;border-left:1px solid var(--ink);border-top:0}.board-inspector-controls{grid-template-columns:1fr 1fr;align-items:end}.board-inspector-controls>div:first-child,.board-image-controls,.board-delete-action{grid-column:1/-1}.board-inspector-empty{padding:2px 0}.board-workspace-layout .board-stage{min-height:540px}.board-item{resize:none}.tool-output-actions{margin-top:-48px}.palette-generator-controls{grid-template-columns:1fr}.contrast-matrix{grid-template-columns:82px repeat(5,82px)}.layout-actions .button,.layout-actions .button-primary{width:100%;margin-left:0}.layout-canvas.layout-story>button:nth-child(odd){margin-top:25px}}
@media(max-width:480px){.board-inspector-controls{grid-template-columns:1fr}.board-inspector-controls>div:first-child,.board-image-controls,.board-delete-action{grid-column:auto}.board-workspace-layout .board-stage{min-height:500px}}

/* Flat editorial surface system. Keep every interface edge square. */
*,*::before,*::after{border-radius:0!important}
.button:hover{transform:none}
.template-card,.magazine-grid article,.topic-grid article,.topic-guide-grid article,.guide-list article,.related-guides article,.tool-method-grid article,.tool-faq article{background:var(--surface);border-color:var(--line)}
.nav-dropdown,.mobile-groups details,.mobile-search,.control-panel,.content-block,.article-summary,.topic-workflow{border:1px solid var(--line)}

/* Substantial guide analysis without adding a stack of new headings. */
.guide-depth{padding:clamp(28px,4vw,46px);border:1px solid var(--line);background:#fff}.guide-depth h2{margin-bottom:12px}.guide-depth-intro{font-size:1.08rem;color:#474d49}.guide-depth-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-depth-notes p{padding:20px;margin:0;background:var(--paper);color:#474d49}.guide-depth-notes p strong{color:var(--ink)}
.worked-example-annotations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.worked-example-annotations article{padding:20px;background:#fff}.worked-example-annotations h3{font-size:1rem}.worked-example-annotations p{margin-bottom:8px;font-size:.88rem}.worked-example-annotations p:last-child{margin-bottom:0;color:var(--ink)}
.guide-sources{padding:clamp(28px,4vw,42px);background:#f4f0e8}.guide-sources>p{color:#474d49}.guide-sources ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 0;padding:0;list-style:none}.guide-sources li{padding:20px;background:#fff}.guide-sources h3{font-size:1rem;line-height:1.3}.guide-sources h3 a{color:var(--blue);text-underline-offset:3px}.guide-sources li p{margin:0;font-size:.86rem}
@media(max-width:760px){.guide-depth-notes{grid-template-columns:1fr}}
@media(max-width:760px){.worked-example-annotations,.guide-sources ul{grid-template-columns:1fr}}

/* One full-width hero system for the homepage, collections, tools, articles, and hubs. */
.product-hero,.page-hero,.tool-hero,.article-header,.topic-hub-header{min-width:0}
.product-hero-copy,.page-hero>div,.tool-hero>div:first-child,.article-header,.topic-hub-header{width:100%;max-width:none;min-width:0}
h1,h2,h3,h4,h5,h6{max-width:none}
.section-heading,.section-heading>div,.wide-heading,.product-hero-copy,.page-hero>div,.tool-hero>div:first-child,.article-header,.topic-hub-header{width:100%;max-width:none;min-width:0}
.product-hero h1,.page-hero h1,.tool-hero h1,.article-header h1,.topic-hub-header h1{width:100%;max-width:none;overflow-wrap:normal;word-break:normal;text-wrap:pretty}
.product-hero-copy>p,.page-hero>p,.page-hero>div>p,.tool-hero>div:first-child>p,.article-deck,.topic-hub-header>p{width:100%;max-width:none;text-wrap:pretty}
.product-hero{padding-inline:clamp(24px,3.4vw,48px)}.product-hero-copy{width:100%}.product-hero h1{font-size:clamp(3rem,4.6vw,4.35rem);line-height:1.02}.product-hero-board{width:100%;max-width:none}
.page-hero h1,.tool-hero h1,.article-header h1,.topic-hub-header h1{font-size:clamp(2.75rem,5vw,4.6rem);line-height:1.03}
.magazine-hero{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(28px,4vw,56px)}.magazine-hero img{width:100%}
.tool-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.tool-hero>*:last-child{max-width:440px}
@media(max-width:1024px){.product-hero{padding-inline:clamp(22px,3vw,34px)}.product-hero h1{font-size:clamp(2.8rem,6.3vw,3.9rem)}.page-hero h1,.tool-hero h1,.article-header h1,.topic-hub-header h1{font-size:clamp(2.6rem,6vw,4rem)}.magazine-hero{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:28px}.tool-hero{gap:28px}.tool-hero>*:last-child{max-width:380px}}
@media(max-width:820px){.product-hero{width:var(--shell);margin-inline:auto;padding:40px 24px 0}.product-hero h1{font-size:clamp(2.55rem,7.4vw,3.55rem)}.page-hero.compact,.tool-hero-mood,.tool-hero-vision,.tool-hero-palette,.tool-hero-layout,.tool-hero-size{margin-inline:auto}.magazine-hero,.tool-hero{display:grid;grid-template-columns:1fr}.magazine-hero img{width:min(100%,560px);margin-top:8px}.tool-hero>*:last-child{width:100%;max-width:none;justify-self:stretch}.tool-hero>.button{width:auto;justify-self:start}.layout-hero-sample{width:100%;max-width:440px}.palette-role-key,.size-concepts{min-width:0}.article-header,.topic-hub-header{padding-right:0}.page-hero h1,.tool-hero h1,.article-header h1,.topic-hub-header h1{font-size:clamp(2.45rem,7.2vw,3.65rem)}}
@media(max-width:520px){.product-hero{width:calc(100% - 20px);padding:34px 16px 0}.product-hero h1,.page-hero h1,.tool-hero h1,.article-header h1,.topic-hub-header h1{font-size:clamp(2.15rem,9.5vw,3rem);line-height:1.04}.product-hero-copy>p,.page-hero>p,.page-hero>div>p,.tool-hero>div:first-child>p,.article-deck,.topic-hub-header>p{font-size:1rem;line-height:1.55}.page-hero{padding-block:38px 26px}.tool-hero{padding:30px 0 22px}.tool-hero-mood,.tool-hero-vision,.tool-hero-palette,.tool-hero-layout,.tool-hero-size{padding:24px 18px}.magazine-hero img{margin-top:4px}}

/* Tool titles span the hero. Supporting copy and the visual key share the row below. */
.tool-hero-mood,.tool-hero-vision,.tool-hero-palette,.tool-hero-layout,.tool-hero-size{
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:clamp(28px,4vw,64px);
  row-gap:20px;
  align-items:start;
}
.tool-hero-mood>div:first-child,.tool-hero-vision>div:first-child,.tool-hero-palette>div:first-child,.tool-hero-layout>div:first-child,.tool-hero-size>div:first-child{display:contents}
.tool-hero-mood>div:first-child>h1,.tool-hero-vision>div:first-child>h1,.tool-hero-palette>div:first-child>h1,.tool-hero-layout>div:first-child>h1,.tool-hero-size>div:first-child>h1{
  grid-column:1/-1;
  grid-row:1;
  width:100%;
  max-width:none;
  margin-bottom:0;
}
.tool-hero-mood>div:first-child>.direct-answer,.tool-hero-vision>div:first-child>.direct-answer,.tool-hero-palette>div:first-child>.direct-answer,.tool-hero-layout>div:first-child>.direct-answer,.tool-hero-size>div:first-child>.direct-answer{
  grid-column:1;
  grid-row:2;
  width:100%;
  max-width:none;
  margin:0;
}
.tool-hero-mood>*:last-child,.tool-hero-vision>*:last-child,.tool-hero-palette>*:last-child,.tool-hero-layout>*:last-child,.tool-hero-size>*:last-child{
  grid-column:2;
  grid-row:2/span 2;
  align-self:start;
  max-width:none;
  margin-top:0;
}
.tool-hero-mood .tool-proof-list{grid-column:1;grid-row:3;margin:0}
@media(max-width:820px){
  .tool-hero-mood,.tool-hero-vision,.tool-hero-palette,.tool-hero-layout,.tool-hero-size{grid-template-columns:minmax(0,1fr)}
  .tool-hero-mood>div:first-child>h1,.tool-hero-vision>div:first-child>h1,.tool-hero-palette>div:first-child>h1,.tool-hero-layout>div:first-child>h1,.tool-hero-size>div:first-child>h1,
  .tool-hero-mood>div:first-child>.direct-answer,.tool-hero-vision>div:first-child>.direct-answer,.tool-hero-palette>div:first-child>.direct-answer,.tool-hero-layout>div:first-child>.direct-answer,.tool-hero-size>div:first-child>.direct-answer,
  .tool-hero-mood>*:last-child,.tool-hero-vision>*:last-child,.tool-hero-palette>*:last-child,.tool-hero-layout>*:last-child,.tool-hero-size>*:last-child,
  .tool-hero-mood .tool-proof-list{grid-column:1;grid-row:auto}
  .vision-principle,.palette-role-key,.layout-hero-sample,.size-concepts{margin-top:0}
}

/* Account access uses the same flat editorial system as the planning tools. */
.nav-login{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid var(--ink);color:var(--ink);font-size:.84rem;font-weight:800;text-decoration:none}.nav-login:hover,.nav-login:focus-visible{border-color:var(--blue);color:var(--blue)}
.auth-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.72fr);gap:clamp(48px,6vw,86px);align-items:start;max-width:1280px;min-height:0;padding-block:clamp(38px,4.5vw,66px)}
.auth-copy{padding-top:4px}.auth-copy h1,.account-page h1{font-size:clamp(3rem,5vw,4.75rem);line-height:1;letter-spacing:-.045em}.auth-copy .direct-answer{max-width:680px;margin-top:22px;font-size:1.05rem;line-height:1.55}.auth-copy ul{display:grid;gap:0;margin:24px 0 0;padding:0;list-style:none}.auth-copy li{padding:13px 0;border-bottom:1px solid var(--line);font-size:.94rem;font-weight:730}.auth-copy li:last-child{border-bottom:0}
.auth-panel{width:100%;max-width:520px;justify-self:end;padding:clamp(26px,3vw,38px);border:1px solid var(--blue);background:#fff}.auth-panel h2{margin:0;font-size:clamp(1.8rem,2.7vw,2.35rem);line-height:1.08}
.google-auth-button{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:54px;margin-top:22px;padding:11px 18px;border:1px solid #747078;background:#fff;color:var(--ink);font-weight:800;text-decoration:none}.google-auth-button:hover,.google-auth-button:focus-visible{border-color:var(--blue);color:var(--blue)}.google-auth-button.is-disabled{border-color:#bbb7c0;color:#77727e}.google-mark{width:20px;height:20px;flex:0 0 20px}
.save-account-dialog{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:clamp(24px,4vw,42px);border:1px solid var(--blue);background:#fff;color:var(--ink);overflow:auto}.save-account-dialog::backdrop{background:rgba(25,22,38,.72)}.save-account-dialog[open]{animation:save-dialog-in .16s ease-out}.save-account-dialog form{position:absolute;top:13px;right:13px}.save-dialog-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:1.55rem;line-height:1;cursor:pointer}.save-dialog-close:hover,.save-dialog-close:focus-visible{border-color:var(--blue);color:var(--blue)}.save-dialog-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border:1px solid var(--blue);background:#f0ebfa;color:var(--blue)}.save-dialog-mark .inline-icon{width:23px;height:23px}.save-account-dialog h2{padding-right:38px;font-size:clamp(1.85rem,4vw,3rem);line-height:1.04}.save-account-dialog>p{color:var(--muted)}.save-account-dialog ul{display:grid;gap:9px;margin:22px 0 0;padding-left:20px}.save-account-dialog li{padding-left:4px}.save-account-dialog .google-auth-button{background:var(--ink);border-color:var(--ink);color:#fff}.save-account-dialog .google-auth-button:hover,.save-account-dialog .google-auth-button:focus-visible{background:var(--blue);border-color:var(--blue);color:#fff}.save-dialog-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.save-dialog-options a,.save-dialog-options button{border:0;background:transparent;color:var(--blue);font:inherit;font-size:.78rem;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.save-dialog-terms{margin:22px 0 0!important;font-size:.72rem}.save-dialog-terms a{color:var(--blue);font-weight:750}@keyframes save-dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.board-new-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.board-new-dialog-actions .button{min-height:48px}
.board-image-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.board-image-dialog-actions .button{min-height:50px}.board-image-dialog-actions .board-image-delete{grid-column:1/-1;border:1px solid #a33b32;background:#fff;color:#8a3028}.board-image-dialog-actions .board-image-delete:hover,.board-image-dialog-actions .board-image-delete:focus-visible{border-color:#8a3028;color:#8a3028}
.auth-message{padding:13px 14px;border:1px solid #b1493f;background:#fff3f1;color:#752c26;font-size:.82rem}.auth-terms,.auth-switch{font-size:.78rem}.auth-terms{margin:16px 0 0;color:var(--muted)}.auth-switch{margin:20px 0 0;padding-top:17px;border-top:1px solid var(--line)}.auth-panel a:not(.google-auth-button),.account-page a{color:var(--blue);font-weight:780}
.auth-details{max-width:1280px;padding:12px 0 clamp(64px,7vw,96px)}.auth-details-heading{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:clamp(30px,5vw,74px);align-items:end;margin-bottom:24px}.auth-details-heading h2{margin:0;font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.04}.auth-details-heading p{max-width:720px;margin:0;color:var(--muted)}.auth-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.auth-details-grid article{min-height:210px;padding:25px;background:#fff}.auth-details-grid article:nth-child(2){background:#f0ebfa}.auth-details-grid article:nth-child(3){background:#edf3e9}.auth-details-grid article:nth-child(4){background:#f4f0e8}.auth-details-grid h3{font-size:1.12rem;line-height:1.2}.auth-details-grid p{margin:12px 0 0;color:#555160;font-size:.88rem;line-height:1.55}.auth-privacy-link{margin:20px 0 0;color:var(--muted);font-size:.78rem}.auth-privacy-link a{color:var(--blue);font-weight:780}
.account-page{min-height:calc(100vh - var(--nav-height));padding-block:clamp(52px,8vw,95px)}.account-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:38px;padding:25px;border:1px solid var(--blue);background:#fff}.account-card img{width:72px;height:72px;object-fit:cover}.account-card h2,.account-card p{margin:0}.account-card p{color:var(--muted)}.account-next{margin-top:26px;padding:clamp(24px,4vw,38px);border:1px solid var(--line);background:#fff}.account-next h2{font-size:2rem}.account-next h3{margin-top:28px}
@media(max-width:980px){.nav-login{display:none}.auth-page{grid-template-columns:1fr;gap:28px;max-width:760px;min-height:0}.auth-copy h1,.account-page h1{font-size:clamp(2.75rem,8vw,4.4rem)}.auth-copy .direct-answer{margin-top:18px}.auth-panel{max-width:680px;justify-self:stretch}.auth-details{max-width:760px}.auth-details-heading{grid-template-columns:1fr;gap:12px}.auth-details-grid{grid-template-columns:1fr 1fr}.auth-details-grid article{min-height:0}}
@media(max-width:600px){.auth-page{gap:24px;padding-block:28px 46px}.auth-copy h1{font-size:clamp(2.55rem,13vw,3.5rem)}.auth-copy .direct-answer{font-size:1rem}.auth-copy ul{margin-top:18px}.auth-copy li{padding:11px 0}.auth-panel{padding:23px 18px}.auth-details{padding-top:0}.auth-details-grid{grid-template-columns:1fr}.auth-details-grid article{padding:22px}.account-card{grid-template-columns:auto 1fr}.account-card form{grid-column:1/-1}.account-card .button{width:100%}}
@media(max-width:520px){.save-account-dialog{padding:22px 18px}.save-account-dialog h2{font-size:2rem}.save-dialog-options{align-items:flex-start;flex-direction:column}.save-account-dialog .google-auth-button{min-height:52px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.save-account-dialog[open]{animation:none}}

/* Signed-in file manager, adapted from the SHAREITONL workspace structure. */
.dashboard{min-height:calc(100vh - var(--nav-height));background:#f7f5fa}.dashboard-appbar{position:sticky;top:var(--nav-height);z-index:90;display:grid;grid-template-columns:minmax(220px,auto) minmax(260px,620px) auto;align-items:center;gap:24px;min-height:74px;padding:12px max(20px,calc((100% - 1460px)/2));border-bottom:1px solid var(--line);background:#fff}.dashboard-identity{display:flex;align-items:center;gap:11px;min-width:0}.dashboard-identity img,.dashboard-avatar{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);object-fit:cover}.dashboard-avatar{display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900}.dashboard-identity div{min-width:0}.dashboard-identity strong,.dashboard-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-identity strong{font-size:.86rem}.dashboard-identity span{max-width:240px;color:var(--muted);font-size:.7rem}.dashboard-search{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid #bfb9c9;background:#fff}.dashboard-search:focus-within{border-color:var(--blue)}.dashboard-search .inline-icon{color:var(--muted)}.dashboard-search input{width:100%;min-width:0;border:0;outline:0;background:transparent}.dashboard-appbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.dashboard-appbar-actions form{margin:0}.dashboard-appbar-actions .button{min-height:44px;padding:9px 14px;font-size:.76rem}
.dashboard-shell{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1460px;min-height:calc(100vh - var(--nav-height) - 74px);margin:0 auto}.dashboard-rail{position:sticky;top:calc(var(--nav-height) + 74px);align-self:start;display:flex;flex-direction:column;gap:0;min-height:calc(100vh - var(--nav-height) - 74px);padding:28px 16px 20px;border-right:1px solid var(--line);background:#fff}.dashboard-rail-heading{padding:0 10px 18px}.dashboard-rail-heading h2{margin:0;font-size:1.2rem;line-height:1.15}.dashboard-rail-heading p{margin:6px 0 0;color:var(--muted);font-size:.7rem;line-height:1.45}.dashboard-filter-list{display:grid;gap:5px}.dashboard-filter{display:grid;grid-template-columns:20px minmax(0,1fr) 26px;align-items:center;gap:10px;width:100%;min-height:46px;padding:9px 10px;border:1px solid transparent;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.dashboard-filter:hover,.dashboard-filter:focus-visible{border-color:var(--line);background:#faf8fd}.dashboard-filter.active{border-color:var(--blue);background:#f0ebfa}.dashboard-filter .inline-icon{width:18px;height:18px;color:var(--blue)}.dashboard-filter span{font-size:.76rem;font-weight:780}.dashboard-filter b{display:grid;place-items:center;min-width:26px;height:26px;border:1px solid var(--line);color:var(--muted);font-size:.66rem;text-align:center}.dashboard-filter.active b{border-color:var(--blue);background:#fff;color:var(--blue)}.dashboard-rail-note{margin-top:auto;padding:16px;border:1px solid var(--line);background:var(--paper)}.dashboard-rail-note strong{font-size:.76rem}.dashboard-rail-note p{margin:5px 0 0;color:var(--muted);font-size:.68rem;line-height:1.45}
.dashboard-main{min-width:0;padding:clamp(28px,4vw,54px)}.dashboard-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.dashboard-intro h1{margin:0 0 8px;font-size:clamp(2.4rem,4.5vw,4.7rem)}.dashboard-intro p{margin:0}.dashboard-view-actions{display:flex;border:1px solid var(--line);background:#fff}.dashboard-view-actions button{min-height:40px;padding:8px 14px;border:0;background:#fff;font-size:.74rem;font-weight:800;cursor:pointer}.dashboard-view-actions button+button{border-left:1px solid var(--line)}.dashboard-view-actions button.active{background:var(--ink);color:#fff}
.dashboard-browser-import{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:16px 18px;border:1px solid var(--blue);background:#f0ebfa}.dashboard-browser-import>div{display:flex;align-items:center;gap:12px}.dashboard-browser-import .inline-icon{width:1.2em;height:1.2em;color:var(--blue)}.dashboard-browser-import strong,.dashboard-browser-import small{display:block}.dashboard-browser-import small{margin-top:2px;color:var(--muted);font-size:.72rem}
.dashboard-files{border:1px solid var(--line);background:#fff}.dashboard-table-head,.dashboard-file{display:grid;grid-template-columns:minmax(280px,2fr) minmax(120px,.75fr) 110px 90px minmax(210px,auto);align-items:center;gap:18px}.dashboard-table-head{min-height:42px;padding:8px 16px;background:#eeebf2;color:var(--muted);font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.dashboard-file{min-height:78px;padding:12px 16px;border-top:1px solid var(--line);font-size:.76rem}.dashboard-file:hover{background:#faf8fd}.dashboard-file[hidden]{display:none}.dashboard-file-name{display:flex;align-items:center;gap:12px;min-width:0}.dashboard-file-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--blue);background:#f0ebfa;color:var(--blue)}.dashboard-file-name>span:last-child{min-width:0}.dashboard-file-name strong,.dashboard-file-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-file-name strong{font-size:.84rem}.dashboard-file-name small{margin-top:3px;color:var(--muted);font-size:.68rem}.dashboard-file-kind{font-weight:760;text-transform:capitalize}.dashboard-file time,.dashboard-file>span{color:var(--muted)}.dashboard-file-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.dashboard-file-actions a,.dashboard-file-actions button{min-height:34px;padding:6px 9px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:780;text-decoration:none;cursor:pointer}.dashboard-file-actions a:hover,.dashboard-file-actions button:hover{border-color:var(--blue);color:var(--blue)}.dashboard-file-actions button:last-child{color:#8a3028}.dashboard-empty,.dashboard-no-results{padding:70px 24px;text-align:center}.dashboard-empty>.inline-icon{width:48px;height:48px;margin:0 auto 18px;color:var(--blue)}.dashboard-empty h2,.dashboard-no-results h2{font-size:1.65rem}.dashboard-empty p,.dashboard-no-results p{max-width:520px;margin-inline:auto}.dashboard-empty .button{margin-top:10px}
.dashboard-files[data-view=grid]{border:0;background:transparent}.dashboard-files[data-view=grid] .dashboard-table-head{display:none}.dashboard-files[data-view=grid] .dashboard-file-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-files[data-view=grid] .dashboard-file{display:grid;grid-template-columns:1fr;align-content:start;gap:14px;min-height:230px;padding:22px;border:1px solid var(--line);background:#fff}.dashboard-files[data-view=grid] .dashboard-file[hidden]{display:none}.dashboard-files[data-view=grid] .dashboard-file-name{align-items:flex-start}.dashboard-files[data-view=grid] .dashboard-file-icon{width:54px;height:54px;flex-basis:54px}.dashboard-files[data-view=grid] .dashboard-file-actions{justify-content:flex-start;align-self:end;margin-top:auto;flex-wrap:wrap}
.dashboard-context-menu{position:fixed;z-index:600;display:grid;min-width:210px;padding:6px;border:1px solid var(--ink);background:#fff}.dashboard-context-menu[hidden]{display:none}.dashboard-context-menu button,.dashboard-context-menu a{display:block;width:100%;min-height:39px;padding:8px 10px;border:0;background:#fff;color:var(--ink);font:inherit;font-size:.76rem;font-weight:750;text-align:left;text-decoration:none;cursor:pointer}.dashboard-context-menu button:hover,.dashboard-context-menu a:hover{background:var(--paper-2);color:var(--blue)}.dashboard-toast{position:fixed;right:18px;bottom:18px;z-index:610;max-width:min(420px,calc(100vw - 36px));margin:0;padding:12px 16px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:.76rem}
@media(max-width:1100px){.dashboard-appbar{grid-template-columns:auto minmax(220px,1fr)}.dashboard-appbar-actions{grid-column:1/-1;justify-content:flex-start}.dashboard-shell{grid-template-columns:210px minmax(0,1fr)}.dashboard-main{padding:32px 24px}.dashboard-table-head,.dashboard-file{grid-template-columns:minmax(230px,1.7fr) 110px minmax(190px,auto)}.dashboard-table-head span:nth-child(3),.dashboard-table-head span:nth-child(4),.dashboard-file>time,.dashboard-file>span:not(.dashboard-file-kind){display:none}.dashboard-files[data-view=grid] .dashboard-file-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-appbar{position:static;display:flex;flex-wrap:wrap;padding:12px 14px}.dashboard-identity{order:1}.dashboard-appbar-actions{order:2;margin-left:auto}.dashboard-search{order:3;width:100%}.dashboard-appbar-actions .button-primary{display:none}.dashboard-shell{display:block}.dashboard-rail{position:static;display:block;min-height:0;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.dashboard-rail-heading,.dashboard-rail-note{display:none}.dashboard-filter-list{display:flex;gap:6px;width:max-content}.dashboard-filter{flex:0 0 auto;width:auto;grid-template-columns:18px auto 26px}.dashboard-main{padding:28px 14px 60px}.dashboard-intro{align-items:flex-start}.dashboard-intro h1{font-size:2.55rem}.dashboard-table-head{display:none}.dashboard-file{grid-template-columns:1fr;gap:10px;padding:17px}.dashboard-file-kind{padding-left:54px}.dashboard-file-actions{justify-content:flex-start;padding-left:54px;flex-wrap:wrap}.dashboard-files[data-view=grid] .dashboard-file-list{grid-template-columns:1fr}.dashboard-browser-import{align-items:flex-start;flex-direction:column}.dashboard-browser-import .button{width:100%}}
@media(max-width:480px){.dashboard-identity span{max-width:150px}.dashboard-appbar-actions .button{padding:8px 10px}.dashboard-intro{display:block}.dashboard-view-actions{margin-top:18px;width:max-content}.dashboard-file-actions{padding-left:0}.dashboard-file-kind{padding-left:0}}
/* Specialist board workbenches */
.suite-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,34%);gap:clamp(28px,5vw,88px);align-items:center;padding-top:clamp(56px,8vw,118px);padding-bottom:clamp(42px,6vw,86px)}
.suite-hero h1{max-width:none;margin:0 0 24px;font-size:clamp(3rem,6.2vw,7rem);line-height:.92;letter-spacing:-.065em}
.suite-hero .direct-answer{max-width:980px;margin:0;font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.55}
.suite-tool{margin-bottom:clamp(72px,9vw,140px);border:1px solid var(--line);background:#fff;color:var(--ink)}
.suite-tool label{display:grid;gap:8px;font-weight:700}.suite-tool input,.suite-tool textarea,.suite-tool select{width:100%;border:1px solid #b9b5c5;background:#fff;color:var(--ink);padding:13px 14px;font:inherit}.suite-tool textarea{min-height:92px;resize:vertical}.suite-tool input[type=color]{min-height:46px;padding:3px}.suite-tool input[type=range]{padding:0;border:0;accent-color:var(--purple)}
.suite-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.suite-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.suite-status{grid-column:1/-1;margin:0;padding:14px 18px;background:var(--cream);color:var(--muted)}.suite-empty{display:grid;place-items:center;align-content:center;min-height:360px;text-align:center;padding:30px}.suite-empty strong{font-size:1.4rem}.suite-empty p{max-width:460px;color:var(--muted)}
.vision-principle,.suite-hero blockquote{border-left:1px solid var(--purple);margin:0;padding:30px;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.45;background:#f2edff}.vision-studio{display:grid;grid-template-columns:minmax(320px,38%) minmax(0,1fr)}.vision-studio .suite-controls{padding:32px;display:grid;gap:20px;border-right:1px solid var(--line)}.vision-studio-board{padding:32px;background:#f3eddf}.vision-studio-board header{padding:30px;background:var(--ink);color:#fff}.vision-studio-board header h2{font-size:clamp(2rem,4vw,4rem);margin:10px 0 0}.vision-studio-board>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.vision-studio-board article{min-height:180px;padding:22px;background:#fff;border-top:4px solid var(--purple)}.vision-studio-board article:nth-child(2n){border-color:var(--coral)}.vision-studio-board article:nth-child(3n){border-color:var(--sage)}
.collage-hero{background:#f0ebff}.collage-pattern{display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:260px}.collage-pattern span{background:#6437e8}.collage-pattern span:nth-child(2){background:#ff7f70}.collage-pattern span:nth-child(3){background:#d9cfb8}.collage-pattern span:nth-child(4){background:#315a50}.collage-maker{background:#282238;color:#fff}.collage-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:end;padding:20px}.collage-toolbar label{min-width:150px}.collage-toolbar select{color:var(--ink)}.collage-stage{--collage-gap:12px;display:grid;gap:var(--collage-gap);padding:var(--collage-gap);min-height:660px;color:var(--ink)}.collage-stage[data-layout=grid]{grid-template-columns:repeat(3,1fr)}.collage-stage[data-layout=strip]{grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr)}.collage-stage[data-layout=hero]{grid-template-columns:2fr 1fr}.collage-stage[data-layout=hero] figure:first-child{grid-row:span 3}.collage-stage[data-layout=editorial]{grid-template-columns:1.4fr 1fr 1fr}.collage-stage[data-layout=editorial] figure:nth-child(4n+1){grid-row:span 2}.collage-stage figure{margin:0;position:relative;min-height:190px;overflow:hidden;background:#fff}.collage-stage img{width:100%;height:100%;object-fit:cover}.collage-stage figcaption{position:absolute;left:0;bottom:0;background:rgba(33,29,51,.9);color:#fff;padding:7px 10px}.collage-maker footer{display:flex;gap:20px;align-items:center;padding:16px 20px}.collage-maker footer .suite-status{margin-left:auto;color:var(--ink)}
.brief-hero{background:#f6f1e8}.brief-progress{display:grid;place-items:center;border:1px solid var(--purple);aspect-ratio:1;max-width:240px;margin:auto}.brief-progress strong{font-size:4rem}.brief-builder{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,.9fr)}.brief-form{padding:30px;display:grid;gap:20px}.brief-form fieldset{display:grid;gap:14px;border:0;border-top:1px solid var(--line);padding:22px 0 0}.brief-form legend{font-size:1.35rem;font-weight:800;padding-right:12px}.brief-document{background:#f5f0e7;padding:clamp(30px,5vw,70px)}.brief-document h2{font-size:clamp(2rem,4vw,4rem)}.brief-document dl{display:grid;gap:18px}.brief-document dl div{border-top:1px solid #c8c0b2;padding-top:12px}.brief-document dt{font-weight:800}.brief-document dd{margin:5px 0 0;line-height:1.55}.brief-builder>.suite-actions{grid-column:2;padding:0 40px 30px;background:#f5f0e7}
.audit-hero{background:#eaf1e6}.audit-dial{display:grid;place-items:center;align-content:center;border:1px solid #315a50;aspect-ratio:1;max-width:240px;margin:auto}.audit-dial strong{font-size:5rem}.audit-dial span{color:var(--muted)}.quality-checker{display:grid;grid-template-columns:minmax(380px,1fr) minmax(330px,.75fr)}.audit-list{padding:32px}.audit-list>label{grid-template-columns:1fr minmax(160px,.8fr) 100px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.audit-list>label span small{display:block;color:var(--muted);font-weight:500}.audit-report{padding:40px;background:var(--ink);color:#fff}.audit-report>strong{display:block;font-size:1.5rem;margin-bottom:20px}.audit-report ol{padding-left:22px}.audit-report li{margin:20px 0}.audit-report li span{display:block;color:#d9d3e4;margin-top:5px}
.type-hero{background:#fff}.type-sample-mark{font:700 clamp(8rem,16vw,18rem)/.7 Georgia,serif;color:var(--purple);margin:0;text-align:center}.typography-builder{display:grid;grid-template-columns:320px minmax(0,1fr)}.type-controls{padding:30px;background:#f0ebff;display:grid;gap:18px}.type-specimen{--heading-font:Georgia,serif;--body-font:Arial,sans-serif;--type-scale:62px;--type-leading:1.58;padding:clamp(40px,7vw,110px);font-family:var(--body-font)}.type-specimen h2{font-family:var(--heading-font);font-size:var(--type-scale);line-height:1.03;max-width:none}.type-specimen>p{font-size:1.25rem;line-height:var(--type-leading);max-width:760px}.specimen-label{text-transform:uppercase;letter-spacing:.13em}.specimen-actions{display:flex;gap:20px;align-items:center;margin:36px 0}.specimen-actions button{background:var(--purple);color:#fff;border:0;padding:16px 20px}.type-specimen dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.type-specimen dl div{padding:20px 0}
.comparison-hero{background:#eef1ff}.comparison-key{display:flex;flex-direction:column}.comparison-key span{padding:20px;border:1px solid #b8b1d4;margin-top:-1px;font-weight:800}.comparison-tool{display:grid;grid-template-columns:minmax(620px,1fr) 360px}.comparison-matrix{overflow:auto}.comparison-row{display:grid;grid-template-columns:180px repeat(3,minmax(130px,1fr));border-bottom:1px solid var(--line)}.comparison-row>*{padding:18px;border-right:1px solid var(--line)}.comparison-row label small{display:block}.comparison-row output{text-align:center;font-weight:800}.comparison-head{background:#282238;color:#fff}.comparison-head input{background:transparent;color:#fff;border-color:#5d566c}.comparison-total{background:#f0ebff}.comparison-decision{padding:30px;background:#f7f3ea;display:grid;align-content:start;gap:18px}
.source-hero{background:#f4efe6}.source-summary{display:grid;border-left:1px solid var(--coral);padding:30px}.source-summary strong{font-size:5rem}.source-summary b{margin-top:15px;color:#a14334}.source-tracker>header,.material-tool>header,.contact-tool>header{display:flex;gap:15px;align-items:end;padding:22px;flex-wrap:wrap}.source-tracker>header>label,.material-tool>header>label{flex:1}.source-table-wrap{overflow:auto}.source-table{width:100%;border-collapse:collapse}.source-table th{background:#282238;color:#fff;text-align:left}.source-table th,.source-table td{padding:14px;border:1px solid var(--line);vertical-align:top}.source-table td:first-child{min-width:260px}.source-table td:nth-child(3){min-width:210px}.source-table td input,.source-table td select,.source-table td textarea{margin-bottom:8px}
.presentation-hero{background:#282238;color:#fff}.slide-counter{display:flex;align-items:end;gap:12px}.slide-counter strong{font-size:8rem;line-height:.75;color:#ff7f70}.presentation-builder{display:grid;grid-template-columns:260px 360px minmax(400px,1fr)}.slide-list{display:flex;flex-direction:column;background:#f0ebff}.slide-list button{display:flex;gap:14px;text-align:left;padding:20px;border:0;border-bottom:1px solid #cbc3df;background:transparent}.slide-list button.active{color:var(--purple);font-weight:800;background:#fff}.presentation-editor{padding:28px;display:grid;align-content:start;gap:20px}.presentation-editor section{display:grid;gap:18px}.presentation-stage{min-height:590px;padding:clamp(40px,6vw,90px);background:#282238;color:#fff;display:grid;align-content:center}.presentation-stage>span{text-transform:uppercase;letter-spacing:.12em;color:#b8aed0}.presentation-stage h2{font-size:clamp(3rem,6vw,6.5rem);max-width:none}.presentation-stage p{font-size:1.35rem;line-height:1.6}.presentation-stage small{margin-top:50px;color:#b8aed0}
.image-prep-hero{background:#eaf1e6}.image-prep-hero dl{display:grid;grid-template-columns:1fr 1fr;border:1px solid #315a50}.image-prep-hero dl div{padding:20px}.image-prep-hero dl div+div{border-left:1px solid #315a50}.image-prep-hero dt{font-weight:800}.image-prep-hero dd{margin:5px 0}.image-prep{display:grid;grid-template-columns:340px minmax(0,1fr)}.image-prep-controls{padding:28px;display:grid;gap:18px;background:#f7f3ea}.image-drop{min-height:180px;border:1px dashed var(--purple);place-items:center;align-content:center;text-align:center;padding:20px}.image-drop svg{width:38px;height:38px}.image-prep-preview{padding:30px;background:#282238;display:grid;place-items:center}.image-prep-preview canvas{max-width:100%;max-height:670px;background:#fff}.image-prep-preview p{color:#fff}
.style-hero{background:#fff}.style-stripes{display:grid;height:180px;grid-template-columns:2fr 1fr 1fr}.style-stripes span:nth-child(1){background:#6437e8}.style-stripes span:nth-child(2){background:#ff7f70}.style-stripes span:nth-child(3){background:#211d33}.style-tile-tool{display:grid;grid-template-columns:380px minmax(0,1fr)}.style-controls{padding:28px;background:#f0ebff;display:grid;gap:17px}.color-control-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.style-tile-preview{--tile-canvas:#f7f3ea;--tile-ink:#211d33;--tile-primary:#6437e8;--tile-accent:#ff7f70;--tile-font:Arial,sans-serif;padding:clamp(35px,6vw,90px);background:var(--tile-canvas);color:var(--tile-ink);font-family:var(--tile-font)}.style-tile-preview h2{font-size:clamp(3rem,7vw,7rem);max-width:none}.style-button-row{display:flex;gap:12px;margin:30px 0}.style-button-row button{padding:15px 22px;border:1px solid var(--tile-primary);background:var(--tile-primary);color:#fff}.style-button-row button+button{background:transparent;color:var(--tile-primary)}.style-image-rule{border-left:8px solid var(--tile-accent);padding:22px;background:#fff}.style-tile-preview blockquote{font-size:1.5rem;margin:35px 0 0;padding-top:25px;border-top:1px solid var(--tile-ink)}
.material-hero{background:#f3eee4}.material-samples{display:grid;grid-template-columns:repeat(2,1fr);height:260px}.material-samples span:nth-child(1){background:#d9c7aa}.material-samples span:nth-child(2){background:#315a50}.material-samples span:nth-child(3){background:#aa6b50}.material-samples span:nth-child(4){background:#d6d0c7}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.material-card{background:#fff;padding:22px;display:grid;gap:13px}.material-card>input[type=color]{height:90px}.material-risk{padding:32px;background:#f3eee4}.material-risk strong{font-size:2rem}
.contact-hero{background:#eef1ff}.contact-index{display:grid;grid-template-columns:repeat(2,1fr)}.contact-index span{display:grid;place-items:center;aspect-ratio:1.6;background:#fff;border:1px solid #bcb6d1;font-size:2rem}.contact-sheet{--contact-columns:4;display:grid;grid-template-columns:repeat(var(--contact-columns),minmax(0,1fr));gap:1px;background:var(--line)}.contact-card{background:#fff;padding:14px;display:grid;gap:10px}.contact-image{height:190px;position:relative;background:#eee}.contact-image img{width:100%;height:100%;object-fit:cover}.contact-image b{position:absolute;top:8px;left:8px;background:#282238;color:#fff;padding:6px 9px}.contact-card textarea{min-height:70px}
.authority-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.authority-columns p{border-top:1px solid var(--purple);padding-top:18px}
.tool-practice-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.tool-practice-directory article{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-practice-directory h3{margin-top:0}.tool-practice-directory p{color:var(--muted)}
@media(max-width:1050px){.comparison-tool{grid-template-columns:1fr}.comparison-decision{grid-column:1}.presentation-builder{grid-template-columns:220px 1fr}.presentation-stage{grid-column:1/-1}.material-grid{grid-template-columns:repeat(2,1fr)}.contact-sheet{--contact-columns:3!important}}
@media(max-width:800px){.suite-hero{grid-template-columns:1fr}.suite-hero h1{font-size:clamp(3rem,13vw,5rem)}.suite-field-row,.vision-studio,.brief-builder,.quality-checker,.typography-builder,.image-prep,.style-tile-tool{grid-template-columns:1fr}.vision-studio .suite-controls{border-right:0;border-bottom:1px solid var(--line)}.vision-studio-board>div{grid-template-columns:1fr 1fr}.brief-builder>.suite-actions{grid-column:1}.comparison-row{grid-template-columns:140px repeat(3,130px)}.presentation-builder{grid-template-columns:1fr}.slide-list{display:grid;grid-template-columns:1fr 1fr}.presentation-stage{min-height:450px}.material-grid,.authority-columns,.tool-practice-directory{grid-template-columns:1fr}.contact-sheet{--contact-columns:2!important}.collage-stage[data-layout]{grid-template-columns:1fr 1fr}.collage-stage[data-layout] figure{grid-row:auto!important}.suite-tool{margin-left:0;margin-right:0}.type-specimen{padding:35px}.color-control-row{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.vision-studio-board>div,.collage-stage[data-layout]{grid-template-columns:1fr}.slide-list{grid-template-columns:1fr}.suite-actions .button{width:100%}.source-tracker>header,.material-tool>header,.contact-tool>header{align-items:stretch}.contact-sheet{--contact-columns:1!important}}

/* Homepage task launcher */
.home-task-launcher{padding-top:150px;padding-bottom:50px}.home-task-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.home-task-heading>div{max-width:920px}.home-task-heading h2{max-width:none;margin-bottom:12px;font-size:clamp(2.5rem,5vw,5.4rem)}.home-task-heading p{max-width:780px;margin:0;color:var(--muted);font-size:1.08rem}.home-task-workspace{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(420px,1.18fr);border:1px solid var(--line);background:#fff}.home-task-list{display:grid;grid-template-columns:1fr 1fr;border-right:1px solid var(--line)}.home-task-list button{display:flex;align-items:center;gap:13px;min-height:92px;padding:18px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer}.home-task-list button:nth-child(2n){border-right:0}.home-task-list button:nth-last-child(-n+2){border-bottom:0}.home-task-list button:hover strong{color:var(--purple)}.home-task-list button.active{background:#f4efff}.home-task-list button.active strong{color:var(--purple)}.home-task-list .inline-icon{flex:0 0 auto;width:1.1em;height:1.1em;font-size:1.1rem}.home-task-list span,.home-task-list strong,.home-task-list small{display:block}.home-task-list small{margin-top:4px;color:var(--muted);font-size:.72rem;font-weight:600}.home-task-panel{display:grid;align-content:start;gap:20px;padding:clamp(28px,4vw,58px);background:var(--ink);color:#fff}.home-task-selected{display:flex;align-items:start;gap:16px}.home-task-selected .inline-icon{flex:0 0 auto;width:1.45em;height:1.45em;color:#c7b5ff;font-size:1.45rem}.home-task-selected span,.home-task-selected strong,.home-task-selected small{display:block}.home-task-selected strong{font-size:clamp(1.55rem,3vw,2.7rem);line-height:1.05}.home-task-selected small{max-width:620px;margin-top:9px;color:#ccc6d7;font-size:.92rem;line-height:1.5}.home-task-panel label{display:grid;gap:8px;font-weight:800}.home-task-panel input,.home-task-panel textarea{width:100%;border:1px solid #625c70;background:#342f46;color:#fff;padding:14px 15px;font:inherit}.home-task-panel input::placeholder,.home-task-panel textarea::placeholder{color:#a9a3b4}.home-task-panel textarea{min-height:92px;resize:vertical}.home-task-first{padding:15px 0;border-top:1px solid #565064;border-bottom:1px solid #565064}.home-task-first strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.home-task-first p{margin:6px 0 0;color:#d6d1df}.home-task-panel .button{justify-self:start}.home-task-panel>p{margin:0;color:#aaa4b5;font-size:.78rem}.home-resume{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 24px;border:1px solid var(--purple);border-top:0;background:#f2ecff}.home-resume>div{display:flex;align-items:center;gap:13px}.home-resume span,.home-resume strong,.home-resume small{display:block}.home-resume small{margin-top:3px;color:var(--muted)}.home-answer{padding-top:70px}
@media(max-width:900px){.home-task-workspace{grid-template-columns:1fr}.home-task-list{border-right:0;border-bottom:1px solid var(--line)}.home-task-heading{align-items:start;flex-direction:column}.home-task-heading .text-link{margin-top:-12px}}
@media(max-width:600px){.home-task-launcher{padding-top:95px}.home-task-list{grid-template-columns:1fr}.home-task-list button{border-right:0}.home-task-list button:nth-last-child(2){border-bottom:1px solid var(--line)}.home-task-panel{padding:25px 18px}.home-task-panel .button{width:100%}.home-resume{align-items:stretch;flex-direction:column}.home-resume .button{width:100%}}

/* Mood board full-screen workspace */
.board-workspace-view{display:grid;gap:7px;justify-items:end}.board-workspace-view>span{color:var(--muted);font-size:.7rem}.board-workspace-view .board-background{justify-content:flex-end}.board-fullscreen-enter{min-height:38px;padding:7px 12px;border:1px solid var(--purple);background:#fff;color:var(--ink);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.board-fullscreen-enter:hover,.board-fullscreen-enter:focus-visible{color:var(--purple)}.board-fullscreen-exit{position:fixed;top:12px;right:12px;z-index:1002;display:grid;width:46px;height:46px;place-items:center;border:1px solid #fff;background:var(--ink);color:#fff;font-size:2rem;line-height:1;cursor:pointer}.board-fullscreen-exit:hover,.board-fullscreen-exit:focus-visible{color:#c7b5ff;border-color:#c7b5ff}.board-fullscreen-exit[hidden]{display:none}.has-fullscreen-workspace{overflow:hidden}.board-app.is-fullscreen-workspace,.board-app:fullscreen{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;width:100vw;max-width:none;height:100vh;margin:0;padding:0;background:#fff;overflow:hidden}.board-app.is-fullscreen-workspace .board-app-header,.board-app:fullscreen .board-app-header{padding-right:74px;border:0;border-bottom:1px solid var(--line)}.board-app.is-fullscreen-workspace .board-toolbar,.board-app:fullscreen .board-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.board-app.is-fullscreen-workspace .board-toolbar>* ,.board-app:fullscreen .board-toolbar>*{flex:0 0 auto}.board-app.is-fullscreen-workspace .board-workspace-layout,.board-app:fullscreen .board-workspace-layout{min-height:0;height:100%}.board-app.is-fullscreen-workspace .board-stage,.board-app:fullscreen .board-stage{height:100%;min-height:0}.board-app.is-fullscreen-workspace .board-inspector,.board-app:fullscreen .board-inspector{height:100%;overflow-y:auto}.board-app.is-fullscreen-workspace .board-status-row,.board-app:fullscreen .board-status-row{padding:7px 16px;border-top:1px solid var(--line);background:#fff}.board-app.is-fullscreen-workspace .board-status-row p,.board-app:fullscreen .board-status-row p{margin:0}.board-app.is-fullscreen-workspace .board-browser-note,.board-app:fullscreen .board-browser-note{margin:0;padding:7px 16px;background:#f5f1eb;font-size:.7rem}
@media(max-width:760px){.board-workspace-view{justify-items:start}.board-app.is-fullscreen-workspace,.board-app:fullscreen{display:block;overflow-y:auto}.board-app.is-fullscreen-workspace .board-app-header,.board-app:fullscreen .board-app-header{padding-right:70px}.board-app.is-fullscreen-workspace .board-toolbar,.board-app:fullscreen .board-toolbar{position:sticky;top:0;z-index:5}.board-app.is-fullscreen-workspace .board-stage,.board-app:fullscreen .board-stage{height:65vh;min-height:520px}.board-app.is-fullscreen-workspace .board-inspector,.board-app:fullscreen .board-inspector{height:auto;max-height:none;overflow:visible}}

/* Shared full-screen controls for every interactive workspace */
.workspace-fullscreen-frame{position:relative}.workspace-fullscreen-launch{display:flex;justify-content:flex-end;padding-top:8px;padding-bottom:8px}.workspace-fullscreen-enter{min-height:40px;padding:8px 13px;border:1px solid var(--purple);background:#fff;color:var(--ink);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.workspace-fullscreen-enter:hover,.workspace-fullscreen-enter:focus-visible{color:var(--purple)}.workspace-fullscreen-exit{position:fixed;top:12px;right:12px;z-index:1102;display:grid;width:46px;height:46px;place-items:center;border:1px solid #fff;background:var(--ink);color:#fff;font-size:2rem;line-height:1;cursor:pointer}.workspace-fullscreen-exit:hover,.workspace-fullscreen-exit:focus-visible{color:#c7b5ff;border-color:#c7b5ff}.workspace-fullscreen-exit[hidden],.workspace-fullscreen-launch[hidden]{display:none}.workspace-fullscreen-frame.is-fullscreen-workspace,.workspace-fullscreen-frame:fullscreen{position:fixed;inset:0;z-index:1100;width:100vw;height:100vh;margin:0;padding:0;background:#fff;overflow:auto}.workspace-fullscreen-frame.is-fullscreen-workspace>.shell,.workspace-fullscreen-frame:fullscreen>.shell{width:100%;max-width:none;margin-left:0;margin-right:0}.workspace-fullscreen-frame.is-fullscreen-workspace>[data-vision-generator],.workspace-fullscreen-frame:fullscreen>[data-vision-generator],.workspace-fullscreen-frame.is-fullscreen-workspace>[data-palette-app],.workspace-fullscreen-frame:fullscreen>[data-palette-app],.workspace-fullscreen-frame.is-fullscreen-workspace>[data-layout-planner],.workspace-fullscreen-frame:fullscreen>[data-layout-planner],.workspace-fullscreen-frame.is-fullscreen-workspace>[data-size-calculator],.workspace-fullscreen-frame:fullscreen>[data-size-calculator],.workspace-fullscreen-frame.is-fullscreen-workspace>[data-advanced-tool],.workspace-fullscreen-frame:fullscreen>[data-advanced-tool]{min-height:100vh;padding-top:58px}.workspace-fullscreen-frame.is-fullscreen-workspace .suite-status,.workspace-fullscreen-frame:fullscreen .suite-status{position:relative;z-index:1}
.layout-preview-heading>.workspace-fullscreen-launch.is-inline{display:flex;width:auto;flex:0 0 auto;align-items:center;gap:12px;padding:0}.layout-preview-heading>.workspace-fullscreen-launch.is-inline p{max-width:320px;text-align:right}
@media(max-width:760px){.workspace-fullscreen-launch{padding-inline:14px}.workspace-fullscreen-frame.is-fullscreen-workspace>[data-vision-generator],.workspace-fullscreen-frame:fullscreen>[data-vision-generator],.workspace-fullscreen-frame.is-fullscreen-workspace>[data-palette-app],.workspace-fullscreen-frame:fullscreen>[data-palette-app],.workspace-fullscreen-frame.is-fullscreen-workspace>[data-layout-planner],.workspace-fullscreen-frame:fullscreen>[data-layout-planner],.workspace-fullscreen-frame.is-fullscreen-workspace>[data-size-calculator],.workspace-fullscreen-frame:fullscreen>[data-size-calculator],.workspace-fullscreen-frame.is-fullscreen-workspace>[data-advanced-tool],.workspace-fullscreen-frame:fullscreen>[data-advanced-tool]{padding-top:66px}}
@media(max-width:760px){.layout-preview-heading>.workspace-fullscreen-launch.is-inline{display:flex;margin-top:12px;align-items:flex-start;justify-content:space-between;padding-inline:0}.layout-preview-heading>.workspace-fullscreen-launch.is-inline p{text-align:left}}

/* Decision-led template finder */
.template-finder{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(460px,1.3fr);gap:34px;margin-top:38px;padding:32px;border:1px solid var(--purple);background:#f4efff}.template-finder h2{max-width:none;margin:0 0 10px;font-size:clamp(2rem,4vw,4rem)}.template-finder>div>p{max-width:620px;margin:0;color:var(--muted)}.template-finder form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start}.template-finder label{display:grid;gap:7px;font-size:.76rem;font-weight:800}.template-finder select{width:100%;min-height:46px;border:1px solid #aaa2bd;background:#fff;color:var(--ink);padding:8px 10px;font:inherit}.template-finder form .button{grid-column:1/-1;justify-self:start}.template-finder-result{grid-column:2;padding:18px;border:1px solid #aaa2bd;background:#fff}.template-finder-result strong{display:block;font-size:1.25rem}.template-finder-result p{margin:5px 0 9px}.template-library article.is-recommended{border-color:var(--purple);background:#f9f6ff}.template-library article.is-recommended h3{color:var(--purple)}
@media(max-width:850px){.template-finder{grid-template-columns:1fr}.template-finder-result{grid-column:1}.template-finder form{grid-template-columns:1fr 1fr}.template-finder form label:last-of-type{grid-column:1/-1}}
@media(max-width:560px){.template-finder{margin-top:20px;padding:22px 16px}.template-finder form{grid-template-columns:1fr}.template-finder form label:last-of-type{grid-column:1}.template-finder form .button{width:100%}}

/* Interactive panels are exposed only when their related browser state is active. */
.home-resume.is-inactive,.presentation-editor section.is-inactive{display:none}

/* Keep the homepage hero on the same neutral canvas as the page. */
.product-hero{background:transparent}
.product-hero:before,.product-hero:after{display:none}
/* Original examples, public template methods, and AI concept workspace */
.example-gallery{display:grid;gap:3rem}.example-gallery-item{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);gap:2rem;align-items:start;border:1px solid var(--line);padding:1.25rem}.example-gallery-item img,.template-detail-visual img,.article-visual-grid img,.template-image-link img,.ai-board-result img{display:block;width:100%;height:auto;border:1px solid var(--line)}.example-gallery-item h2{margin-top:0}.example-gallery-item ul{padding-left:1.2rem}.example-primary-action{display:grid;gap:.65rem;margin:1.35rem 0 1.5rem}.example-primary-action .button{width:100%;min-height:56px;font-size:.92rem}.example-primary-action p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.example-support-links{margin-bottom:0}.template-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.template-detail-visual{margin:0 0 2.5rem}.template-detail-visual figcaption,.article-visual-grid figcaption,.ai-board-result figcaption{padding:.75rem 0;color:var(--muted)}.template-image-link{display:block}.template-image-link img{aspect-ratio:3/2;object-fit:cover}.article-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.article-visual-grid figure{margin:0}.ai-board-hero{align-items:end}.ai-availability{border-left:3px solid var(--purple);padding-left:1rem}.ai-board-workspace{display:grid;grid-template-columns:minmax(20rem,.75fr) minmax(0,1.25fr);border:1px solid var(--line);background:#fff}.ai-board-form{display:grid;gap:1rem;padding:1.5rem;border-right:1px solid var(--line)}.ai-board-form label{display:grid;gap:.45rem;font-weight:700}.ai-board-form textarea{width:100%;resize:vertical;border:1px solid var(--line-strong);padding:.8rem;background:#fff;color:var(--ink);font:inherit}.ai-board-result{min-height:34rem;display:grid;place-items:center;padding:1.5rem;background:var(--sand)}.ai-board-placeholder{max-width:36rem}.ai-board-result figure{margin:0;width:100%}
@media (max-width:900px){.example-gallery-item,.ai-board-workspace{grid-template-columns:1fr}.ai-board-form{border-right:0;border-bottom:1px solid var(--line)}.article-visual-grid{grid-template-columns:1fr}.ai-board-result{min-height:20rem}}
@media (max-width:600px){.example-gallery-item{padding:.75rem;gap:1rem}.template-detail-actions{display:grid}.template-detail-actions .button{width:100%}.ai-board-form,.ai-board-result{padding:1rem}}