/* Shared public-site design. Colour and type inherit canonical Kitewise tokens. */
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--kw-cloud);color:var(--kw-ink);font:1.125rem/1.6 var(--kw-font-body);--display:var(--kw-font-display)}
[hidden]{display:none!important}a{color:var(--kw-lift)}button,input{font:inherit}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--kw-lift);outline-offset:5px}img{max-width:100%}
.kw-wordmark{display:block;position:relative;width:184px;height:72px;overflow:hidden;flex-shrink:0}.kw-wordmark img{position:absolute;max-width:none;width:208px;height:208px;left:-15.5px;top:-70.5px}
.site-nav,.site-footer,.section-inner{width:min(1120px,calc(100% - 48px));margin:auto}.site-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0}.site-nav nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.site-nav nav a{font-size:1rem;text-decoration:none;font-weight:700}.site-nav nav a:hover{text-decoration:underline}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:10;background:var(--kw-cloud);padding:16px}
h1,h2,h3,.btn,.eyebrow{font-family:var(--kw-font-display);line-height:1.15}h1{font-size:clamp(2.6rem,5.8vw,4.7rem);letter-spacing:-.035em;margin:16px 0 24px;max-width:12ch}h2{font-size:clamp(2rem,3.8vw,3rem);letter-spacing:-.025em;margin:0 0 24px}h3{font-size:1.55rem;margin:0 0 16px}p{margin:0 0 24px;max-width:58ch}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:16px 24px;background:var(--kw-lift);color:var(--kw-cloud);border:0;border-radius:var(--kw-radius);text-decoration:none;font-size:1.0625rem;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6}.btn.secondary{background:var(--kw-daylight);color:var(--kw-ink)}.fine{font-size:.9375rem}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:24px 0}.no-js-only{display:none}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:48px 0 64px}.hero-art{width:100%;height:auto;aspect-ratio:1/1;background:var(--kw-daylight);border-radius:40px;object-fit:contain}.hero-copy>p{max-width:40ch}.quiet-strip{background:var(--kw-daylight);padding:24px}.quiet-strip .section-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:1rem;font-weight:700}.section{padding:80px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-head h2{max-width:18ch;margin:0}.section-head p{max-width:38ch;margin:0}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.tool-panel{border:1px solid var(--kw-line);border-radius:24px;overflow:hidden}.tool-copy{padding:32px}.tool-copy p{max-width:42ch}.tool-copy a{font-weight:700}.tool-visual{min-height:220px;padding:32px;background:var(--kw-daylight);display:flex;align-items:center;justify-content:center}.sample{background:var(--kw-cloud);border:1px solid var(--kw-control-border);border-radius:var(--kw-radius);padding:24px;width:min(100%,370px);box-shadow:8px 8px 0 var(--kw-line);transform:rotate(-2deg)}.tool-panel:nth-child(even) .sample{transform:rotate(2deg)}.sample .eyebrow{font-size:.75rem;display:block;margin-bottom:16px}.sample p{margin:0;font-size:1.15rem}.sample .small{font-size:.875rem;margin-top:16px}.path{display:flex;gap:8px;align-items:center;margin-top:16px}.path span{background:var(--kw-daylight);padding:4px 8px;border-radius:8px;font-size:.875rem}.sample blockquote{margin:0;padding-left:16px;border-left:4px solid var(--kw-gold)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.soft{background:var(--kw-daylight)}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:0 0 32px 64px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;border:1px solid var(--kw-lift);border-radius:50%;width:40px;height:40px;text-align:center;line-height:40px}.steps p{margin:8px 0 0}.price-card{border:1px solid var(--kw-control-border);border-radius:24px;padding:40px}.price{font:700 2.5rem var(--kw-font-display);margin:16px 0}.access-row{display:flex;flex-direction:column;gap:16px}.access-row input{border:2px solid var(--kw-control-border);border-radius:var(--kw-radius);padding:16px;background:var(--kw-cloud);color:var(--kw-ink);width:100%}.access-row label{font-weight:700}details{border-bottom:1px solid var(--kw-control-border);padding:24px 0}summary{cursor:pointer;font-weight:700;padding-right:16px}details p{margin:16px 0 0}details a{font-weight:700}.site-footer{border-top:1px solid var(--kw-line);padding:32px 0;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.site-footer nav{display:flex;flex-wrap:wrap;gap:24px;font-size:1rem}.site-footer p{font-size:.9375rem;margin:0}.section[id]{scroll-margin-top:24px}
@media(max-width:760px){.hero-grid,.split{grid-template-columns:1fr;gap:32px}.hero-grid{padding-top:24px}.hero-art{max-height:400px}.section{padding:48px 0}.section-head{display:block}.section-head p{margin-top:24px}.tool-grid{grid-template-columns:1fr}.site-nav{align-items:center;gap:8px}.site-nav nav{gap:16px}.site-nav nav .nav-tools{display:none}.kw-wordmark{width:154px;height:62px}.kw-wordmark img{width:174px;height:174px;left:-12px;top:-58px}.quiet-strip .section-inner{display:grid;gap:8px}.tool-copy,.tool-visual,.price-card{padding:24px}.site-footer{align-items:start}.section-inner,.site-nav,.site-footer{width:calc(100% - 40px)}h1{max-width:13ch}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Information-first library: one quiet route into optional tools. */
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{display:block;color:var(--kw-ink);background:var(--kw-cloud);border:1px solid var(--kw-line);border-radius:24px;overflow:hidden;text-decoration:none}.guide-card>div{padding:24px}.guide-card h3{margin:16px 0;font-size:1.5rem;line-height:1.25}.guide-card p{font-size:1rem}.read-link{font-weight:700;color:var(--kw-lift);font-size:1rem}.guide-card:hover .read-link{text-decoration:underline}.guide-art{display:flex;align-items:center;justify-content:center;height:170px;background:var(--kw-daylight);position:relative;overflow:hidden}.guide-art>span{display:block;position:relative}.guide-art.note>span{width:94px;height:112px;background:var(--kw-cloud);border:3px solid var(--kw-lift);border-radius:12px;transform:rotate(-8deg)}.guide-art.note>span:before{content:'';position:absolute;inset:25px 18px;background:repeating-linear-gradient(to bottom,var(--kw-lift) 0 3px,transparent 3px 18px)}.guide-art.steps>span{width:48px;height:35px;background:var(--kw-lift);border-radius:8px;box-shadow:42px -32px 0 var(--kw-cloud),84px -64px 0 var(--kw-gold);transform:translate(-42px,30px)}.guide-art.sun>span{width:88px;height:88px;border-radius:50%;background:var(--kw-gold);box-shadow:0 0 0 18px var(--kw-cloud)}.guide-art.sun:after{content:'';position:absolute;width:150px;height:3px;background:var(--kw-lift);bottom:27px}.guide-art.speech>span{width:130px;height:78px;border-radius:24px;background:var(--kw-cloud);border:3px solid var(--kw-lift)}.guide-art.speech>span:before{content:'';position:absolute;width:17px;height:17px;border-left:3px solid var(--kw-lift);border-bottom:3px solid var(--kw-lift);background:var(--kw-cloud);bottom:-11px;left:26px;transform:skewY(-35deg)}.guide-art.speech>span:after{content:'···';font:700 50px var(--kw-font-display);position:absolute;top:-10px;left:38px;color:var(--kw-lift)}.guide-art.spark>span{width:88px;height:88px;background:var(--kw-gold);clip-path:polygon(50% 0,62% 34%,100% 50%,62% 65%,50% 100%,36% 65%,0 50%,36% 34%)}
.home-quote{font:600 clamp(1.75rem,3vw,2.5rem)/1.35 var(--kw-font-display);margin:0;border-left:5px solid var(--kw-gold);padding:24px 32px}.optional-home{display:flex;gap:40px;align-items:center;border-top:1px solid var(--kw-line);padding-top:40px}.optional-home h2{font-size:1.8rem}.optional-home p{margin:0}.optional-home>a{min-width:180px;font-weight:700}.library-head{padding:48px 0 0}.library-head h1{max-width:20ch;font-size:clamp(2.5rem,5vw,4rem)}.topic-nav{display:flex;gap:16px;flex-wrap:wrap}.topic-nav a{border:1px solid var(--kw-lift);border-radius:var(--kw-radius);padding:8px 16px;text-decoration:none;font-size:1rem}.guide-page{max-width:760px;margin:auto;padding:40px 24px 64px}.back-link{font-size:1rem}.article-head{margin:40px 0 24px}.article-head h1{max-width:20ch;font-size:clamp(2.2rem,4.5vw,3.5rem)}.article-intro{font-size:1.25rem}.guide-page p,.guide-page li{max-width:64ch}.guide-page article section{padding:24px 0}.guide-page h2{font-size:1.6rem;line-height:1.3;margin-bottom:16px}.guide-page li{margin-bottom:12px}.takeaway{border-radius:var(--kw-radius);background:var(--kw-daylight);padding:24px}.takeaway p{font-size:1.25rem;margin:12px 0 0}.article-contents{margin-bottom:24px}.example{padding:24px;border-left:4px solid var(--kw-gold);background:var(--kw-daylight);border-radius:0 var(--kw-radius) var(--kw-radius) 0}.example p{margin:12px 0 0}.optional-tool,.related,.sources{border-top:1px solid var(--kw-line);padding:32px 0}.optional-tool h2{font-size:1.25rem}.optional-tool p{font-size:1rem}.related p:last-child{margin:0}
@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.guide-grid{grid-template-columns:1fr}.guide-art{height:140px}.optional-home{display:block}.optional-home>a{display:inline-block;margin-top:24px}.site-nav nav{gap:12px}.site-nav nav a{font-size:.9rem}.hero-grid{gap:24px}.hero-art{max-height:320px}.home-quote{padding:16px 24px}.library-head{padding-top:24px}}@media print{.site-nav,.site-footer,.optional-tool,.optional-home,.article-contents{display:none}.guide-page{max-width:none;padding:0}body{font-size:12pt}.guide-page a{color:inherit}.guide-page section{break-inside:avoid}}

/* Keep text links readable on the pale blue support panels. */
.soft a:not(.btn):not(.guide-card){color:var(--kw-ink)}

/* Static Kitewise comics: restrained gold and clear editorial hierarchy. */
.comic-hero{grid-template-columns:0.85fr 1.15fr;gap:32px}.comic-hero h1{font-size:clamp(2.6rem,5vw,4.3rem)}.browse-topics{padding:24px 0 64px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-tile{position:relative;display:block;padding:24px;border:1px solid var(--kw-ink);border-top:4px solid var(--kw-ink);color:var(--kw-ink);text-decoration:none;background:var(--kw-cloud)}.topic-tile:hover,.library-card:hover{background:var(--kw-daylight)}.topic-tile h3{font-size:1.3rem;margin:16px 0}.topic-tile p{font-size:1rem;margin-bottom:16px}.topic-number{font:800 .875rem var(--kw-font-display);padding:6px 9px;background:var(--kw-daylight);border:1px solid var(--kw-ink)}.topic-tile:nth-child(2n) .topic-number{background:var(--kw-gold)}.read-link{color:var(--kw-ink)}.comic-stories{display:grid;grid-template-columns:1fr 1fr;gap:32px}.comic-story{background:var(--kw-cloud);padding:24px;border:2px solid var(--kw-ink)}.speech-panel{background:var(--kw-daylight);border:2px solid var(--kw-ink);padding:24px;margin-bottom:32px;position:relative}.speech-panel:after{content:'';position:absolute;bottom:-12px;left:28px;width:20px;height:20px;background:inherit;border-right:2px solid var(--kw-ink);border-bottom:2px solid var(--kw-ink);transform:skewY(-35deg)}.speech-panel p{font:700 clamp(1.4rem,2.5vw,2rem)/1.25 var(--kw-font-display);margin:16px 0 0}.gold-panel{border-top:8px solid var(--kw-gold)}.story-link{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;border-top:1px solid var(--kw-control-border);color:var(--kw-ink);font-weight:700;text-decoration:none}.story-link:hover span:first-child{text-decoration:underline}.editorial-note{max-width:740px;margin-bottom:64px}.editorial-note p{font-size:1.0625rem}.optional-home{padding:32px;border:1px solid var(--kw-line)}.optional-home h2{font-size:1.75rem}.optional-home p{font-size:1rem;margin:0}.library-card{border-radius:8px;border:1px solid var(--kw-control-border);border-top:4px solid var(--kw-ink);box-shadow:none}.library-card>div{padding:24px}.library-card h3{font-size:1.35rem}.library-card p{font-size:1rem}.library-card .read-link{font-size:.875rem}.library-group{padding:40px 0}.library-group .section-head p{margin-top:16px}.guide-search{max-width:660px;margin:24px 0}.guide-search label{display:block;font-weight:700;margin-bottom:8px}.guide-search>div{display:flex;gap:8px}.guide-search input{min-width:0;flex:1;background:var(--kw-cloud);border:2px solid var(--kw-ink);border-radius:8px;padding:14px;font:inherit}.guide-search button{padding:12px 16px;background:var(--kw-daylight);border:1px solid var(--kw-ink);border-radius:8px;color:var(--kw-ink);cursor:pointer}.guide-search p{font-size:.9375rem;margin:12px 0}.topic-nav a{border-color:var(--kw-ink);color:var(--kw-ink)}.takeaway{border-left:4px solid var(--kw-ink)}.example{border:1px solid var(--kw-ink);border-left:5px solid var(--kw-gold)}


@media(max-width:900px){.comic-hero{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topic-grid,.comic-stories{grid-template-columns:1fr}.comic-story,.topic-tile{padding:20px}.comic-hero{padding-bottom:40px}.topic-tile h3{margin:12px 0}.section-head h2{font-size:2rem}.optional-home{padding:24px}.guide-search input{font-size:1rem}.guide-search button{padding:10px}.speech-panel{padding:20px}}

/* Every editorial scene is mapped to its article in content/illustrations.json. */
.comic-art{display:block;position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:var(--kw-daylight)}.comic-art img{display:block;position:absolute;width:200%;height:200%;max-width:none;object-fit:fill;left:0;top:0}.comic-art.panel-1 img{left:-100%}.comic-art.panel-2 img{top:-100%}.comic-art.panel-3 img{left:-100%;top:-100%}.article-illustration{margin:0 0 32px;border:2px solid var(--kw-ink)}.library-card{display:block}.library-card>.comic-art{border-bottom:2px solid var(--kw-ink)}.topic-tile{padding:0;overflow:hidden}.topic-tile>.comic-art{border-bottom:2px solid var(--kw-ink)}.topic-tile h3,.topic-tile p,.topic-tile>.read-link{margin-left:20px;margin-right:20px}.topic-tile>.read-link{display:block;margin-bottom:20px}.comic-story>.comic-art{border:2px solid var(--kw-ink);margin-bottom:20px}.comic-story .speech-panel{padding:18px}.comic-story .speech-panel:after{display:none}.comic-story .speech-panel p{font-size:1.4rem}.comic-story .speech-panel .eyebrow{font-size:.7rem}


@media print{.article-illustration,.comic-art,.hero-comic,.guide-search{display:none!important}}

.article-head+.takeaway{margin-bottom:24px}


/* The hero is a single editorial composition, without a player frame or caption. */
.hero-comic{margin:0;min-width:0;align-self:center}
.hero-comic>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:var(--kw-radius)}
.comic-hero{padding-top:40px;padding-bottom:56px}
@media(max-width:900px){.hero-comic{width:100%}.comic-hero{gap:24px}}

.toolkit-hero h1{font-size:clamp(2.6rem,4.5vw,4rem);max-width:none}