/* Home and pilot pages: five-audience grids, the will / won't table, the demo card.
   Loaded after site_baukasten.css through each page's extra_head. */
.door-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.door{min-height:12rem}
.door .ctr{--s:3.6rem}
.pilots{grid-template-columns:repeat(auto-fit,minmax(13.2rem,1fr))}
@media (max-width:1100px){.door-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.door-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.door-grid{grid-template-columns:1fr}}

.proof-grid{display:grid;gap:.6rem}
.proof-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.proof-row p,.proof-head span{margin:0;padding:1rem 1.15rem;border-radius:var(--r);background:var(--card);line-height:1.45}
.proof-head span{background:none;padding:.2rem 1.15rem;font:700 .74rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.proof-row .yes{border-left:5px solid var(--sage)}
.proof-row .no{border-left:5px solid var(--brick)}
.proof-say{margin-top:1.4rem;max-width:62ch;font-size:1.02rem}
.proof-say span{display:block;margin-top:.3rem;color:var(--soft)}
@media (max-width:640px){.proof-row{grid-template-columns:1fr}.proof-head{display:none}}

.note-small{font-size:.88rem;color:var(--soft)}
.demo-form .card{display:grid;gap:1.1rem;background:var(--card);border-radius:28px;padding:clamp(1.2rem,3vw,2rem)}
.demo-form h3{font-size:1.5rem}

.tiles-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pilots-one{grid-template-columns:minmax(0,26rem)}
@media (max-width:640px){.tiles-2{grid-template-columns:1fr}}
.pilot .btn{white-space:normal;text-align:center;line-height:1.25}
.pilot .who{margin-top:.1rem}
.tiles-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.tiles-3{grid-template-columns:1fr}}

/* Hero: what the shapes mean. */
.hero .yard-key{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center;margin:.9rem 0 0;font-size:.84rem;color:var(--soft)}
.hero .yard-key .k{display:inline-flex;align-items:center;gap:.4rem}
.hero .yard-key .shp{--s:.9rem}

/* One Studio for everyone: four screenshots, tabs when JavaScript is there, all four stacked when it is not. */
.studio{display:grid;gap:1.6rem}
.studio-tabs{display:flex;flex-wrap:wrap;gap:.5rem}
.studio-tabs[hidden]{display:none}
.studio-tabs button{font:600 .95rem var(--f-b);padding:.6rem 1.1rem;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;min-height:44px}
.studio-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.shot{margin:0;display:grid;gap:.8rem}
.shot img{display:block;width:100%;height:auto;border-radius:var(--r);box-shadow:0 0 0 1.5px var(--line),0 14px 34px -22px rgba(27,27,31,.45);background:var(--card)}
.shot figcaption{display:grid;gap:.25rem;max-width:62ch}
.shot figcaption b{font:700 1.15rem var(--f-d);letter-spacing:-.01em}
.shot figcaption span:not(.mono){color:var(--soft);line-height:1.5}
.studio.is-tabbed .shot[hidden]{display:none}
.studio-note{max-width:62ch;margin:1.2rem 0 0;color:var(--soft)}
.mgmt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:center;margin-top:clamp(2rem,5vw,3.4rem);padding-top:clamp(1.6rem,4vw,2.6rem);border-top:1.5px solid var(--line)}
.mgmt-txt{display:grid;gap:.7rem}
.mgmt-txt h3{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.mgmt-txt p{margin:0;color:var(--soft);line-height:1.55}
@media (max-width:860px){.mgmt{grid-template-columns:1fr}}

/* Gamification chapter. */
.gm{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:start}
.gm-side{display:grid;gap:.8rem}
.nudges{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.nudges li{background:var(--card);border-radius:var(--r);padding:.8rem 1rem;box-shadow:inset 0 0 0 1.5px var(--line);font-weight:600}
.nudges li::before{content:"";display:inline-block;width:.6rem;height:.6rem;margin-right:.6rem;border-radius:50%;background:var(--brick)}
@media (max-width:860px){.gm{grid-template-columns:1fr}}