/* Exam board tiles (studio/exam-board-tiles.mjs, 2026-10-22). One per row on a phone; two, then three columns on wider screens. */
.bt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;list-style:none;margin:18px 0 0;padding:0}
@media (min-width:600px){.bt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.bt-grid.bt-c3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bt-t{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;min-height:84px;height:100%;padding:13px 15px 13px 18px;border-radius:16px;background:#fffdf8;color:#142e30;text-decoration:none;
  border:1px solid color-mix(in srgb,var(--h) 30%,#e3dccb);box-shadow:0 16px 30px -24px rgba(10,30,32,.55);overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.bt-t::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--h)}
.bt-t:hover{transform:translateY(-3px);box-shadow:0 24px 40px -24px rgba(10,30,32,.65)}.bt-t:active{transform:scale(.99)}
.bt-t:focus-visible{outline:3px solid #17799F;outline-offset:3px}
.bt-t .bt-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--h) 14%,#fff);color:var(--h)}
.bt-t .bt-ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bt-tx b{display:block;font:400 19px/1.15 Georgia,"Times New Roman",serif}.bt-tx span{display:block;margin-top:3px;font:400 13.5px/1.35 Arial,sans-serif;color:#4b5b58}
.bt-all{background:#123033;color:#f3ead4}.bt-all::before{background:#c9973f}.bt-all .bt-tx span{color:rgba(243,234,212,.8)}.bt-t.bt-all .bt-ic{background:#c9973f;color:#142e30}
@media (prefers-reduced-motion:reduce){.bt-t{transition:none}.bt-t:hover{transform:none}}
/* Dense tiles (the exams hub, ?showroom=1): two to a row on a phone, the drawing above the name. */
@media (max-width:599px){.bt-grid.bt-dense{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bt-dense .bt-t{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-height:0;padding:12px 12px 13px 15px}
  .bt-dense .bt-t .bt-ic{width:38px;height:38px;border-radius:11px}.bt-dense .bt-t .bt-ic svg{width:22px;height:22px}
  .bt-dense .bt-tx b{font-size:16.5px}.bt-dense .bt-tx span{font-size:12px;line-height:1.3}}
@media (max-width:599px){.bt-dense .bt-tx span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bt-dense .bt-tx b{font-size:16px;line-height:1.12}}
/* Tiles as buttons that open a board's card below their row (the exams hub, ?showroom=1; studio/exam-hub-showroom.mjs). */
.bt-btn{width:100%;margin:0;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;appearance:none}
.bt-chev{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--h) 12%,#fff);color:var(--h);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.bt-chev svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bt-btn{padding-right:44px}
.bt-btn[aria-expanded="true"]{background:color-mix(in srgb,var(--h) 10%,#fffdf8);border-color:var(--h);box-shadow:0 0 0 2px color-mix(in srgb,var(--h) 45%,transparent),0 16px 30px -24px rgba(10,30,32,.55)}
.bt-btn[aria-expanded="true"] .bt-chev{transform:rotate(180deg);background:var(--h);color:#fff}
.bt-panel{grid-column:1/-1;scroll-margin-top:84px}
.bt-panel[hidden]{display:none}
.bt-panel .eb-grid{display:block!important;columns:auto!important;margin:0}
.bt-panel .eb-grid>.eb{margin:0;opacity:1;transform:none}
.bt-panel .eb-grid>.eb[hidden]{display:none!important}
.bt-hint{margin:12px 0 0;font:400 16px/1.45 Georgia,"Times New Roman",serif;color:#4b5b58}
.bt-hint[hidden]{display:none}
@media (max-width:599px){.bt-dense .bt-btn{padding-right:12px;padding-bottom:13px}.bt-dense .bt-chev{top:12px;right:10px;bottom:auto;width:24px;height:24px}}
@media (prefers-reduced-motion:reduce){.bt-chev{transition:none}}
/* The All exams tile as a button: every board's card at once, in columns on wider screens. */
.bt-btn.bt-all[aria-expanded="true"]{background:#123033;border-color:#c9973f;box-shadow:0 0 0 2px rgba(201,151,63,.6),0 16px 30px -24px rgba(10,30,32,.55)}
.bt-btn.bt-all .bt-chev{background:rgba(201,151,63,.2);color:#e8c983}.bt-btn.bt-all[aria-expanded="true"] .bt-chev{background:#c9973f;color:#142e30}
@media (min-width:641px){.bt-panel.bt-all-open .eb-grid{columns:2 300px!important;column-gap:16px}.bt-panel.bt-all-open .eb-grid>.eb{break-inside:avoid;margin:0 0 16px}}
@media (min-width:1000px){.bt-panel.bt-all-open .eb-grid{columns:3 300px!important}}