@layer base,chrome,components,layout;@layer page{html:has(body.ghu-page){--warm:0;color-scheme:dark}.ghu-page .cf-field input,.ghu-page .ghu-slot,.ghu-page .ghu-cal-btn{background:var(--bg)}.ghu-page .ghu-slot:has(input:checked){background:color-mix(in srgb,var(--green) 10%,var(--bg))}.ghu-band{z-index:3;padding-bottom:clamp(56px,7vw,96px);position:relative;overflow-x:clip}.ghu-grid{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;column-gap:clamp(32px,5vw,80px);display:grid}.ghu-hero-bg{background:var(--bg-deep);border-bottom:1px solid var(--line);grid-area:1/1/auto/-1;align-self:stretch;margin-inline:calc(50% - 50vw)}.ghu-hero{grid-area:1/1;padding:clamp(40px,5vw,72px) 0 clamp(40px,5vw,64px)}.ghu-h1{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--bone);font-size:clamp(36px,4.8vw,58px);font-weight:600;line-height:1.04}.ghu-sub{margin-top:var(--space-20);font-size:var(--fs-18);color:#fff;max-width:54ch;line-height:1.6}.ghu-facts{gap:var(--space-20) clamp(28px,4vw,48px);flex-wrap:wrap;margin:clamp(32px,4vw,44px) 0 0;padding:0;list-style:none;display:flex}.ghu-facts li{align-items:center;gap:var(--space-12);display:flex}.ghu-ico{background:#ffffff1f;border:1px solid #ffffff8c;border-radius:9px;flex:none;place-items:center;width:44px;height:44px;display:grid}.ghu-ico svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.ghu-fact{color:#fff;flex-direction:column;gap:2px;display:flex}.ghu-fact strong{font-size:var(--fs-16);font-weight:500}.ghu-fact small{font-size:var(--fs-14);color:#fff}.ghu-body{grid-area:2/1;padding-top:clamp(40px,5vw,64px)}.ghu-h2{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--bone);font-size:clamp(26px,2.8vw,36px);font-weight:600;line-height:1.12}.ghu-lede{margin-top:var(--space-16);font-size:var(--fs-18);color:var(--bone-dim);max-width:60ch;line-height:1.6}.ghu-list-h{margin-top:var(--space-24);font-size:var(--fs-16);color:var(--bone);font-weight:600}.ghu-list{margin:var(--space-12) 0 0;gap:var(--space-10);flex-direction:column;padding:0;list-style:none;display:flex}.ghu-list li{font-size:var(--fs-16);color:var(--bone-dim);padding-left:26px;line-height:1.5;position:relative}.ghu-list li:before{content:"";border-left:2px solid var(--green);border-bottom:2px solid var(--green);width:11px;height:6px;position:absolute;top:.42em;left:3px;transform:rotate(-45deg)}.ghu-card-sub{margin-top:var(--space-6);margin-bottom:var(--space-20);font-size:var(--fs-14);color:var(--bone-dim)}.ghu-card{grid-area:1/2/span 2;margin-top:clamp(28px,3.5vw,48px);position:sticky;top:96px}.ghu-slots{border:0;min-width:0;margin:0;padding:0}.ghu-slots legend{margin-bottom:var(--space-8);font-size:var(--fs-14);color:var(--bone-dim);padding:0;font-weight:500}.ghu-slots legend i{color:var(--green);font-style:normal}.ghu-slot-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}.ghu-slot{align-items:center;gap:var(--space-10);cursor:pointer;border:1px solid var(--field-border);padding:var(--space-10) var(--space-12);font-size:var(--fs-14);color:var(--bone);background:#fff;border-radius:9px;transition:border-color .14s,background .14s;display:flex}.ghu-slot input{accent-color:var(--green);flex:none;width:16px;height:16px;margin:0}.ghu-slot:has(input:checked){border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:color-mix(in srgb,var(--green) 6%,#fff)}.ghu-slot:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}.ghu-slot-note{margin-top:var(--space-8);font-size:var(--fs-12);color:var(--muted)}.ghu-ty-wrap{max-width:860px}.ghu-ty-details{margin-top:var(--space-32)}.ghu-ty-details,.ghu-ty-details .ghu-list-h,.ghu-ty-details .ghu-list li,.ghu-ty-booth{font-size:var(--fs-18);color:var(--bone-dim);font-weight:400;line-height:1.5}.ghu-ty-details .ghu-list-h{color:var(--bone);margin-top:0;font-weight:600}.ghu-ty-details .ghu-list{margin-top:var(--space-8);gap:var(--space-6)}.ghu-ty-details .ghu-list li:before{top:.5em}.ghu-ty-booth{align-items:center;gap:var(--space-10);display:flex}.ghu-ty-picked:not([hidden])+.ghu-ty-booth{margin-top:var(--space-20)}.ghu-ty-booth svg{fill:none;width:16px;height:16px;stroke:var(--green-ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.ghu-cal{margin-top:var(--space-20)}.ghu-cal-label{font-size:var(--fs-16);color:var(--bone-dim);line-height:1.5}.ghu-cal-btns{gap:var(--space-8);margin-top:var(--space-10);flex-wrap:wrap;display:flex}.ghu-cal-btn{align-items:center;gap:var(--space-8);font-size:var(--fs-14);color:var(--bone);border:1px solid var(--field-border);padding:var(--space-8) var(--space-12);background:#fff;border-radius:9px;font-weight:500;text-decoration:none;transition:border-color .14s,color .14s;display:inline-flex}.ghu-cal-btn:hover{border-color:var(--green);color:var(--green-ink)}.ghu-cal-ico{width:15px;height:15px;color:var(--green-ink);display:inline-flex}.ghu-cal-ico svg{width:100%;height:100%}.ghu-ty-next{justify-content:space-between;align-items:center;gap:var(--space-24);background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;margin-top:clamp(48px,6vw,72px);padding:clamp(22px,3vw,32px);display:flex}.ghu-ty-copy{flex:340px;min-width:0}.ghu-ty-next-h{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-20);letter-spacing:-.01em;color:var(--bone);line-height:1.25}.ghu-ty-next-h span{color:var(--green-ink)}.ghu-ty-next-p{margin-top:var(--space-10);font-size:var(--fs-16);color:var(--bone-dim);line-height:1.5}.ghu-ty-next-p a{color:var(--green-ink);text-underline-offset:3px;text-decoration:underline}.ghu-ty-cli{margin-top:var(--space-8);white-space:nowrap;max-width:100%;font-family:var(--font-mono);font-size:var(--fs-14);color:var(--bone);background:var(--code-bg);padding:var(--space-6) var(--space-10);border-radius:6px;display:inline-block;overflow-x:auto}.ghu-ty-actions{align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.ghu-ty-url{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--muted)}.ghu-film{margin-top:clamp(32px,4vw,48px)}@media (width<=900px){.ghu-grid{grid-template-rows:none;grid-template-columns:1fr}.ghu-card{margin-top:var(--space-40);grid-area:2/1;position:static}.ghu-body{grid-row:3}}}
