/* Column/core-board selection input guide only. No shared template/image changes. */
.column-inputs .resource-heading h1{font-size:clamp(2rem,3.6vw,3.4rem);max-width:24ch}
.column-inputs .column-boundary{padding:1rem;border-inline-start:3px solid var(--color-signal);background:var(--color-paper-2)}
.column-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-block:1.5rem}
.column-actions a{min-height:2.75rem;display:inline-flex;align-items:center}
.column-inputs .button{max-width:100%;white-space:normal;text-align:center}
.column-view{margin:1.5rem 0;padding:1.25rem;background:var(--color-paper-2);min-width:0}
.column-view svg{display:block;width:100%;max-width:360px;height:auto;margin:auto}
.column-view .shape{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:2}
.column-view .board{fill:#d9e6f1;stroke:var(--color-ink);stroke-width:2;stroke-linejoin:round}
.column-view .link{fill:none;stroke:var(--color-accent-deep);stroke-width:2.5}
.column-view .support{fill:none;stroke:var(--color-ink);stroke-width:5}
.column-view text{fill:var(--color-ink);font:16px Arial,sans-serif}
.column-view figcaption{margin-top:1rem}
.column-view figcaption strong{display:block}
.column-view figcaption p{margin-bottom:0}
.column-example-grid{display:grid;gap:1.5rem;margin-block:1.5rem}
.column-example-grid>div{padding:1.25rem;background:var(--color-paper-2);min-width:0}
.column-example-grid h3{margin-top:0}
.column-example-grid dt{font-weight:600;margin-top:1rem}
.column-example-grid dd{margin:.4rem 0 0}
.column-faq{padding-block:1rem;border-block-start:1px solid var(--color-rule)}
.column-faq summary{cursor:pointer;min-height:2.75rem}
.column-faq summary h3{display:inline;font-size:1.125rem}
.column-inputs a:focus-visible,.column-inputs summary:focus-visible{outline:2px solid var(--color-accent-deep);outline-offset:4px}
@media(min-width:40rem){.column-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:59.99rem){.column-inputs .reading-nav{display:flex;flex-flow:row wrap;gap:.4rem 1rem}.column-inputs .reading-nav strong{width:100%}.column-inputs .reading-nav a{display:inline-flex;align-items:center;min-height:2.75rem;white-space:normal}}
@media(hover:hover) and (pointer:fine){.column-inputs .button:hover{background:var(--color-accent-deep);color:var(--color-on-dark)}}
@media print{.column-view,.column-example-grid>div{break-inside:avoid}}