.brand-brief-page{--bb-ink:#122b25;--bb-muted:#53675f;--bb-accent:#c9f16b;background:#f6f8f3;color:var(--bb-ink);font-family:Golos Text,system-ui,sans-serif;padding:28px 24px 80px;overflow-wrap:anywhere}.brand-brief-page *{box-sizing:border-box}.bb-article{max-width:1160px;margin:auto}.bb-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--bb-muted);margin:0 0 20px}.brand-brief-page a{color:#24543c;text-decoration:underline;text-underline-offset:4px}.bb-hero{border-radius:24px;overflow:hidden;background:#061a1c}.bb-hero picture{display:block;aspect-ratio:1672/941}.bb-hero img{display:block;width:100%;height:auto}.bb-reading{max-width:780px;margin:0 auto}.bb-opening{padding:38px 0 8px}.bb-lead{font-size:21px;line-height:1.7;margin:0 0 20px}.bb-lead+p{font-size:18px;color:#3b5348}.bb-jump{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:15px;margin:26px 0 0;padding-bottom:24px;border-bottom:1px solid #d8e1d6}.bb-section{scroll-margin-top:24px;padding-top:44px}.bb-section h2{font-size:30px;line-height:1.24;letter-spacing:-.025em;margin:0 0 22px;font-weight:750}.bb-section>p,.bb-section blockquote{font-size:17px;line-height:1.85;margin:0 0 19px;white-space:pre-line}.bb-channel{padding-left:20px;border-left:3px solid #c1d6b0}.bb-section blockquote{border-left:4px solid #8eb34d;background:#ebf2e4;border-radius:0 15px 15px 0;margin:26px 0;padding:22px 24px;font-size:18px}.bb-question{font-size:22px;line-height:1.35;margin:30px 0 12px;font-weight:700}.bb-diagram,.bb-route{margin:30px -26px;background:#eaf1e3;border:1px solid #ccdac4;border-radius:22px;padding:24px}.bb-diagram-top{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:18px}.bb-diagram-top>span,.bb-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#526d40;font-weight:700}.bb-diagram-top strong{font-size:18px}.bb-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bb-scope-card{min-width:0;border-radius:14px;background:white;padding:18px}.bb-number{font-size:12px;color:#72886a}.bb-scope-card h3{margin:12px 0 18px;font-size:21px}.bb-scope-card p{font-size:14px;line-height:1.65;margin:10px 0}.bb-scope-card .bb-scope-note{font-size:12px;color:#64705d;border-top:1px solid #e2e8dc;padding-top:12px;margin-top:16px}.bb-diagram figcaption,.bb-route figcaption{font-size:12px;line-height:1.6;color:#5f7354;margin-top:18px}.bb-route{background:#102e27;color:#fff;border-color:#24463c}.bb-route .bb-diagram-top>span{color:#b7d788}.bb-route ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.bb-route li{position:relative;min-width:0;display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.4}.bb-route li:not(:last-child):after{content:"→";position:absolute;right:-16px;top:6px;color:#bddc80}.bb-step{height:28px;width:28px;background:#cbef81;color:#122c22;border-radius:50%;display:grid;place-items:center;font-weight:700}.bb-route small{font-size:11px;color:#c7d8ce;line-height:1.5}.bb-route figcaption{color:#b9cdbb}.bb-check{padding:28px;border:1px solid #bbd19e;border-radius:20px;background:#fff;margin-top:24px}.bb-kicker{margin:0 0 16px}.bb-check fieldset{border:0;margin:0;padding:0;min-width:0}.bb-check legend{font-size:23px;line-height:1.3;font-weight:700;max-width:100%}.bb-check #bb-check-help{font-size:14px;line-height:1.65;color:#63725e;margin:14px 0 20px}.bb-options{display:grid;gap:10px}.bb-options label{display:flex;align-items:flex-start;gap:12px;border:1px solid #d5dfcd;padding:15px;border-radius:11px;font-size:15px;line-height:1.5;cursor:pointer}.bb-options label.is-selected{border-color:#557a35;background:#f1f7e9}.bb-options label:focus-within{outline:3px solid #385a2b;outline-offset:3px}.bb-options input{width:18px;height:18px;flex:0 0 18px;accent-color:#365f2b;margin-top:2px}.bb-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:22px}.brand-brief-page .bb-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;border:1px solid #a9d751;border-radius:10px;background:var(--bb-accent);color:#18321d;font:inherit;font-size:15px;line-height:1.5;font-weight:700;text-decoration:none;cursor:pointer;max-width:100%}.bb-button:hover{background:#bce652}.bb-reset{background:none;border:0;color:#526f3f;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}.bb-result{border-left:4px solid #608142;background:#eef5e5;padding:18px 20px;margin-top:24px;border-radius:0 10px 10px 0}.bb-result h3{font-size:18px;margin:0 0 10px}.bb-result p{font-size:15px;line-height:1.7;margin:0 0 12px}.bb-result a{font-size:14px}.bb-check .bb-fine{font-size:12px;line-height:1.7;color:#69745e;margin:22px 0 0}.bb-error{font-size:14px;line-height:1.6;color:#9a3327;margin:18px 0 0}.brand-brief-page :focus-visible{outline:3px solid #325c31;outline-offset:4px}.bb-app{margin:10px 0 6px}.bb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:900px){.bb-diagram,.bb-route{margin-left:0;margin-right:0}.bb-scope-grid{grid-template-columns:1fr}.bb-scope-card{display:grid;grid-template-columns:28px 1fr;gap:0 14px}.bb-scope-card h3{margin:0 0 8px}.bb-scope-card p{grid-column:2}.bb-scope-card .bb-scope-note{margin-top:6px}.bb-route ol{grid-template-columns:1fr}.bb-route li{display:grid;grid-template-columns:28px 1fr;gap:4px 12px;min-height:58px}.bb-route small{grid-column:2;font-size:12px}.bb-route li:not(:last-child):after{content:"↓";left:8px;top:36px;right:auto}.bb-step{grid-row:span 2}}@media (max-width:640px){.brand-brief-page{padding:20px 16px 56px}.bb-breadcrumb{font-size:12px;margin-bottom:16px}.bb-hero{border-radius:16px}.bb-hero picture{aspect-ratio:1122/1402}.bb-opening{padding-top:26px}.bb-lead{font-size:18px;line-height:1.75}.bb-lead+p{font-size:16px}.bb-section{padding-top:34px}.bb-section h2{font-size:25px}.bb-section>p,.bb-section blockquote{font-size:16px;line-height:1.8}.bb-section blockquote{padding:18px}.bb-question{font-size:20px}.bb-diagram,.bb-route{padding:18px;border-radius:16px}.bb-check{padding:20px 16px;border-radius:16px}.bb-check legend{font-size:21px}.bb-options label{font-size:14px;padding:13px}.bb-actions{align-items:stretch;flex-direction:column;gap:5px}.bb-button{width:100%}.bb-jump{font-size:14px;gap:12px}.bb-result{padding:16px}}
