.briefing { --bf-ink:#253d34; --bf-muted:#5b6e64; --bf-rule:#dce5da; color:var(--bf-ink); font-size:14px; line-height:1.55; max-width:62rem; margin-inline:auto; }
.briefing *, .briefing *::before, .briefing *::after { box-sizing:border-box; }
.briefing [hidden] { display:none !important; }
.bf-title { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.bf-title h1 { margin:0; font-size:clamp(21px,3vw,28px); line-height:1.25; letter-spacing:-.045em; }
.bf-title p,.bf-hint,.bf-list p { color:var(--bf-muted); margin:.28rem 0 0; font-size:13px; }
.bf-title img { width:56px; height:56px; flex:none; }
.bf-tabs,.bf-actions,.bf-row,.bf-pills { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.bf-tabs { margin:0 0 14px; gap:4px; }
.bf-tabs button { border:0; border-radius:24px; background:transparent; color:var(--bf-muted); padding:7px 13px; font-size:13px; cursor:pointer; min-height:40px; }
.bf-tabs button[aria-current=true] { background:#e3f0e7; color:#225b40; font-weight:700; }
.bf-panel { background:#fff; border:1px solid var(--bf-rule); border-radius:18px; padding:clamp(15px,3vw,24px); margin:0 0 14px; }
.bf-panel h2,.bf-panel h3,.bf-panel legend { color:var(--bf-ink); font-size:16px; line-height:1.35; letter-spacing:-.025em; margin:0 0 9px; font-weight:700; }
.bf-panel h3,.bf-panel legend { font-size:14px; }
.bf-panel fieldset { padding:0; margin:0; border:0; min-width:0; }
.bf-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0; }
.bf-field { display:flex; flex-direction:column; gap:5px; min-width:0; font-size:13px; font-weight:650; }
.bf-field input,.bf-field select,.bf-field textarea,.bf-demo select { min-width:0; max-width:100%; border:1px solid #c9d7cb; border-radius:9px; padding:9px 10px; color:var(--bf-ink); background:white; min-height:42px; font:inherit; }
.bf-field textarea { resize:vertical; }.bf-field.bf-wide { grid-column:1/-1; }
.bf-picks { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr)); gap:6px; margin:9px 0 12px; }
.bf-pick { display:flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid var(--bf-rule); border-radius:10px; min-height:44px; line-height:1.25; cursor:pointer; overflow-wrap:anywhere; }
.bf-pick:has(input:checked) { background:#ecf5ee; border-color:#448464; }
.bf-pick input { width:16px; height:16px; flex:none; accent-color:#236447; }
.bf-pick b,.bf-pick small { display:block; }.bf-pick small,.bf-badge { font-size:12px; color:var(--bf-muted); }
.bf-pills { margin:10px 0; }.bf-pills button,.bf-badge { border-radius:20px; background:#eef3ed; border:0; color:#335241; padding:5px 10px; overflow-wrap:anywhere; }
.bf-pills button { cursor:pointer; min-height:36px; font:inherit; font-size:13px; }
.bf-btn { display:inline-flex; align-items:center; justify-content:center; border:1px solid #bfd1c2; background:white; color:#224d35; border-radius:10px; font:inherit; font-size:13px; font-weight:650; line-height:1.3; padding:8px 13px; min-height:42px; cursor:pointer; }
.bf-btn.primary { color:#fff; background:#235a41; border-color:#235a41; }.bf-btn[disabled],.briefing button:disabled { opacity:.55; cursor:not-allowed; }
.bf-btn.small { min-height:34px; padding:5px 10px; font-size:12px; }
.briefing :focus-visible { outline:3px solid #386eac; outline-offset:3px; }
.bf-list { list-style:none; margin:0; padding:0; }.bf-list>li { border-top:1px solid var(--bf-rule); padding:10px 0; overflow-wrap:anywhere; }
.bf-list>li:first-child { border-top:0; }.bf-list details>summary { cursor:pointer; font-weight:650; padding-block:4px; }
.bf-row { justify-content:space-between; }.bf-empty { color:var(--bf-muted); background:#f3f6f0; border-radius:10px; padding:11px 13px; margin:0; font-size:13px; }
.bf-preview { background:#fafcf7; border:1px solid #c2d3c1; border-radius:12px; padding:15px; margin:12px 0 0; }
.bf-status:not(:empty),.bf-error:not(:empty) { border-radius:9px; padding:9px 12px; margin:8px 0 12px; }.bf-status:not(:empty) { background:#edf5eb; }.bf-error:not(:empty) { background:#fff2ee; color:#86382b; }
.bf-demo { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:12px; color:var(--bf-muted); margin-bottom:10px; }.bf-demo select { padding:3px 8px; min-height:32px; }
@media(max-width:580px) { .bf-controls { grid-template-columns:1fr; }.bf-title img { width:44px;height:44px; }.bf-tabs { gap:2px; }.bf-tabs button { padding:6px 9px; }.bf-panel { border-radius:13px; } }
.bf-delay { width:fit-content; max-width:100%; display:inline-flex; align-items:center; gap:6px; margin:6px 0 2px; padding:4px 9px; border:1px solid #efd0ae; border-radius:7px; color:#85420e; background:#fff3e5; font-size:13px; font-weight:700; line-height:1.4; overflow-wrap:anywhere; }
.bf-delay span { font-size:15px; line-height:1; }