/* Shared suite identity, drawn from Longview Four's approved AppBrand palette.
   Scarlet is an accent; ink carries text and ivory is the reading surface. */
:root{--ink:#0F1217;--muted:#625C55;--blue:#38363B;--blue-dark:#0F1217;--cream:#F7F0E0;--paper:#FFFCF5;--gold:#E3D9C2;--line:#D7CDBB;--soft-blue:#EDE5D6;--scarlet:#E90802;--shadow:0 16px 42px rgb(15 18 23 / 6%)}
body{background:linear-gradient(180deg,var(--paper),var(--cream));color:var(--ink)}
a{color:#38363B}a:hover{color:var(--ink)}
a:focus-visible,summary:focus-visible,.workshop a:focus-visible,.workshop summary:focus-visible{outline:3px solid var(--scarlet);outline-offset:4px}
.site-header{padding-block:24px;gap:20px}.brand{gap:12px}.brand-mark{background:#000;box-shadow:none;border-radius:10px;width:42px;height:42px;overflow:hidden;flex-shrink:0}.brand-mark img{display:block;width:42px;height:42px;object-fit:contain}.suite-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:36px}.suite-hero-symbol{display:block;width:100%;max-width:320px;height:auto;border-radius:20px;justify-self:center}
.site-header nav{gap:22px}.site-header nav a{padding-block:8px;border-bottom:2px solid transparent}.site-header nav a[aria-current]{color:var(--ink);border-bottom-color:var(--scarlet)}
.product-nav{width:min(960px,calc(100% - 32px));margin:0 auto 8px;padding:8px 0 16px;border-bottom:1px solid var(--line);font-size:.88rem;align-items:center;gap:18px}.product-nav span{font-weight:750;margin-right:auto}.product-nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--scarlet);text-decoration-thickness:2px;text-underline-offset:6px}
.hero,.panel{background:var(--paper)}.hero::after{display:none;content:none}.hero h1{line-height:1.08}.eyebrow,.workshop .eyebrow{color:#625C55}
.longview-swoosh{display:block;width:min(200px,65%);height:auto;margin:18px 0 26px}
.button,.workshop .button{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.button:hover,.workshop .button:hover{background:#38363B;color:white;border-color:#38363B}
.button.secondary,.workshop .button.secondary{background:var(--soft-blue);border-color:var(--line);color:var(--ink)}.button.secondary:hover,.workshop .button.secondary:hover{background:var(--gold);color:var(--ink)}
.card{background:#F4EFE4;border-color:var(--line)}.status-banner{color:var(--ink);background:#F4EFE4;border-color:var(--line);border-left-color:var(--scarlet)}
.suite-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.suite-games .card{padding:26px;display:flex;flex-direction:column;align-items:flex-start}.suite-games h3{font-size:1.75rem}.suite-games .button{margin-top:auto}.suite-games .release-note{margin:22px 0}
.project-number{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.12em;margin-bottom:18px;position:relative;padding-bottom:12px}.project-number::after{content:"";background:url('/assets/swoosh.svg') center/contain no-repeat;position:absolute;bottom:0;left:0;width:45px;height:10px}
.release-note{font-size:.88rem;color:var(--muted)}.workshop-invitation{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.workshop-emblem{font-size:clamp(1.8rem,4vw,3rem);font-weight:850;line-height:1.3;letter-spacing:-.04em}.workshop-emblem span{display:block}.workshop-emblem img{display:block;width:85%;height:auto;margin:4px 0 12px}
.workshop .badge{background:var(--soft-blue);color:var(--ink);border-color:var(--line)}.workshop .badge::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--scarlet);margin-right:8px;vertical-align:middle}
.workshop .tone-card{background:#F1EBDF;border-color:var(--line)}.workshop .steps li::before{color:var(--muted)}.workshop .note{background:var(--soft-blue);border-left-color:var(--scarlet)}.workshop .steps li{background:var(--paper)}
.four-board .filled{background:transparent}.four-board .chip-crop{border-radius:50%;overflow:hidden}
.site-footer{padding-top:30px}.footer-signature{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:22px}.footer-signature img{width:42px;height:42px;border-radius:10px}.footer-signature strong{color:var(--ink)}.footer-signature span{font-size:.88rem}.site-footer nav{font-size:.85rem;font-weight:500;gap:12px 24px}.site-footer p{font-size:.8rem;margin-top:24px}
@media(max-width:700px){.suite-hero{grid-template-columns:1fr;gap:24px}.suite-hero-symbol{max-width:180px;justify-self:start}.suite-games,.workshop-invitation{grid-template-columns:1fr}.workshop-emblem{display:none}.site-header{align-items:flex-start;flex-direction:column;gap:12px}.site-header nav{gap:24px}.product-nav{gap:12px 18px}.product-nav span{width:100%}.footer-signature span{width:100%}.hero h1{overflow-wrap:normal}.grid{grid-template-columns:1fr}}