/* Briefs view. Uses work.css tokens; no new colours beyond kind accents. */
/* The mobile nav grid holds five items; Briefs is reachable from More there. */
@media (max-width:760px){#nav a[href="#briefs"]{display:none}}
.brief-switch{display:flex;gap:6px}
.brief-group{margin-top:18px}
.brief-group h2{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5d646f);margin:0 0 10px;font-weight:700}
.brief-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.brief-card{background:var(--panel,#fff);border:1px solid var(--line,#e4e0d9);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-height:120px}
.brief-card-top{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px;color:var(--muted,#5d646f)}
.brief-card h3{margin:0;font-size:17px;line-height:1.3}
.brief-open{all:unset;cursor:pointer;color:inherit;font-weight:700}
.brief-open:focus-visible{outline:2px solid var(--accent,#235347);outline-offset:2px;border-radius:4px}
.brief-summary{margin:0;color:var(--muted,#5d646f);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.brief-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.brief-card-actions .button,.brief-viewer-actions .button{min-height:44px}
.brief-kind-interview{background:var(--success-bg);color:var(--success)}
.brief-kind-call_prep{background:var(--info-bg);color:var(--info)}
.brief-kind-brief{background:var(--warning-bg);color:var(--warning)}
:root[data-theme="dark"] .brief-kind-interview,:root[data-theme="dark"] .brief-kind-call_prep,:root[data-theme="dark"] .brief-kind-brief{filter:brightness(.85) saturate(.8)}
.brief-viewer{padding:14px 16px}
.brief-viewer-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.brief-viewer-meta{display:flex;gap:10px;align-items:center;color:var(--muted,#5d646f);font-size:14px}
.brief-viewer-actions{display:flex;flex-wrap:wrap;gap:8px}
.brief-title{font-size:clamp(22px,4vw,30px);margin:12px 0 4px;line-height:1.15}
.brief-frame{width:100%;min-height:72vh;border:1px solid var(--line,#e4e0d9);border-radius:var(--radius-coverage);background:var(--paper-doc);margin-top:12px}
@media (max-width:600px){.brief-viewer-top{flex-direction:column;align-items:stretch}.brief-viewer-actions .button{flex:1 1 auto}.brief-frame{min-height:80vh}}
@media (prefers-reduced-motion:no-preference){.brief-card{animation:brief-rise .32s cubic-bezier(.22,.61,.36,1) both}}
@keyframes brief-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.brief-card,.brief-viewer,.brief-card h3{min-width:0;overflow-wrap:anywhere}.brief-card details{margin:0}.brief-card details p{white-space:pre-wrap}.brief-viewer .notice p{margin:6px 0}.brief-viewer .brief-grid p{max-width:68ch}