.cb { padding-block: 10px 50px; }
.cb-board { background: #2f4a3a; color: #f4f1e8; border: 16px solid #a8743f; border-radius: 12px; box-shadow: inset 0 0 60px rgb(0 0 0 / .35), 0 10px 26px rgb(46 42 43 / .2); padding: 34px 40px 40px; position: relative; margin-block-start: 10px; }
.cb-board::after { content: ""; position: absolute; inset-block-end: -16px; inset-inline: 12%; block-size: 12px; background: #8a5d31; border-radius: 0 0 6px 6px; }
.cb-board h1 { font-family: var(--f-hand); font-size: clamp(50px, 6.6vw, 84px); font-weight: 700; line-height: .95; letter-spacing: .02em; }
.cb-board p { font-size: 18px; opacity: .9; margin-block-start: 10px; max-inline-size: 600px; }
.cb-board nav { display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 22px; }
.cb-board nav a { color: #f4f1e8; text-decoration: none; border: 2px dashed rgb(244 241 232 / .6); border-radius: 10px; padding: 6px 14px; font-family: var(--f-head); }
.cb-board nav a:hover { background: rgb(244 241 232 / .12); }
.cb-sets { columns: 2 380px; column-gap: 26px; margin-block-start: 44px; }
.cb-set { break-inside: avoid; margin-block-end: 26px; background: #fff; border-radius: 6px; box-shadow: 0 6px 18px rgb(46 42 43 / .1); border-block-start: 10px solid var(--c); scroll-margin-block-start: 20px; }
.cb-set h2 { font-size: 22px; padding: 16px 20px 6px; display: flex; align-items: center; gap: 10px; }
.cb-set h2::before { content: "\270B"; font-size: 20px; }
.cb-set details { border-block-start: 1px solid #e9e4d8; background: repeating-linear-gradient(transparent 0 25px, #f1ece0 25px 26px); }
.cb-set summary { cursor: pointer; list-style: none; padding: 13px 20px; font-weight: 500; display: flex; justify-content: space-between; gap: 14px; }
.cb-set summary::-webkit-details-marker { display: none; }
.cb-set summary::after { content: "?"; font-family: var(--f-hand); font-size: 26px; color: var(--c); line-height: .8; }
.cb-set details[open] summary::after { content: "!"; }
.cb-set details p { padding: 0 20px 16px; color: var(--ink-soft); }
@media (max-width: 640px) { .cb-board { padding: 24px 20px 28px; border-width: 10px; } }