/* Additions inherit each brand's established tokens, spacing and components. */
[hidden]{display:none!important}
.brief-section h2{margin-bottom:24px}
.brief-section p{max-width:65ch}
.brief-section .specs{margin-block:28px}
.brief-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-block:24px}
.brief-controls button,.brief-controls a,.brief-colour{cursor:pointer}
.brief-controls [aria-selected=true],.brief-controls [aria-current=true]{outline:2px solid currentColor;outline-offset:3px}
.brief-colour{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;border:1px solid var(--line,currentColor)}
.brief-colour span:before{content:"";display:inline-block;width:18px;height:18px;background:var(--choice);border:1px solid currentColor;border-radius:50%;vertical-align:middle;margin-right:8px}
.brief-colour input{width:18px;min-height:18px;margin:0;accent-color:var(--ink)}
.brief-section fieldset{border:1px solid var(--line,currentColor);padding:16px;min-width:0}
.brief-section figure{margin:24px 0}.brief-section figure img{width:100%;height:auto;display:block}
.brief-section .grid figure{margin:0}.brief-section .grid{gap:32px;margin-top:32px}
.brief-section .grid article{min-width:0}.brief-section .grid h3{margin-bottom:16px}
.brief-table-wrap{overflow-x:auto}.brief-section table{border-collapse:collapse;width:100%;text-align:left}
.brief-section caption{text-align:left;margin-bottom:16px}.brief-section th,.brief-section td{border-bottom:1px solid var(--line);padding:16px 12px;vertical-align:top}
.brief-section [data-k1-image]{aspect-ratio:3/2;object-fit:cover}
.brief-section .process{overflow-wrap:anywhere}
.gallery-button{cursor:zoom-in;display:block;width:100%;padding:0;border:0;background:transparent;color:inherit}
dialog:has(.lightbox-image){max-width:min(1100px,94vw);max-height:92vh;padding:24px;background:var(--bg);color:var(--ink);border:1px solid var(--line);overflow:auto}
dialog::backdrop{background:#000b}
.dialog-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.lightbox-image{width:100%;height:auto;max-height:65vh;object-fit:contain}
.footer-bottom [data-concept-disclosure]{font-size:inherit}
:where(.brief-controls,.brief-section) :focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:600px){.brief-controls{gap:10px}.brief-controls .button{white-space:normal}.brief-section .specs>div{min-width:0}.brief-section dd{overflow-wrap:anywhere}}
