@font-face{font-family:Chalk;src:url('/fonts/permanent-marker.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;background:#18201c;color:#f3f0e6}button{font:inherit}.room{position:relative;width:100%;container-type:inline-size;aspect-ratio:1942/809;overflow:hidden}.room-art{display:block;width:100%;height:100%;object-fit:fill}.board{position:absolute;left:24%;top:6%;width:53.2%;height:70%;display:flex;flex-direction:column;font-family:Chalk,cursive}.board h2{font:normal 2.35cqw/1.14 Georgia,serif;margin:0 0 1.15cqw;text-align:center;white-space:nowrap}.board h2:after{content:'';display:block;width:59%;height:2px;background:#ddb565b0;margin:.55cqw auto 0;transform:rotate(-.3deg)}.hint{position:absolute;right:0;bottom:-.8cqw;font:1cqw/1.2 Chalk,cursive;color:#e8deca;margin:0}.services{display:grid;grid-template-rows:repeat(4,1fr);grid-auto-flow:column;grid-template-columns:1fr 1fr;gap:.45cqw 2.7cqw;padding:0 .3cqw .9cqw}.service{display:flex;align-items:center;gap:1cqw;position:relative;background:none;border:0;color:#f3f0e6;text-align:left;cursor:pointer;padding:.3cqw 0;min-height:3.1cqw;font-size:1.55cqw;line-height:1.25}.number{display:grid;place-items:center;border:1.5px solid #dcb66c;border-radius:48% 53% 46% 51%;width:2.5cqw;height:2.5cqw;flex-shrink:0;font-size:1.4cqw;color:#e6ba69;transform:rotate(-5deg)}.label{position:relative}.label:after{content:'';position:absolute;left:0;right:0;bottom:-.3cqw;height:.17cqw;background:#98c0c8;border-radius:40%;transform:scaleX(0) rotate(-.6deg);transform-origin:left;transition:transform .35s ease}.service[aria-pressed=true] .label:after,.service:hover .label:after{transform:scaleX(1) rotate(-.6deg)}.service:focus-visible{outline:2px dashed #e3bd76;outline-offset:3px}.lower{border-top:1px solid #e3e6dc9c;padding-top:1.2cqw;display:grid;grid-template-columns:1.15fr 1fr .45fr;gap:1.4cqw;flex:1;min-height:0}.details{border-right:1px solid #e5e6dc80;padding-right:1.25cqw}.detail h3{margin:0 0 .6cqw;font-size:1.6cqw;font-weight:400;line-height:1.2;color:#e5bb70}.detail p{margin:0;font:1.05cqw/1.5 Chalk,cursive}.detail:not([hidden]){animation:chalk-reveal .4s ease}.notes{display:flex;gap:.65cqw;align-items:center}.sticky{display:grid;align-content:center;background:#eedaa0;color:#20251d;box-shadow:.12cqw .25cqw .3cqw #0005;padding:.7cqw;font:1.05cqw/1.5 Chalk,cursive;min-height:5.4cqw;flex:1;transform:rotate(-5deg);transition:transform .2s,box-shadow .2s}.sticky:nth-child(2){transform:rotate(3deg)}.sticky:nth-child(3){transform:rotate(-3deg)}.sticky:hover{transform:translateY(-4px) rotate(0);box-shadow:.1cqw .4cqw .5cqw #0006}.margin-note{font:1cqw/1.5 Chalk,cursive;transform:rotate(-4deg)}.margin-note span{display:block;color:#96bfc6;margin-top:.6cqw}@keyframes chalk-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}[hidden]{display:none!important}@media(max-width:900px){.room{aspect-ratio:auto;padding:28px 14px 70px;background:linear-gradient(#0003,#0005),url('/drafts/console-room-balanced-focus.webp') center/cover}.room-art{display:none}.board{position:relative;inset:auto;width:100%;height:auto;min-height:0;background:radial-gradient(ellipse at 20% 30%,#ffffff05,transparent 65%),#1e2e28;border:10px solid #87502b;box-shadow:inset 0 0 0 2px #c18b50,0 12px 22px #0008;padding:24px 17px 36px}.board:before,.board:after{content:'';position:absolute;top:100%;height:45px;width:16px;background:linear-gradient(90deg,#70401f,#aa713b,#75431f);z-index:0}.board:before{left:15%;transform:rotate(10deg)}.board:after{right:15%;transform:rotate(-10deg)}.board h2{font-size:clamp(25px,5vw,38px);white-space:normal;margin-bottom:20px}.board h2:after{margin-top:12px}.hint{position:static;order:1;font-size:13px;text-align:center;margin-top:18px}.services{display:flex;flex-direction:column;gap:5px;padding:0 0 22px}.service{font-size:clamp(18px,4.4vw,27px);gap:14px;padding:8px 0;min-height:48px}.number{width:35px;height:35px;font-size:18px}.label:after{height:2px;bottom:-3px}.lower{padding-top:20px;display:flex;flex-direction:column;gap:22px}.details{border:0;padding:0;min-height:150px}.detail h3{font-size:23px;margin-bottom:12px}.detail p{font-size:17px;line-height:1.7}.notes{gap:10px;min-height:100px}.sticky{font-size:13px;min-height:95px;padding:10px}.margin-note{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Equal square paper notes with consistent handwritten type. */
.lower{grid-template-columns:1.15fr 1.2fr .45fr}
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65cqw}
.sticky{width:100%;aspect-ratio:1;min-height:0;height:auto;padding:.55cqw;font-size:.9cqw;line-height:1.45;min-width:0}
@media(max-width:900px){.lower{display:flex}.notes{min-height:0;gap:10px}.sticky{font-size:11.5px;padding:7px;min-height:0}}

.detail[data-detail="5"] h3{white-space:nowrap;font-size:1.24cqw}
@media(max-width:900px){.detail[data-detail="5"] h3{font-size:clamp(14px,4.3vw,23px)}}

.ai-copy-line{display:block;white-space:nowrap}@media(max-width:900px){.ai-copy-line{display:inline;white-space:normal}}

/* Consistent heading metrics and a wider description column. */
@media(min-width:901px){.lower{grid-template-columns:1.5fr 1.15fr .4fr}.detail h3,.detail[data-detail="5"] h3{font-size:1.6cqw;line-height:1.2;white-space:nowrap;min-height:1.2em}}
@media(max-width:900px){.detail h3,.detail[data-detail="5"] h3{font-size:23px;line-height:1.2;white-space:normal;min-height:2.4em}}

@media(min-width:901px){.margin-note{font-size:.85cqw;line-height:1.35}}

.mobile-service-description,.accordion-toggle{display:none}
@media(max-width:900px){.lower .details{display:none}.service{width:100%}.service .label{flex:1}.accordion-toggle{display:block;color:#e5bb70;font:26px/1 Georgia,serif;flex-shrink:0;width:24px;text-align:center}.service[aria-expanded=true]{color:#e5bb70}.mobile-service-description:not([hidden]){display:block;margin:0 0 14px 49px;padding:0 0 18px;border-bottom:1px solid #e3e6dc55;animation:chalk-reveal .25s ease}.mobile-service-description p{margin:0;font:16px/1.7 Chalk,cursive;color:#f3f0e6}.service[aria-expanded=true] .label:after{transform:scaleX(1)}}