/* Icebreaker games: hubs.css (office palette) plus a hero action, the question-card printer, quick no-materials tiles,
   the size-and-time chooser and the printed card sheets (.ibp-*), which the sample PDFs share. */
.ib-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:0 0 26px}
.ib-acts .button{min-height:54px;padding:14px 26px;font-size:16px}
.ib-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:16px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.hb-kind.ib-kind--talk{background:#ffefe8;border-color:#f2c3ad;color:#7a2f15}
.ib .hb-short{padding-top:36px}
/* The question cards: one wide card that is also the printer */
.ib-qcards .hb-art>a>img:first-child{object-position:50% 40%}
.ib-qcards .hb-body{padding:30px 34px 28px;justify-content:flex-start}
.ib-qcards .hb-copy{margin-bottom:12px}
.ib-print{display:grid;gap:10px;margin:2px 0 14px;padding:14px 0 0;border-top:1px solid var(--line)}
.ib-print-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0}
.ib-dl{display:flex;flex-wrap:wrap;gap:10px}
.ib .ib-qcards .button{min-height:46px;padding:10px 18px;font-size:14px}
.ib .ib-qcards .button.ib-alt{background:#fff;color:var(--ink);border-color:var(--ink)}
.ib .ib-qcards .button.ib-alt:hover{background:var(--hb-tint)}
.ib .ib-qcards .button:disabled{opacity:.6;cursor:progress}
.ib-status{margin:0;font-size:14px;font-weight:600;color:#2b2740}.ib-status:empty{display:none}
.ib-qcards .um{margin:4px 0 0}
.ib-try{margin-top:2px;border-top:1px solid var(--line);padding-top:6px}
.ib-try summary{cursor:pointer;font-weight:700;font-size:15px;min-height:44px;display:flex;align-items:center}
.ib-try ul{margin:4px 0 6px;padding-left:20px;display:grid;gap:6px;font-size:15px;color:#3b3650}
/* Quick icebreakers with no materials: calm tiles, three to a row */
.ib-quick-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ib-quick-item{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px 20px;display:flex;flex-direction:column;align-items:flex-start}
.ib-quick-item h3{margin:16px 0 8px}
.ib-quick-item .hb-facts{margin-bottom:10px;grid-auto-flow:column;justify-content:start;gap:6px 18px}
.ib-quick-item>p{font-size:15.5px;line-height:1.6;color:#3b3650;margin:0 0 6px}
.ib-quick-item .hb-more{margin:auto 0 -6px}
/* Pick by group size and time */
.ib-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ib-size-col{background:var(--hb-tint);border-radius:24px;padding:24px 24px 10px}
.ib-size-col h3{margin:0 0 12px;font-size:22px}
.ib-size-col h3 span{display:block;font-family:var(--body);font-size:15px;font-weight:700;letter-spacing:0;color:var(--hb-accent);margin-top:4px}
.ib-size-col dl{margin:0}
.ib-size-col dl>div{padding:12px 0 14px;border-top:1px solid var(--hb-soft)}
.ib-size-col dt{font-weight:800;font-size:14px;color:var(--hb-deep);margin-bottom:3px}
.ib-size-col dd{margin:0;font-size:15.5px;line-height:1.55;color:#2f2b44}
.ib-size-col dd a,.ib-quick-item>p a{border-bottom:1px solid currentColor;font-weight:700}
.ib-formats .hb-head{margin-bottom:24px}
@media (max-width:1100px){.ib-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ib-size-grid{grid-template-columns:1fr}}
@media (max-width:760px){
 .ib-acts{gap:10px 20px;margin-bottom:22px}.ib-acts .button{width:100%}
 .ib-quick-grid{grid-template-columns:1fr;gap:14px}
 .ib-quick-item{padding:18px 18px 16px;border-radius:18px}
 .ib-size-col{padding:20px 18px 6px;border-radius:20px}
 /* The question-card printer keeps its picture on top on a phone, so the buttons have room */
 .hb .hb-grid>.hb-card.ib-qcards{display:flex;flex-direction:column}
 .hb .hb-grid>.hb-card.ib-qcards .hb-art{position:relative;padding:0;aspect-ratio:3/2;background:var(--hb-tint2)}
 .hb .hb-grid>.hb-card.ib-qcards .hb-art>a{aspect-ratio:auto;height:100%;border-radius:0}
 .hb .hb-grid>.hb-card.ib-qcards .hb-art .hb-kind{left:12px;top:12px}
 .hb .hb-grid>.hb-card.ib-qcards .hb-body{padding:18px 16px 16px}
 .hb .ib-qcards .hb-copy{-webkit-line-clamp:unset;display:block}
 .ib-print-row{align-items:flex-start}
 .ib-dl,.ib-dl .button,.ib-print-row>.button{width:100%}
 .ib-dl .button{flex:1 1 0;width:auto}
}
/* Printed card sheets: hidden on screen; when a host prints the full set, they are all that prints. */
@media screen{.ib-printout{display:none}}
@media print{
 body.ib-printing>*:not(.ib-printout){display:none!important}
 body:not(.ib-printing) .ib-printout{display:none}
 @page{margin:9mm}
}
.ibp-page{position:relative;break-after:page;page-break-after:always;font-family:var(--body,DM),Arial,sans-serif;color:#1d1a2b;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ibp-page:last-child{break-after:auto;page-break-after:auto}
.ibp-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:3mm;margin-bottom:3mm;border-bottom:.4mm solid #1d1a2b;font-size:9pt}
.ibp-head b{font-family:var(--display,Manrope),Arial,sans-serif;font-size:11pt;font-weight:800}
.ibp-head span{color:#5c5770}
.ibp-grid{display:grid;grid-template-columns:repeat(2,92mm);grid-auto-rows:59mm;gap:0;justify-content:center}
.ibp-card{--c:#2f4fb3;--t:#eef2ff;position:relative;display:flex;flex-direction:column;border:.35mm dashed #a9a4b8;margin:-.175mm;background:#fff;overflow:hidden}
.ibp-cat{display:flex;align-items:center;gap:2mm;margin:0;padding:3mm 6mm;background:var(--t);font-size:8.5pt;font-weight:800;color:var(--c)}
.ibp-cat i,.ibp-sets i{width:3.2mm;height:3.2mm;border-radius:50%;background:var(--c);flex:0 0 auto}
.ibp-q{margin:auto 0;padding:2mm 6mm;font-family:var(--display,Manrope),Arial,sans-serif;font-weight:800;font-size:14pt;line-height:1.22;letter-spacing:-.01em}
.ibp-foot{margin:0;padding:0 6mm 3.6mm;font-size:7pt;color:#7a7590}
.ibp-page [data-cat=quick]{--c:#2f4fb3;--t:#eef2ff}.ibp-page [data-cat=imagine]{--c:#a3456e;--t:#fdeef4}.ibp-page [data-cat=work]{--c:#1b6a4e;--t:#e7f4ec}
.ibp-page [data-cat=favourites]{--c:#b4501f;--t:#fff0e6}.ibp-page [data-cat=stories]{--c:#7a5d08;--t:#fdf5d8}.ibp-page [data-cat=team]{--c:#5a3db5;--t:#f0ebff}
.ibp-intro h1{font-family:var(--display,Manrope),Arial,sans-serif;font-size:26pt;line-height:1.05;letter-spacing:-.02em;margin:8mm 0 3mm}
.ibp-lede{font-size:12pt;margin:0 0 7mm;color:#35314a}
.ibp-intro h2{font-family:var(--display,Manrope),Arial,sans-serif;font-size:14pt;margin:0 0 3mm}
.ibp-ways{margin:0 0 7mm;padding-left:6mm;display:grid;gap:2.4mm;font-size:11pt;line-height:1.4}
.ibp-sets{list-style:none;margin:0 0 7mm;padding:0;display:grid;gap:2.6mm;font-size:11pt}
.ibp-sets li{display:flex;align-items:center;gap:3mm}
.ibp-pass{font-weight:700;font-size:11.5pt;padding:4mm 5mm;border-radius:3mm;background:#f3f1f8;margin:0 0 4mm}
.ibp-note{font-size:10pt;color:#4a4560;margin:0}
.ibp-pagefoot{margin-top:8mm;font-size:8pt;color:#7a7590}