#brief-app{--paper:#f6f4ef;--white:#fffefa;--ink:#253b36;--muted:#778078;--line:#dddeda;--accent:#bc6d50;--green:#244c40;--light:#e9eee7}#brief-app, #brief-app *{box-sizing:border-box}#brief-app{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Arial,sans-serif}#brief-app button, #brief-app input, #brief-app select, #brief-app textarea{font:inherit}#brief-app button, #brief-app a, #brief-app input, #brief-app textarea, #brief-app select{ -webkit-tap-highlight-color:transparent}#brief-app button{cursor:pointer}#brief-app button:focus-visible, #brief-app a:focus-visible, #brief-app input:focus-visible, #brief-app select:focus-visible, #brief-app textarea:focus-visible{outline:3px solid #bd795b;outline-offset:3px}#brief-app button{border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);padding:10px 15px}#brief-app button:hover{border-color:var(--green)}#brief-app button.primary{background:var(--green);color:white;border-color:var(--green)}#brief-app button.ghost{background:transparent}#brief-app button.danger{color:#a54838}#brief-app .shell{max-width:1600px;margin:auto;display:grid;grid-template-columns:260px 1fr;min-height:100vh}#brief-app aside{padding:34px 24px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;overflow:auto;background:#f0f0e9}#brief-app .brand{font:29px Georgia,serif;letter-spacing:-1px;line-height:1.1}#brief-app .brand small{display:block;font:10px Arial;letter-spacing:2px;margin-top:12px;text-transform:uppercase}#brief-app .side-rule{height:1px;background:var(--line);margin:28px 0}#brief-app .navbtn{width:100%;text-align:left;border:0;background:transparent;margin:4px 0;padding:12px}#brief-app .navbtn.active{background:var(--green);color:white}#brief-app .num{display:inline-block;font-size:11px;opacity:.7;margin-right:12px}#brief-app .small{font-size:12px;color:var(--muted)}#brief-app .tiny{font-size:11px;color:var(--muted)}#brief-app .badge{font-size:11px;background:var(--light);padding:4px 8px;border-radius:30px;display:inline-block}#brief-app .badge.warn{background:#f8e8d9;color:#925534}#brief-app .savebox{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}#brief-app .savebox button{font-size:12px;margin:5px 0;width:100%}#brief-app .brief-main{min-width:0;padding:30px 48px 70px}#brief-app .topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:30px}#brief-app .eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:bold}#brief-app h1{font:normal clamp(34px,4vw,58px)/1.08 Georgia,serif;letter-spacing:-1.2px;margin:15px 0 20px}#brief-app h2{font:normal 31px/1.2 Georgia,serif;margin:8px 0 16px}#brief-app h3{font-size:17px;font-weight:500;margin:0 0 8px}#brief-app .lead{max-width:700px;font-size:16px;color:#617069}#brief-app .hero{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;margin:25px 0 38px}#brief-app .hero-art{background:#e8e2d7;border-radius:150px 150px 5px 5px;overflow:hidden}#brief-app .cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}#brief-app .card, #brief-app .panel{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:24px}#brief-app .card{position:relative}#brief-app .card h2{font-size:29px}#brief-app .card p{color:#68736b}#brief-app .card .big-num{font:50px Georgia;color:#bcc5b7}#brief-app .card .row{margin-top:20px}#brief-app .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#brief-app .between{justify-content:space-between}#brief-app .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}#brief-app .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#brief-app .mt{margin-top:24px}#brief-app .mb{margin-bottom:24px}#brief-app .notice{border-left:3px solid #b77b54;background:#f1ebe1;padding:14px 18px;font-size:13px}#brief-app .progress{height:5px;background:#e0e4dc;border-radius:5px;overflow:hidden}#brief-app .progress>span{display:block;background:var(--green);height:100%}#brief-app .stephead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}#brief-app .style-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}#brief-app .option{padding:22px;text-align:left;min-height:135px;border-radius:12px;position:relative}#brief-app .option.chosen{background:#e9efe7;border:2px solid var(--green);padding:21px}#brief-app .option.chosen:after{content:"✓";position:absolute;right:14px;top:10px;color:var(--green)}#brief-app .option strong{font:22px Georgia;display:block;padding-right:10px}#brief-app .option small{display:block;margin-top:12px;color:#748078}#brief-app .swatches{display:flex;gap:6px;margin-bottom:16px}#brief-app .swatches i{display:block;width:28px;height:28px;border-radius:50%}#brief-app .artcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#brief-app .artcard{padding:0;overflow:hidden;text-align:left}#brief-app .artcard svg{width:100%;display:block}#brief-app .artcard span{display:block;padding:13px}#brief-app .artcard.chosen{outline:3px solid var(--green);outline-offset:2px}#brief-app .field{display:block;margin-bottom:16px}#brief-app .field>span{display:block;font-size:12px;font-weight:bold;margin-bottom:6px}#brief-app .field input, #brief-app .field select, #brief-app .field textarea, #brief-app input.text, #brief-app textarea, #brief-app select{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:10px 12px}#brief-app textarea{resize:vertical;min-height:76px}#brief-app input[type=checkbox]{accent-color:var(--green);width:17px;height:17px}#brief-app .check{display:flex;gap:9px;align-items:start;padding:7px 0;font-size:13px}#brief-app .brief-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}#brief-app .sectionlist{max-height:70vh;overflow:auto;padding-right:8px;position:sticky;top:20px}#brief-app .sectionlist button{width:100%;font-size:12px;text-align:left;margin:3px 0;background:transparent;border:0;padding:9px}#brief-app .sectionlist button.active{background:#e1e9df;color:var(--green);font-weight:bold}#brief-app .q{padding:22px 0;border-bottom:1px solid var(--line)}#brief-app .q:first-child{padding-top:0}#brief-app .qtitle{font-size:16px;margin:0 0 13px}#brief-app .qid{font-size:11px;color:var(--accent);margin-right:8px}#brief-app .qmeta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}#brief-app .qmeta select{font-size:12px;padding:7px}#brief-app .q textarea{font-size:14px}#brief-app .q details{font-size:12px;margin-top:9px}#brief-app .q details textarea{margin-top:8px}#brief-app .questionnaire{background:var(--white);border:1px solid var(--line);padding:26px;border-radius:12px}#brief-app .section-head{background:#e8ece4;padding:20px;border-radius:10px;margin-bottom:22px}#brief-app .roomtag{background:#d9e4d8;padding:4px 9px;font-size:11px;border-radius:5px}#brief-app .tablewrap{overflow:auto}#brief-app table{width:100%;border-collapse:collapse;font-size:12px}#brief-app th, #brief-app td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid var(--line)}#brief-app th{color:#68756c;background:#eef0e9}#brief-app td input, #brief-app td select{min-width:110px}#brief-app td textarea{min-width:160px}#brief-app table.registry{min-width:850px}#brief-app a{color:var(--green)}#brief-app .report{background:white;border:1px solid var(--line);border-radius:12px;padding:40px}#brief-app .report h1{font-size:42px}#brief-app .report h2{font-size:26px;margin-top:32px}#brief-app .report h3{margin-top:22px}#brief-app .report td{overflow-wrap:anywhere}#brief-app .report .label{font-size:11px;color:#728076;text-transform:uppercase;letter-spacing:1px}#brief-app .report p{white-space:pre-line}#brief-app .report ul{padding-left:20px}#brief-app .refimg{height:125px;max-width:100%;object-fit:cover;border-radius:8px}#brief-app .refcard{padding:15px}#brief-app .toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 20px;border-radius:8px;z-index:10;box-shadow:0 4px 20px #0002}#brief-app .toast:empty{display:none}#brief-app .scorebar{display:grid;grid-template-columns:160px 1fr 45px;gap:12px;align-items:center;font-size:12px;margin:14px 0}#brief-app .scorebar .progress{height:8px}#brief-app .footer-nav{display:flex;justify-content:space-between;gap:12px;margin-top:25px}#brief-app .mobile-title{display:none}#brief-app details summary{cursor:pointer}#brief-app .statusdot{width:7px;height:7px;background:#648361;border-radius:50%;display:inline-block;margin-right:6px}#brief-app .sources{font-size:12px;color:#718073;padding-top:24px;margin-top:32px;border-top:1px solid var(--line)}#brief-app .pill{background:#e7e9df;padding:6px 10px;border-radius:20px;font-size:12px}#brief-app .muted{color:var(--muted)}#brief-app .empty{padding:25px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}#brief-app #printroot{display:none}@media(max-width:1100px){#brief-app .brief-main{padding:25px}#brief-app .shell{grid-template-columns:220px 1fr}#brief-app .brief-layout{grid-template-columns:1fr}#brief-app .sectionlist{position:static;max-height:180px;border-bottom:1px solid var(--line);margin-bottom:10px}#brief-app .hero{gap:18px}#brief-app .artcards{grid-template-columns:1fr 1fr}}@media(max-width:760px){#brief-app .shell{display:block}#brief-app aside{height:auto;position:static;padding:20px;border-right:0;border-bottom:1px solid var(--line)}#brief-app .brand{font-size:26px}#brief-app .brand small{margin-top:6px}#brief-app .side-rule, #brief-app .aside-note{display:none}#brief-app .navigation{display:flex;overflow:auto;margin-top:17px}#brief-app .navbtn{min-width:125px;width:auto;font-size:12px;padding:10px}#brief-app .num{margin-right:5px}#brief-app .savebox{margin:12px 0 0;padding:10px 0 0;display:flex;gap:8px;flex-wrap:wrap}#brief-app .savebox button{width:auto;font-size:11px;padding:7px}#brief-app .savebox .small{width:100%}#brief-app .brief-main{padding:20px 16px 50px}#brief-app .hero{grid-template-columns:1fr}#brief-app .hero-art{display:none}#brief-app .cards, #brief-app .grid2, #brief-app .grid3, #brief-app .style-options{grid-template-columns:1fr}#brief-app .topbar{font-size:11px;margin-bottom:22px;padding-bottom:15px}#brief-app .option{min-height:100px}#brief-app .artcards{grid-template-columns:1fr 1fr}#brief-app .questionnaire{padding:18px}#brief-app .report{padding:20px}#brief-app .scorebar{grid-template-columns:125px 1fr 35px}#brief-app .qmeta{grid-template-columns:1fr}#brief-app .report h1{font-size:32px}#brief-app .field{min-width:0}#brief-app h1{font-size:39px}}@media print{@page brief-report{size:A4;margin:15mm}#brief-app.brief-printing{background:white;color:#111;font-size:10pt}#brief-app.brief-printing .shell, #brief-app.brief-printing .toast{display:none!important}#brief-app.brief-printing #printroot{display:block!important}#brief-app.brief-printing .report{border:0;padding:0}#brief-app.brief-printing .report h1{font-size:27pt}#brief-app.brief-printing .report h2{font-size:18pt;break-after:avoid}#brief-app.brief-printing .report h3{break-after:avoid}#brief-app.brief-printing .report table{font-size:8pt}#brief-app.brief-printing .report tr{break-inside:avoid}#brief-app.brief-printing .report .notice{background:#f4f4f4}#brief-app.brief-printing .report details{display:block}#brief-app.brief-printing .report a{color:#111;text-decoration:none}#brief-app.brief-printing .report img{max-height:100px}#brief-app.brief-printing .report .no-print{display:none}#brief-app.brief-printing .report td, #brief-app.brief-printing .report th{padding:6px}}






#brief-app{--brand-hero:url("img-654caf88139c.webp")}
/* Visual language from the supplied Natalia Yurkovskaya website. */
#brief-app{--paper:#F6F1EA;--white:#FBF8F3;--ink:#2A2825;--muted:#6B6359;--line:rgba(42,40,37,.14);--accent:#7A6B4A;--green:#5A6840;--light:#EFE8DD;--bg-warm:#EFE8DD;--linen:#E4D9C8;--stone:#C9B8A4;--ease:cubic-bezier(.22,.61,.36,1)}
#brief-app{scroll-behavior:smooth}#brief-app{font-family:"Inter",Arial,sans-serif;font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased}#brief-app button, #brief-app input, #brief-app textarea, #brief-app select{font-family:"Inter",Arial,sans-serif}#brief-app button{border-radius:0;padding:13px 22px;font-size:11px;font-weight:400;letter-spacing:.13em;text-transform:uppercase;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}#brief-app button:hover{background:var(--bg-warm);border-color:var(--accent)}#brief-app button.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}#brief-app button.primary:hover{background:var(--accent);border-color:var(--accent)}#brief-app button:disabled{opacity:.4;cursor:default}#brief-app button.ghost{border-color:var(--line)}#brief-app a{color:inherit;text-underline-offset:4px}#brief-app button:focus-visible, #brief-app a:focus-visible, #brief-app input:focus-visible, #brief-app select:focus-visible, #brief-app textarea:focus-visible{outline-color:var(--accent)}
#brief-app h1, #brief-app h2, #brief-app h3, #brief-app .brand, #brief-app .option strong{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;letter-spacing:-.01em}#brief-app h1{font-size:clamp(44px,5.2vw,76px);line-height:1.05;margin:18px 0 26px}#brief-app h2{font-size:42px;line-height:1.12}#brief-app h3{font-size:27px;line-height:1.2}#brief-app .serif-i{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;font-style:italic}#brief-app .lead{font-size:15px;line-height:1.85;color:#4A4641}#brief-app .eyebrow{font-size:10px;font-weight:400;letter-spacing:.23em;color:var(--muted)}#brief-app .small{font-size:12px;line-height:1.7}#brief-app .tiny{font-size:11px;line-height:1.65}
#brief-app .shell{display:block;max-width:none;min-height:100vh}#brief-app .brandheader{height:95px;padding:18px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:sticky;top:0;z-index:20;background:rgba(246,241,234,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}#brief-app .brand{font-size:24px;letter-spacing:.13em;line-height:1.1;white-space:nowrap;font-weight:500}#brief-app .brand small{font-family:"Inter",sans-serif;font-size:9px;letter-spacing:.22em;font-weight:400;margin-top:9px}#brief-app .brandheader .side-rule, #brief-app .brandheader .aside-note{display:none}#brief-app .navigation{display:flex;align-items:center;gap:22px}#brief-app .navbtn{font-size:10px;letter-spacing:.13em;white-space:nowrap;padding:9px 0;margin:0;width:auto;border:0;border-bottom:1px solid transparent;background:transparent;position:relative}#brief-app .navbtn .num{display:none}#brief-app .navbtn.active, #brief-app .navbtn:hover{background:transparent;color:inherit;border-bottom-color:currentColor}#brief-app .project-menu{position:relative;flex-shrink:0}#brief-app .project-menu>summary{list-style:none;cursor:pointer;font-size:10px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;border:1px solid currentColor;padding:13px 18px;white-space:nowrap}#brief-app .project-menu>summary::-webkit-details-marker{display:none}#brief-app .project-menu[open]>summary{background:var(--ink);color:var(--paper)}#brief-app .savebox{position:absolute;right:0;top:45px;width:265px;padding:20px;margin:8px 0 0;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 40px #2a282514;color:var(--ink);display:block}#brief-app .savebox button{width:100%;padding:11px 9px;font-size:10px;letter-spacing:.08em}#brief-app .savebox .small{font-size:11px;margin-bottom:12px}#brief-app .statusdot{background:var(--green)}#brief-app .brief-main{max-width:none;padding:42px 48px 50px}#brief-app .topbar, #brief-app #app, #brief-app .sources{max-width:1220px;margin-left:auto;margin-right:auto}#brief-app .topbar{margin-bottom:42px;padding-bottom:18px}#brief-app .topbar #top-progress{font-size:11px;letter-spacing:.04em;color:var(--muted)}#brief-app #app{animation:brief-brandReveal .5s var(--ease)}#brief-app .sources{margin-top:65px;padding-top:25px;font-size:10px;line-height:1.9;color:var(--muted)}#brief-app .brand-foot{max-width:1220px;margin:46px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}#brief-app .brand-foot .signature{font:italic 26px "Cormorant Garamond",serif}#brief-app .brand-foot span:last-child{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
#brief-app[data-page=home] .brandheader{position:absolute;left:0;right:0;top:0;background:transparent;backdrop-filter:none;color:#fff;border-bottom:1px solid #ffffff24}#brief-app[data-page=home] .brief-main{padding-top:0}#brief-app[data-page=home] .topbar{display:none}#brief-app .hero{position:relative;width:100vw;left:50%;margin-left:-50vw;margin-top:0;margin-bottom:0;min-height:690px;display:flex;align-items:flex-end;overflow:hidden;background:#4A4641;color:white;padding:145px max(48px,calc((100vw - 1220px)/2)) 72px}#brief-app .hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(30,28,25,.72),rgba(30,28,25,.35) 48%,rgba(30,28,25,.08)),var(--brand-hero);background-size:cover;background-position:center;z-index:0}#brief-app .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17151255,transparent 35%);pointer-events:none}#brief-app .hero-copy{position:relative;z-index:1;max-width:640px}#brief-app .hero h1{font-size:clamp(48px,5.8vw,84px);line-height:1.03;margin:20px 0 25px;max-width:620px;letter-spacing:-.01em}#brief-app .hero .eyebrow{color:#fff;opacity:.8}#brief-app .hero .lead{color:#fff;opacity:.9;max-width:490px;font-size:15px;line-height:1.8}#brief-app .hero .small{color:#fff;opacity:.6;font-size:11px;max-width:440px;margin-top:27px}#brief-app .hero .row{margin-top:28px;gap:14px}#brief-app .hero button{background:transparent;color:white;border-color:#ffffff80;padding:15px 23px}#brief-app .hero button.primary{background:var(--paper);border-color:var(--paper);color:var(--ink)}#brief-app .hero button.primary:hover{background:white;border-color:white}#brief-app .hero button.ghost:hover{background:#ffffff18}#brief-app .hero-art{display:none}#brief-app .hero-caption{position:absolute;right:48px;bottom:30px;z-index:2;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#fff9;writing-mode:vertical-rl;transform:rotate(180deg)}#brief-app .intro-heading{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin:76px 0 48px;align-items:start}#brief-app .intro-heading h2{font-size:clamp(38px,4.5vw,60px);margin:0 0 17px;max-width:650px}#brief-app .intro-heading p{max-width:530px;color:#4A4641;font-size:14px;line-height:1.85;margin:0}#brief-app .intro-heading .eyebrow{padding-top:10px}#brief-app .cards{gap:54px}#brief-app .card{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:30px 0 20px}#brief-app .card .big-num{font:italic 44px "Cormorant Garamond",serif;color:var(--accent)}#brief-app .card h2{font-size:42px;margin:18px 0}#brief-app .card p{font-size:14px;line-height:1.85;color:#4A4641;max-width:480px;min-height:77px}#brief-app .card .row{margin-top:24px}#brief-app .card>.row:first-child{margin-top:0}#brief-app .card .progress{margin-top:25px}#brief-app .notice{background:var(--bg-warm);border-left:2px solid var(--accent);color:#4A4641;font-size:12px;line-height:1.8;padding:18px 22px}#brief-app .panel, #brief-app .questionnaire{border-radius:0;background:var(--white);border-color:var(--line);padding:30px}#brief-app .progress{border-radius:0;height:2px;background:var(--linen)}#brief-app .progress>span{background:var(--accent)}#brief-app .badge, #brief-app .pill, #brief-app .roomtag{border-radius:0;background:var(--bg-warm);color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.04em;padding:6px 10px}#brief-app .badge.warn{background:#ece3d6;color:#766144}#brief-app .roomtag{background:var(--linen)}#brief-app .stephead{margin-bottom:22px}#brief-app .stephead h2{margin-top:12px}#brief-app .stephead+.progress{margin-bottom:38px}
#brief-app .style-options{gap:20px;margin:35px 0}#brief-app .option{min-height:153px;padding:27px;border:1px solid var(--line);background:transparent;text-transform:none;letter-spacing:0;border-radius:0}#brief-app .option strong{font-size:30px;line-height:1.15}#brief-app .option small{font-size:12px;font-weight:300;line-height:1.8;color:var(--muted);max-width:400px}#brief-app .option:hover{background:var(--bg-warm);border-color:var(--stone)}#brief-app .option.chosen{background:var(--bg-warm);border:1px solid var(--accent);padding:27px;box-shadow:inset 0 0 0 1px var(--accent)}#brief-app .option.chosen:after{color:var(--accent)}#brief-app .swatches{gap:0;margin-bottom:20px}#brief-app .swatches i{width:45px;height:18px;border-radius:0}#brief-app .artcards{gap:24px}#brief-app .artcard{border-radius:0;border:1px solid var(--line);background:transparent;text-transform:none;letter-spacing:0}#brief-app .artcard span{font:25px "Cormorant Garamond",serif;padding:18px}#brief-app .artcard.chosen{outline:1px solid var(--accent);outline-offset:4px}#brief-app .artcard:hover svg{filter:brightness(1.03)}#brief-app .refimg{border-radius:0}#brief-app .empty{border-radius:0;font-size:13px}#brief-app .scorebar{grid-template-columns:175px 1fr 40px;font-size:12px;gap:12px}#brief-app .scorebar .progress{height:4px}#brief-app .footer-nav{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
#brief-app .field>span{font-weight:400;font-size:11px;letter-spacing:.02em}#brief-app .field input, #brief-app .field select, #brief-app .field textarea, #brief-app input.text, #brief-app textarea, #brief-app select{border-radius:0;background:#fdfbf7;border-color:rgba(42,40,37,.2);font-size:13px;font-weight:300;padding:12px;color:var(--ink)}#brief-app input::placeholder, #brief-app textarea::placeholder{color:#8b8479;font-size:12px}#brief-app .check{font-size:12px;line-height:1.8}#brief-app input[type=checkbox]{accent-color:var(--accent)}#brief-app .brief-layout{grid-template-columns:240px minmax(0,1fr);gap:40px}#brief-app .sectionlist{top:125px;max-height:calc(100vh - 155px);scrollbar-width:thin;scrollbar-color:var(--stone) transparent}#brief-app .sectionlist button{font-size:11px;font-weight:300;line-height:1.7;letter-spacing:0;text-transform:none;padding:12px;border-bottom:1px solid var(--line);margin:0}#brief-app .sectionlist button.active{background:var(--bg-warm);color:var(--ink);font-weight:400;border-left:2px solid var(--accent)}#brief-app .section-head{background:var(--bg-warm);border-radius:0;padding:25px;margin-bottom:12px}#brief-app .section-head h2{font-size:35px;margin:14px 0}#brief-app .q{padding:27px 0}#brief-app .qtitle{font-size:15px;font-weight:400;line-height:1.75;margin-bottom:18px}#brief-app .qid{color:var(--accent);font-weight:400}#brief-app .qmeta select{font-size:11px;font-weight:300}#brief-app .q details{color:var(--muted);font-size:11px}#brief-app .q details summary:hover{color:var(--ink)}#brief-app .questionnaire>h2{margin-top:12px}#brief-app .tablewrap th{background:var(--bg-warm);color:var(--muted);font-weight:400}#brief-app .toast{border-radius:0;background:var(--ink);font-size:12px;font-weight:300}#brief-app .report{border-radius:0;border-color:var(--line);padding:48px;background:#fffdfa}#brief-app .report h1{font:52px "Cormorant Garamond",serif}#brief-app .report h2{font:34px "Cormorant Garamond",serif;margin-top:40px}#brief-app .report h3{font:25px "Cormorant Garamond",serif}#brief-app .report th{background:var(--bg-warm);font-weight:400}#brief-app .report td{font-weight:300}#brief-app .report .eyebrow{letter-spacing:.15em}
@keyframes brief-brandReveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1700px){#brief-app .hero{min-height:760px}}
@media(max-width:1200px){#brief-app .brandheader{padding:18px 28px;gap:20px}#brief-app .brand{font-size:21px;letter-spacing:.08em}#brief-app .navigation{gap:17px}#brief-app .navbtn{font-size:9px;letter-spacing:.07em}#brief-app .project-menu>summary{font-size:9px;padding:12px}#brief-app .brief-main{padding:32px}#brief-app .hero{padding-left:48px;padding-right:48px}#brief-app .brief-layout{gap:25px;grid-template-columns:215px minmax(0,1fr)}}
@media(max-width:960px){#brief-app .brandheader{height:auto;min-height:110px;flex-wrap:wrap;padding:16px 24px;gap:16px}#brief-app .brand{font-size:23px}#brief-app .navigation{order:3;width:100%;justify-content:space-between;gap:15px;overflow:auto}#brief-app .navbtn{font-size:10px;padding:4px 0;letter-spacing:.08em}#brief-app .project-menu{margin-left:auto}#brief-app .savebox{top:43px}#brief-app .hero{min-height:710px;padding-top:180px;padding-bottom:60px}#brief-app .hero h1{font-size:70px}#brief-app .hero-copy{max-width:560px}#brief-app .intro-heading{grid-template-columns:1fr 2fr;gap:28px;margin-top:55px}#brief-app .cards{gap:30px}#brief-app .card h2{font-size:37px}#brief-app .brief-layout{display:block}#brief-app .sectionlist{position:static;display:flex;max-height:150px;overflow:auto;gap:8px;margin-bottom:22px;padding:10px 0}#brief-app .sectionlist button{min-width:175px;max-width:210px;border:1px solid var(--line);font-size:10px;flex-shrink:0}#brief-app .card p{min-height:120px}#brief-app .scorebar{grid-template-columns:145px 1fr 35px}}
@media(max-width:760px){#brief-app .brandheader{padding:16px 20px;gap:18px}#brief-app .brand{font-size:21px;letter-spacing:.07em}#brief-app .brand small{font-size:8px;letter-spacing:.16em;margin-top:7px}#brief-app .project-menu>summary{font-size:8px;letter-spacing:.07em;padding:10px}#brief-app .navigation{margin-top:0;gap:20px;justify-content:space-between;scrollbar-width:none}#brief-app .navbtn{min-width:auto;font-size:9px;padding:5px 0;margin:0}#brief-app .savebox{width:260px;top:34px;margin-top:10px;padding:18px}#brief-app .savebox button{width:100%;font-size:10px}#brief-app .savebox .small{width:100%}#brief-app .brief-main{padding:28px 20px 40px}#brief-app .topbar{margin-bottom:28px;align-items:center}#brief-app .topbar .eyebrow{font-size:8px;letter-spacing:.12em}#brief-app .topbar #top-progress{font-size:9px}#brief-app .hero{min-height:740px;padding:174px 24px 45px;align-items:flex-end}#brief-app .hero h1{font-size:58px;line-height:1.04;margin:18px 0 22px;max-width:380px}#brief-app .hero .lead{font-size:13px;max-width:350px;line-height:1.9}#brief-app .hero-photo{background-position:58% center;background-image:linear-gradient(90deg,#24211cdc,#24211c80),var(--brand-hero)}#brief-app .hero .eyebrow{font-size:8px;letter-spacing:.2em}#brief-app .hero .row{gap:12px;flex-wrap:wrap;margin-top:24px}#brief-app .hero button{font-size:9px;padding:14px 18px;letter-spacing:.09em}#brief-app .hero .small{font-size:10px;margin-top:24px;line-height:1.8;max-width:290px}#brief-app .hero-caption{display:none}#brief-app .intro-heading{display:block;margin:44px 0 30px}#brief-app .intro-heading .eyebrow{margin-bottom:20px}#brief-app .intro-heading h2{font-size:43px;line-height:1.05;max-width:350px;margin-bottom:20px}#brief-app .intro-heading p{font-size:13px}#brief-app .cards{gap:16px;grid-template-columns:1fr}#brief-app .card{padding:25px 0 28px}#brief-app .card h2{font-size:39px}#brief-app .card p{min-height:0;font-size:13px}#brief-app .card .eyebrow{font-size:9px}#brief-app .card .big-num{font-size:37px}#brief-app .card .row{margin-top:18px}#brief-app .card .small{font-size:10px}#brief-app .card button{font-size:10px;padding:12px 17px}#brief-app .panel, #brief-app .questionnaire{padding:20px}#brief-app h1{font-size:43px}#brief-app h2{font-size:35px}#brief-app h3{font-size:26px}#brief-app .lead{font-size:13px}#brief-app .style-options{grid-template-columns:1fr;margin:27px 0;gap:12px}#brief-app .option, #brief-app .option.chosen{padding:23px;min-height:126px}#brief-app .option strong{font-size:29px}#brief-app .option small{font-size:11px;margin-top:10px}#brief-app .artcards{gap:15px}#brief-app .artcard span{font-size:21px;padding:12px}#brief-app .field input, #brief-app .field select, #brief-app .field textarea, #brief-app input.text, #brief-app textarea, #brief-app select{font-size:16px}#brief-app .q textarea{font-size:16px}#brief-app .qmeta{grid-template-columns:1fr}#brief-app .qmeta select{font-size:13px}#brief-app .qtitle{font-size:14px}#brief-app .section-head{padding:18px}#brief-app .section-head h2{font-size:31px}#brief-app .report{padding:20px}#brief-app .report h1{font-size:39px}#brief-app .report h2{font-size:30px}#brief-app .report h3{font-size:24px}#brief-app .scorebar{font-size:10px;grid-template-columns:125px 1fr 30px;gap:9px}#brief-app .notice{font-size:11px;padding:17px}#brief-app .footer-nav button{font-size:9px;letter-spacing:.06em;padding:12px 15px}#brief-app .sources{margin-top:40px;font-size:9px}#brief-app .brand-foot{align-items:flex-start;margin-top:30px;flex-direction:column;gap:12px}#brief-app .brand-foot .signature{font-size:25px}#brief-app .brand-foot span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){#brief-app{scroll-behavior:auto}#brief-app, #brief-app *, #brief-app *:before, #brief-app *:after{animation:none!important;transition:none!important}}
@media print{#brief-app.brief-printing .brandheader, #brief-app.brief-printing .brand-foot{display:none!important}#brief-app.brief-printing{background:white;font-size:10pt}#brief-app.brief-printing #printroot .report{padding:0;border:0;background:white}#brief-app.brief-printing .report h1{font-size:32pt}#brief-app.brief-printing .report h2{font-size:22pt}#brief-app.brief-printing .report h3{font-size:16pt}#brief-app.brief-printing .report .notice{font-size:9pt}#brief-app.brief-printing .report table{font-size:8pt}#brief-app.brief-printing .report{box-shadow:none}}
#brief-app .navbtn{color:inherit}
@media(max-width:760px){#brief-app .navigation{gap:12px}#brief-app .navbtn{font-size:8px;letter-spacing:.045em}}

#brief-app, #brief-app{min-height:0!important;height:auto!important;overflow-x:hidden}
#brief-app .shell{min-height:0!important}
#brief-app .brandheader{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;padding:20px 0!important;color:var(--ink)!important;background:var(--paper)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:none!important;gap:20px!important;z-index:5}
#brief-app .brandheader .brand, #brief-app .hero, #brief-app .intro-heading, #brief-app .topbar, #brief-app .brand-foot{display:none!important}
#brief-app .navigation{order:0;width:auto;flex:1;justify-content:flex-start;gap:28px;margin:0!important}
#brief-app .navbtn{color:var(--ink)!important;font-size:11px;letter-spacing:.06em}
#brief-app .brief-main, #brief-app[data-page=home] .brief-main{padding:30px 0 25px!important}
#brief-app .sources{margin-top:32px}
#brief-app .project-menu{margin-left:auto}
#brief-app .savebox{z-index:10}
#brief-app #app{animation:none}
@media(max-width:760px){#brief-app .brandheader{flex-wrap:wrap!important;padding:16px 0!important;gap:14px!important}#brief-app .navigation{order:2!important;flex-basis:100%;gap:15px;justify-content:space-between}#brief-app .navbtn{font-size:9px!important}#brief-app .project-menu{margin-left:0}#brief-app .project-menu>summary{font-size:10px!important}#brief-app .savebox{left:0;right:auto;width:260px}#brief-app .brief-main, #brief-app[data-page=home] .brief-main{padding:22px 0 15px!important}#brief-app .cards{gap:8px}}
#brief-app{--ink:#262c29;--muted:#535e57;--accent:#31594c;--green:#31594c;--line:#cdd4ce;--light:#e9f1ec;--white:#fff;--paper:#F6F1EA}
#brief-app{font-size:16px;font-weight:400;line-height:1.65;color:var(--ink)}
#brief-app button{font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;padding:13px 20px;min-height:48px;border:1px solid #8b9b90;border-radius:8px;background:white;color:#263c30}
#brief-app button:hover{background:#edf3ee;border-color:#31594c}#brief-app button.primary{background:#31594c;border-color:#31594c;color:white;box-shadow:0 3px 0 #203d33}#brief-app button.primary:hover{background:#224737;border-color:#224737}#brief-app button:focus-visible, #brief-app a:focus-visible, #brief-app summary:focus-visible, #brief-app input:focus-visible, #brief-app select:focus-visible, #brief-app textarea:focus-visible{outline:3px solid #bb6439;outline-offset:3px}
#brief-app button.ghost{border-color:#8b9b90}#brief-app button.danger{color:#922e27;border-color:#d0a5a1;background:#fff}#brief-app button:disabled{opacity:.55}
#brief-app h1{font-size:48px;line-height:1.14;margin:22px 0;font-weight:500}#brief-app h2{font-size:36px}#brief-app h3{font-size:27px}#brief-app .lead{font-size:18px;color:#46534a;line-height:1.7}#brief-app .small{font-size:15px;color:#535e57}#brief-app .tiny{font-size:14px;color:#535e57}#brief-app .eyebrow{font-size:13px;letter-spacing:.1em;color:#46594b;font-weight:500}#brief-app .muted{color:#535e57}
#brief-app .brandheader{border-bottom:0!important;padding:12px 0!important;gap:14px!important;align-items:start!important}#brief-app .navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important;flex:1;overflow:visible!important;align-items:stretch}#brief-app .navbtn{white-space:normal;width:100%;min-height:60px;font-size:15px!important;line-height:1.4;letter-spacing:0!important;padding:10px 12px;border:1px solid #c7d1c8!important;border-radius:8px;background:#fff!important;color:#3e4d43!important;text-align:left;font-weight:500;display:flex;align-items:center;gap:9px}#brief-app .navbtn .num{display:inline-flex!important;align-items:center;justify-content:center;margin:0;width:25px;height:25px;border-radius:50%;font-size:13px;background:#e8eee9;opacity:1;flex-shrink:0}#brief-app .navbtn.active{background:#31594c!important;color:#fff!important;border-color:#31594c!important}#brief-app .navbtn.active .num{background:#ffffff22;color:#fff}#brief-app .navbtn:hover{border-color:#31594c!important;background:#e9f1ec!important;color:#263c30!important}#brief-app .navbtn.active:hover{background:#224737!important;color:white!important}#brief-app .project-menu{flex-shrink:0}#brief-app .project-menu>summary{font-size:14px!important;font-weight:500;letter-spacing:0!important;text-transform:none;padding:16px;min-height:60px;border:1px solid #849589;border-radius:8px;background:#fff;color:#263c30;display:flex;align-items:center}#brief-app .savebox{top:60px;padding:20px;width:310px;border-radius:10px;box-shadow:0 12px 32px #162b2426}#brief-app .savebox button{font-size:15px;letter-spacing:0;width:100%;min-height:46px}#brief-app .savebox .small{font-size:14px}#brief-app .project-menu[open]>summary{background:#e9f1ec;color:#263c30}
#brief-app .brief-main, #brief-app[data-page=home] .brief-main{padding-top:18px!important}#brief-app .guide-start{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:#e5eee7;border:1px solid #9db5a5;border-left:6px solid #31594c;border-radius:12px;padding:30px;margin:0 0 30px}#brief-app .guide-kicker{font-size:14px;font-weight:600;color:#31594c;display:block;margin-bottom:8px}#brief-app .guide-start h2{font-family:Inter,Arial,sans-serif;font-size:27px;letter-spacing:-.02em;font-weight:600;line-height:1.3;margin:0 0 12px}#brief-app .guide-start p{font-size:16px;line-height:1.7;margin:0;max-width:660px}#brief-app .guide-start .primary{min-width:220px}#brief-app .guide-start .button-note{font-size:13px;line-height:1.5;color:#465c4c;text-align:center;margin:10px 0 0;max-width:240px}#brief-app .guide-title{font-family:Inter,Arial,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.02em;margin:0 0 20px}#brief-app .guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}#brief-app .guide-card{padding:28px;background:#fff;border:1px solid #ccd5cc;border-radius:12px;display:flex;flex-direction:column;align-items:start;position:relative;box-shadow:0 3px 12px #22352a05}#brief-app .guide-card.first-step{border:2px solid #648772;padding:27px}#brief-app .guide-card .card-label{display:flex;gap:12px;align-items:center;font-size:14px;color:#526056;font-weight:500;width:100%}#brief-app .guide-card .step-number{display:inline-grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#e7eee8;color:#31594c;font-size:19px;font-weight:600}#brief-app .guide-card h3{font-family:Inter,Arial,sans-serif;font-size:24px;letter-spacing:-.02em;font-weight:600;margin:20px 0 12px}#brief-app .guide-card p{margin:0 0 18px;font-size:16px;line-height:1.7;color:#46534a}#brief-app .guide-card .outcome{background:#f0f4f0;border-radius:6px;padding:12px 15px;color:#3b5141;font-size:14px;width:100%;margin-bottom:22px}#brief-app .guide-card .progress{width:100%;height:7px;margin:2px 0 9px}#brief-app .guide-card .completion{font-size:14px;color:#526056;margin-bottom:22px}#brief-app .guide-card button{margin-top:auto;min-width:190px}#brief-app .guide-card .progress-area{width:100%;margin-top:auto}#brief-app .guide-save{display:flex;gap:18px;justify-content:space-between;align-items:center;border:1px solid #cbd5cd;background:#fff;border-radius:10px;padding:22px;margin-top:25px}#brief-app .guide-save p{font-size:15px;margin:0;max-width:700px}#brief-app .guide-save strong{display:block;color:#31594c;margin-bottom:5px}#brief-app .guide-save button{flex-shrink:0}#brief-app .task-help{background:#e9f1ec;border:1px solid #afc3b4;border-radius:8px;padding:18px 22px;margin-bottom:26px;font-size:16px;color:#2d4d39}#brief-app .task-help strong{font-weight:600}#brief-app .task-help p{margin:5px 0 0;line-height:1.65}#brief-app .task-help .help-number{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:4px}#brief-app .stephead{gap:15px}#brief-app .stephead .small{font-weight:500}#brief-app .stephead button{font-size:15px}#brief-app .progress{height:7px;border-radius:6px;background:#d9e3db}#brief-app .progress>span{background:#497a5b}
#brief-app .style-options{gap:18px;margin:28px 0}#brief-app .option, #brief-app .option.chosen{background:white;border:2px solid #c7d2ca;border-radius:10px;padding:25px;min-height:165px}#brief-app .option:hover{background:#f3f7f3;border-color:#719380}#brief-app .option strong{font-family:Inter,Arial,sans-serif;font-size:22px;font-weight:600;line-height:1.35;padding-right:27px}#brief-app .option small{font-size:16px;font-weight:400;line-height:1.7;color:#536157;max-width:none}#brief-app .option.chosen{background:#e7f0e8;border-color:#31594c;box-shadow:0 0 0 1px #31594c}#brief-app .option.chosen:after{right:16px;top:16px;background:#31594c;color:#fff;border-radius:50%;width:27px;height:27px;text-align:center;line-height:27px;font-size:17px}#brief-app .swatches i{height:26px;width:48px}#brief-app .field>span{font-size:16px;font-weight:500;line-height:1.6;margin-bottom:9px;letter-spacing:0}#brief-app .field input, #brief-app .field select, #brief-app .field textarea, #brief-app input.text, #brief-app textarea, #brief-app select{font-size:16px!important;font-weight:400;border:1px solid #8fa095;border-radius:7px;background:#fff;padding:13px;min-height:48px}#brief-app input::placeholder, #brief-app textarea::placeholder{font-size:15px;color:#65756a}#brief-app textarea{min-height:100px}#brief-app .check{font-size:16px;gap:12px;line-height:1.7}#brief-app input[type=checkbox]{height:21px;width:21px;flex-shrink:0}#brief-app .footer-nav{background:#eef2ed;padding:18px;border:1px solid #c5d2c7;border-radius:9px;gap:15px;align-items:center}#brief-app .footer-nav button{font-size:16px!important;min-height:50px;letter-spacing:0}#brief-app .footer-nav .primary{min-width:210px}
#brief-app .panel, #brief-app .questionnaire{background:white;border-radius:10px;padding:28px;border:1px solid #cbd5cd}#brief-app .brief-layout{grid-template-columns:270px minmax(0,1fr);gap:26px}#brief-app .sectionlist{border-radius:8px;padding-right:8px;max-height:75vh}#brief-app .sectionlist button{border:1px solid #d2dad3;background:white;border-radius:6px;font-size:15px!important;font-weight:400;line-height:1.5;letter-spacing:0;padding:13px;text-transform:none;margin:0 0 7px;min-height:48px}#brief-app .sectionlist button.active{background:#31594c;color:white;font-weight:500;border-color:#31594c}#brief-app .section-head{background:#e9f1ec;border:1px solid #c1d2c5;border-radius:8px;padding:24px}#brief-app .section-head h2{font-size:34px}#brief-app .q{padding:28px 0}#brief-app .qtitle{font-size:19px;font-weight:500;line-height:1.65}#brief-app .qid{font-size:14px;color:#31594c;background:#e8f0e9;padding:4px 6px;border-radius:4px}#brief-app .qmeta select{font-size:15px!important;min-height:48px}#brief-app .q details{font-size:15px}#brief-app .q summary{padding:10px 0;color:#31594c;font-weight:500}#brief-app .badge, #brief-app .pill, #brief-app .roomtag{font-size:14px;background:#e7efe9;color:#355341;border-radius:5px;padding:6px 10px}#brief-app .badge.warn{background:#fff0d8;color:#7b4619}#brief-app .notice{font-size:15px;line-height:1.8;border:1px solid #dfcbaa;border-left:4px solid #aa6b2c;background:#fff5e5;color:#684a2b;border-radius:6px;padding:20px}#brief-app .artcard{background:white;border:2px solid #c9d4cc;border-radius:8px}#brief-app .artcard span{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:500}#brief-app .artcard.chosen{outline:3px solid #31594c}#brief-app .scorebar{font-size:15px;grid-template-columns:210px 1fr 45px}#brief-app .scorebar .progress{height:9px}#brief-app .empty{font-size:16px;color:#526056;background:white;border-color:#92a798}#brief-app .sources{font-size:13px;line-height:1.8;color:#5a665d}#brief-app .sources a{text-decoration:underline}#brief-app .tablewrap th{font-size:14px;color:#354d3c;background:#e7eee7}#brief-app .tablewrap td{font-size:15px}#brief-app .report{font-size:16px;border-radius:9px;background:white}#brief-app .report .label{font-size:13px;color:#536157}#brief-app .report table{font-size:14px}#brief-app .report td, #brief-app .report th{font-size:14px}#brief-app .toast{font-size:16px;background:#254c3d;border-radius:8px;max-width:90vw;width:max-content}
@media(max-width:1100px){#brief-app .brandheader{flex-wrap:wrap!important}#brief-app .navigation{flex-basis:100%;order:2!important}#brief-app .project-menu{margin-left:0}#brief-app .savebox{left:0;right:auto}#brief-app .brief-layout{display:block}#brief-app .sectionlist{display:flex;overflow:auto;position:static;gap:8px;max-height:170px;margin-bottom:22px}#brief-app .sectionlist button{flex:0 0 205px;min-width:205px;max-width:240px;margin:0}#brief-app .guide-start{grid-template-columns:1fr auto;gap:20px}}
@media(max-width:760px){#brief-app{font-size:16px}#brief-app .brandheader{gap:14px!important}#brief-app .navigation{display:flex;flex-wrap:wrap;gap:8px!important}#brief-app .navbtn{flex:1 1 calc(50% - 8px);font-size:15px!important;min-height:52px;padding:9px 12px!important}#brief-app .navbtn:first-child{flex-basis:100%}#brief-app .project-menu>summary{font-size:15px!important;min-height:48px;padding:12px 17px}#brief-app .savebox{width:min(310px,calc(100vw - 48px));top:49px}#brief-app .savebox button, #brief-app .savebox .small{font-size:14px}#brief-app .guide-start{grid-template-columns:1fr;padding:22px;gap:20px;border-left-width:4px}#brief-app .guide-start h2{font-size:24px}#brief-app .guide-start p{font-size:16px}#brief-app .guide-start .primary{width:100%;min-width:0;font-size:17px}#brief-app .guide-start .button-note{max-width:none;text-align:left;font-size:14px}#brief-app .guide-title{font-size:22px}#brief-app .guide-grid{grid-template-columns:1fr;gap:18px}#brief-app .guide-card, #brief-app .guide-card.first-step{padding:22px}#brief-app .guide-card h3{font-size:23px}#brief-app .guide-card button{width:100%;font-size:16px}#brief-app .guide-save{flex-direction:column;align-items:stretch;padding:20px;gap:17px}#brief-app .guide-save button{width:100%}#brief-app .task-help{font-size:16px;padding:18px}#brief-app .task-help .help-number{font-size:13px}#brief-app h1{font-size:38px}#brief-app h2{font-size:32px}#brief-app .lead{font-size:17px}#brief-app .small{font-size:15px}#brief-app .tiny{font-size:14px}#brief-app .eyebrow{font-size:12px;letter-spacing:.06em}#brief-app .style-options{gap:15px}#brief-app .option, #brief-app .option.chosen{padding:22px;min-height:145px}#brief-app .option strong{font-size:21px}#brief-app .option small{font-size:16px}#brief-app .footer-nav{flex-wrap:wrap;padding:14px}#brief-app .footer-nav .primary{min-width:0;flex:1}#brief-app .footer-nav button{font-size:15px!important;padding:12px;letter-spacing:0}#brief-app .panel, #brief-app .questionnaire{padding:20px}#brief-app .qtitle{font-size:18px}#brief-app .section-head{padding:20px}#brief-app .section-head h2{font-size:30px}#brief-app .scorebar{grid-template-columns:130px 1fr 38px;font-size:13px;gap:8px}#brief-app .badge, #brief-app .pill, #brief-app .roomtag{font-size:13px}#brief-app .notice{font-size:15px;padding:18px}#brief-app .artcards{gap:14px}#brief-app .artcard span{font-size:16px;padding:13px}#brief-app .sources{font-size:12px}#brief-app .report{padding:18px}#brief-app .report h1{font-size:36px}#brief-app .report h2{font-size:30px}#brief-app .report table{font-size:13px}#brief-app .report td, #brief-app .report th{font-size:13px}}
@media print{#brief-app.brief-printing{font-size:10pt}#brief-app.brief-printing .report{font-size:10pt}#brief-app.brief-printing .report table, #brief-app.brief-printing .report td, #brief-app.brief-printing .report th{font-size:8pt}#brief-app.brief-printing .report h1{font-size:27pt}#brief-app.brief-printing .report .notice{font-size:9pt}#brief-app.brief-printing .report .small{font-size:9pt}}
#brief-app .guide-save-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}#brief-app .guide-save-actions button{font-size:15px}#brief-app .guide-save-actions .ghost{background:transparent}
@media(max-width:760px){#brief-app[data-page=home] .brandheader{display:none!important}#brief-app .guide-save-actions{width:100%}}
#brief-app .example-toggle{border:1px solid #9fb5a7;border-radius:9px;background:#fff;margin:25px 0}#brief-app .example-toggle>summary{font-size:17px;font-weight:500;color:#31594c;padding:20px;line-height:1.6}#brief-app .example-toggle[open]>summary{border-bottom:1px solid #d5ddd7}#brief-app .example-gallery{margin:30px 0 36px}#brief-app .example-toggle .example-gallery{padding:24px;margin:0}#brief-app .example-gallery h2{font:600 27px/1.35 Inter,Arial,sans-serif;letter-spacing:-.015em}#brief-app .example-gallery .lead{font-size:17px;max-width:850px}#brief-app .example-disclaimer{font-size:14px;color:#56665b;line-height:1.7;margin:18px 0 25px;background:#eef3ef;padding:14px 18px;border-radius:6px}#brief-app .example-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#brief-app .example-card{border:1px solid #c8d5cc;border-radius:10px;background:white;overflow:hidden;display:flex;flex-direction:column}#brief-app .example-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}#brief-app .example-copy{padding:23px;flex:1;display:flex;flex-direction:column;gap:15px}#brief-app .example-copy h3{font:600 23px/1.35 Inter,Arial,sans-serif;letter-spacing:-.01em;margin:0}#brief-app .example-copy>p{font-size:16px;line-height:1.7;margin:0;color:#455a4c}#brief-app .example-take, #brief-app .example-skip{padding:15px;border-radius:6px;font-size:15px;line-height:1.7}#brief-app .example-take{background:#e9f2eb;color:#2c5138}#brief-app .example-skip{background:#f6f1e9;color:#634e39}#brief-app .example-take strong, #brief-app .example-skip strong{font-weight:600}#brief-app .example-take p, #brief-app .example-skip p{margin:6px 0 0}#brief-app .example-copy button{margin-top:auto;width:100%;font-size:15px;white-space:normal}#brief-app .example-copy .small{font-size:14px;color:#56665b}#brief-app .scorebar{grid-template-columns:230px 1fr 45px}#brief-app .artcard span{line-height:1.5}#brief-app .refcard .refimg{height:auto;max-height:260px;width:100%;object-fit:cover;margin-bottom:20px}@media(max-width:760px){#brief-app .example-toggle>summary{font-size:16px;padding:18px}#brief-app .example-toggle .example-gallery{padding:17px}#brief-app .example-grid{grid-template-columns:1fr;gap:20px}#brief-app .example-gallery h2{font-size:25px}#brief-app .example-gallery .lead{font-size:16px}#brief-app .example-copy{padding:20px}#brief-app .example-copy h3{font-size:22px}#brief-app .example-copy>p{font-size:16px}#brief-app .example-copy button{font-size:15px}#brief-app .scorebar{grid-template-columns:145px 1fr 36px;font-size:13px}#brief-app .example-disclaimer{font-size:14px}}


/* ==== NY-UNIFY: единый стиль анкеты с сайтом (палитра, типографика, формы) ==== */
#brief-app{
  --u-bg:#F6F1EA;--u-warm:#EFE8DD;--u-linen:#E4D9C8;--u-stone:#C9B8A4;
  --u-ink:#2A2825;--u-soft:#4A4641;--u-muted:#6B6359;--u-brass:#7A6B4A;--u-olive:#5A6840;
  --u-card:#FBF8F3;--u-line:rgba(42,40,37,.12);--u-line2:rgba(42,40,37,.26);
  --ink:var(--u-ink);--muted:var(--u-muted);--accent:var(--u-brass);--green:var(--u-ink);--line:var(--u-line);--light:var(--u-warm);--white:var(--u-card);--paper:var(--u-bg)
}
#brief-app{color:var(--u-ink);font-feature-settings:"tnum" 1,"cv11" 1}
#brief-app a{color:var(--u-ink)}
#brief-app .lead, #brief-app .small, #brief-app .tiny, #brief-app .muted, #brief-app .guide-card p, #brief-app .example-copy>p, #brief-app .stephead .small{color:var(--u-soft)!important}
#brief-app .eyebrow{font-size:11.5px!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--u-muted)!important;font-weight:500!important}
#brief-app h1, #brief-app h2, #brief-app h3{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:400!important;letter-spacing:-.005em!important;color:var(--u-ink)}
#brief-app button:focus-visible, #brief-app a:focus-visible, #brief-app summary:focus-visible, #brief-app input:focus-visible, #brief-app select:focus-visible, #brief-app textarea:focus-visible{outline:2px solid var(--u-brass)!important;outline-offset:3px}

/* --- Кнопки --- */
#brief-app button{border-radius:2px!important;border:1px solid var(--u-line2)!important;background:transparent!important;color:var(--u-ink)!important;font-weight:500;font-size:15px;box-shadow:none!important;transition:background .3s cubic-bezier(.22,.61,.36,1),color .3s,border-color .3s}
#brief-app button:hover{background:var(--u-warm)!important;border-color:var(--u-ink)!important;color:var(--u-ink)!important}
#brief-app button.primary, #brief-app .guide-start .primary{background:var(--u-ink)!important;border-color:var(--u-ink)!important;color:var(--u-bg)!important;text-transform:uppercase;letter-spacing:.14em!important;font-size:12.5px!important;padding:15px 26px!important}
#brief-app button.primary:hover{background:var(--u-brass)!important;border-color:var(--u-brass)!important;color:#fff!important}
#brief-app button.danger{color:#8a3b2e!important;border-color:rgba(138,59,46,.35)!important}
#brief-app button:disabled{opacity:.45}

/* --- Степпер (навигация по шагам) --- */
#brief-app .brandheader{padding:8px 0 4px!important}
#brief-app .navigation{gap:0!important;border:1px solid var(--u-line);background:var(--u-card)}
#brief-app .navbtn{border:0!important;border-right:1px solid var(--u-line)!important;border-radius:0!important;background:transparent!important;color:var(--u-soft)!important;min-height:64px;position:relative;font-size:15px!important;font-weight:500;padding:12px 16px!important}
#brief-app .navbtn:last-child{border-right:0!important}
#brief-app .navbtn:after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:transparent;transition:background .3s}
#brief-app .navbtn .num{background:transparent!important;border:1px solid var(--u-stone);color:var(--u-muted)!important;width:28px!important;height:28px!important;font-size:12px!important;font-weight:500;letter-spacing:.02em}
#brief-app .navbtn:hover{background:var(--u-warm)!important;color:var(--u-ink)!important}
#brief-app .navbtn.active, #brief-app .navbtn.active:hover{background:var(--u-ink)!important;color:var(--u-bg)!important}
#brief-app .navbtn.active:after{background:var(--u-brass)}
#brief-app .navbtn.active .num{border-color:rgba(246,241,234,.45);color:var(--u-bg)!important}
#brief-app .project-menu>summary{border-radius:2px!important;border:1px solid var(--u-line2)!important;background:transparent!important;color:var(--u-ink)!important;min-height:64px!important}
#brief-app .project-menu[open]>summary{background:var(--u-ink)!important;color:var(--u-bg)!important}
#brief-app .savebox{border-radius:2px!important;background:var(--u-bg)!important;border:1px solid var(--u-line)!important;box-shadow:0 18px 50px rgba(42,40,37,.12)!important}

/* --- Блоки и карточки --- */
#brief-app .guide-start{background:var(--u-warm)!important;border:1px solid var(--u-line)!important;border-left:2px solid var(--u-brass)!important;border-radius:0!important;padding:34px 36px!important}
#brief-app .guide-kicker{color:var(--u-brass)!important;font-size:11.5px!important;letter-spacing:.2em;text-transform:uppercase;font-weight:500!important;margin-bottom:12px!important}
#brief-app .guide-start h2{font-size:38px!important;line-height:1.1!important;margin-bottom:14px!important}
#brief-app .guide-start .button-note{color:var(--u-muted)!important}
#brief-app .guide-title{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:400!important;font-size:36px!important;letter-spacing:-.005em!important;margin:46px 0 22px!important;padding-left:.1em!important;line-height:1.22!important}
#brief-app .guide-grid{gap:1px!important;background:var(--u-line);border:1px solid var(--u-line)}
#brief-app .guide-card, #brief-app .guide-card.first-step{background:var(--u-card)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:34px!important;transition:background .4s}
#brief-app .guide-card:hover{background:#fff!important}
#brief-app .guide-card.first-step:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--u-brass)}
#brief-app .guide-card .card-label{color:var(--u-muted)!important;font-size:11.5px!important;letter-spacing:.2em;text-transform:uppercase;font-weight:500!important}
#brief-app .guide-card .step-number{background:transparent!important;border:1px solid var(--u-stone);color:var(--u-brass)!important;font:italic 400 22px/1 "Cormorant Garamond",serif!important;width:42px!important;height:42px!important}

#brief-app .guide-card h3{font-size:32px!important;line-height:1.15!important;margin:22px 0 12px!important}
#brief-app .guide-card .outcome, #brief-app .task-help, #brief-app .section-head, #brief-app .example-take, #brief-app .example-disclaimer{background:var(--u-warm)!important;border:0!important;border-radius:0!important;color:var(--u-soft)!important}
#brief-app .guide-card .outcome{border-left:2px solid var(--u-stone)!important}
#brief-app .task-help{border-left:2px solid var(--u-brass)!important}
#brief-app .task-help .help-number{color:var(--u-brass);font-weight:500!important;letter-spacing:.2em!important;font-size:11.5px!important}
#brief-app .task-help strong{font-weight:500!important;color:var(--u-ink)}
#brief-app .example-skip{background:#F3ECE1!important;border-radius:0!important;color:var(--u-soft)!important}
#brief-app .guide-card .completion{color:var(--u-muted)!important;font-size:13px!important}
#brief-app .guide-save{background:var(--u-card)!important;border:1px solid var(--u-line)!important;border-radius:0!important}
#brief-app .guide-save strong{color:var(--u-ink)!important;font-weight:500}
#brief-app .panel, #brief-app .questionnaire, #brief-app .report, #brief-app .example-card, #brief-app .refcard{background:var(--u-card)!important;border:1px solid var(--u-line)!important;border-radius:0!important;box-shadow:none!important}
#brief-app .report{background:#FFFDF9!important}
#brief-app .example-toggle{border:1px solid var(--u-line)!important;border-radius:0!important;background:var(--u-card)!important}
#brief-app .example-toggle>summary{color:var(--u-ink)!important;font-weight:500!important}
#brief-app .example-toggle[open]>summary{border-bottom:1px solid var(--u-line)!important}
#brief-app .example-gallery h2, #brief-app .example-copy h3{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:400!important}
#brief-app .example-gallery h2{font-size:34px!important}#brief-app .example-copy h3{font-size:28px!important}
#brief-app .notice{background:#F3ECE1!important;border:0!important;border-left:2px solid var(--u-brass)!important;border-radius:0!important;color:#5B5040!important}
#brief-app .empty{border:1px dashed var(--u-line2)!important;border-radius:0!important;background:transparent!important;color:var(--u-muted)!important}

/* --- Прогресс --- */
#brief-app .progress{height:3px!important;border-radius:0!important;background:var(--u-linen)!important}
#brief-app .progress>span{background:var(--u-brass)!important}
#brief-app .statusdot{background:var(--u-olive)!important}

/* --- Тест о стиле --- */
#brief-app .option, #brief-app .option.chosen{background:var(--u-card)!important;border:1px solid var(--u-line)!important;border-radius:0!important;box-shadow:none!important}
#brief-app .option:hover{background:#fff!important;border-color:var(--u-ink)!important}
#brief-app .option strong{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:500!important;font-size:27px!important;line-height:1.2!important}
#brief-app .option.chosen{background:var(--u-warm)!important;border-color:var(--u-ink)!important;box-shadow:inset 0 0 0 1px var(--u-ink)!important}
#brief-app .option.chosen:after{background:var(--u-ink)!important;color:var(--u-bg)!important}
#brief-app .artcard{border:1px solid var(--u-line)!important;border-radius:0!important;background:var(--u-card)!important}
#brief-app .artcard span{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:22px!important;font-weight:500!important}
#brief-app .artcard.chosen{outline:2px solid var(--u-ink)!important;outline-offset:3px}

/* --- Бриф: список разделов и вопросы --- */
#brief-app .sectionlist{border-radius:0!important;border-top:1px solid var(--u-line)}
#brief-app .sectionlist button{background:transparent!important;border:0!important;border-bottom:1px solid var(--u-line)!important;border-radius:0!important;margin:0!important;color:var(--u-soft)!important;font-weight:400!important}
#brief-app .sectionlist button:hover{background:var(--u-warm)!important;color:var(--u-ink)!important}
#brief-app .sectionlist button.active{background:var(--u-ink)!important;color:var(--u-bg)!important;border-left:0!important;font-weight:500!important}
#brief-app .section-head{border-left:2px solid var(--u-brass)!important}
#brief-app .qtitle{font-weight:500!important;color:var(--u-ink)}
#brief-app .qid{background:transparent!important;color:var(--u-brass)!important;border:1px solid var(--u-stone);border-radius:0!important;font-size:12.5px!important;padding:2px 6px!important;letter-spacing:.04em}
#brief-app .q summary{color:var(--u-brass)!important}
#brief-app .badge, #brief-app .pill, #brief-app .roomtag{border-radius:0!important;background:var(--u-warm)!important;color:var(--u-soft)!important}
#brief-app .badge.warn{background:#F1E6D3!important;color:#7A5A2E!important}

/* --- Поля ввода --- */
#brief-app .field>span{color:var(--u-ink);font-weight:500!important}
#brief-app .field input, #brief-app .field select, #brief-app .field textarea, #brief-app input.text, #brief-app textarea, #brief-app select{border-radius:2px!important;border:1px solid var(--u-line2)!important;background:#fff!important;color:var(--u-ink)!important;transition:border-color .25s,box-shadow .25s}
#brief-app .field input:focus, #brief-app .field select:focus, #brief-app .field textarea:focus, #brief-app input.text:focus, #brief-app textarea:focus, #brief-app select:focus{border-color:var(--u-ink)!important;box-shadow:0 0 0 3px rgba(122,107,74,.14);outline:none}
#brief-app input::placeholder, #brief-app textarea::placeholder{color:#8B8479!important}
#brief-app input[type=checkbox]{accent-color:var(--u-ink)!important}

/* --- Навигация внизу шага, таблицы, тост --- */
#brief-app .footer-nav{background:transparent!important;border:0!important;border-top:1px solid var(--u-line)!important;border-radius:0!important;padding:26px 0 0!important}
#brief-app .tablewrap th, #brief-app .report th{background:var(--u-warm)!important;color:var(--u-muted)!important;font-weight:500!important}
#brief-app .toast{background:var(--u-ink)!important;border-radius:2px!important}
#brief-app .sources{color:var(--u-muted)!important}

@media(max-width:1100px){#brief-app .navigation{border:0;background:transparent;gap:6px!important}#brief-app .navbtn{border:1px solid var(--u-line)!important;background:var(--u-card)!important}}
@media(max-width:760px){#brief-app .guide-start h2{font-size:30px!important}#brief-app .guide-card h3{font-size:28px!important}#brief-app .guide-title{font-size:30px!important}#brief-app .option strong{font-size:24px!important}#brief-app .guide-card, #brief-app .guide-card.first-step{padding:24px!important}#brief-app .guide-start{padding:24px!important}}
#brief-app .navbtn{white-space:nowrap!important;font-size:14.5px!important;padding:12px 14px!important;gap:10px!important}
@media(max-width:760px){#brief-app .navbtn{white-space:normal!important}}

/* ==== Правка 2: кнопки и карточки контрастнее (не бежевое на бежевом) ==== */
#brief-app{--u-card:#FFFFFF}
#brief-app button{background:#fff!important;border:1px solid var(--u-ink)!important;color:var(--u-ink)!important;box-shadow:0 1px 0 rgba(42,40,37,.06),0 4px 14px rgba(42,40,37,.06)!important}
#brief-app button:hover{background:var(--u-ink)!important;color:var(--u-bg)!important;border-color:var(--u-ink)!important}
#brief-app button.primary, #brief-app .guide-start .primary{box-shadow:0 8px 22px rgba(42,40,37,.22)!important}
#brief-app button.primary:hover{background:var(--u-brass)!important;border-color:var(--u-brass)!important;color:#fff!important;transform:translateY(-1px)}
#brief-app button.danger{background:#fff!important;color:#8a3b2e!important;border-color:#8a3b2e!important}
#brief-app button.danger:hover{background:#8a3b2e!important;color:#fff!important}
#brief-app button:disabled, #brief-app button:disabled:hover{background:#fff!important;color:var(--u-muted)!important;border-color:var(--u-line2)!important;box-shadow:none!important}
#brief-app .navigation{border:1px solid var(--u-line2)!important;background:#fff!important;box-shadow:0 4px 14px rgba(42,40,37,.06)}
#brief-app .navbtn{background:#fff!important;box-shadow:none!important;border-top:0!important;border-bottom:0!important;border-left:0!important}
#brief-app .navbtn:hover{background:var(--u-warm)!important;color:var(--u-ink)!important}
#brief-app .navbtn.active, #brief-app .navbtn.active:hover{background:var(--u-ink)!important;color:var(--u-bg)!important}
#brief-app .project-menu>summary{background:#fff!important;border:1px solid var(--u-ink)!important;box-shadow:0 4px 14px rgba(42,40,37,.06)}
#brief-app .option, #brief-app .artcard, #brief-app .sectionlist button{box-shadow:none!important}
#brief-app .option{background:#fff!important}
#brief-app .option:hover{background:#fff!important;border-color:var(--u-ink)!important;box-shadow:0 6px 20px rgba(42,40,37,.08)!important}
#brief-app .option.chosen{background:var(--u-warm)!important;box-shadow:inset 0 0 0 1px var(--u-ink)!important}
#brief-app .sectionlist button{background:transparent!important}
#brief-app .sectionlist button:hover{background:var(--u-warm)!important;color:var(--u-ink)!important}
#brief-app .sectionlist button.active{background:var(--u-ink)!important;color:var(--u-bg)!important}
#brief-app .guide-card:hover{background:#fff!important}
#brief-app .example-toggle>summary{background:#fff}
@media(max-width:1100px){#brief-app .navigation{border:0!important;background:transparent!important;box-shadow:none}#brief-app .navbtn{border:1px solid var(--u-line2)!important;background:#fff!important}}
/* ==== Правка 3: новые блоки вариантов ответа (тест о стиле) ==== */
#brief-app .style-options{counter-reset:opt}
#brief-app .option, #brief-app .option.chosen, #brief-app .option:hover{counter-increment:opt;text-transform:none!important;letter-spacing:0!important;font-size:inherit!important;transform:none}
#brief-app .option:before{content:counter(opt,decimal-leading-zero)}
#brief-app .option:after{content:""!important}
#brief-app .option:hover{color:var(--u-ink)!important}
#brief-app .option:hover strong{color:var(--u-ink)!important}
#brief-app .option.chosen:hover, #brief-app .option.chosen:hover strong{color:var(--u-bg)!important}
#brief-app .style-options{gap:16px!important}
#brief-app .option, #brief-app .option.chosen{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;min-height:210px!important;padding:26px 28px 28px!important;border:1px solid var(--u-line2)!important;border-radius:0!important;background:#fff!important;box-shadow:0 2px 0 rgba(42,40,37,.04)!important;color:var(--u-ink)!important;position:relative;transition:background .35s,color .35s,box-shadow .35s,transform .35s,border-color .35s!important}
#brief-app .option:before{font:500 12px/1 Inter,sans-serif;letter-spacing:.2em;color:var(--u-brass);margin-bottom:auto;padding-bottom:28px}
#brief-app .option:after{position:absolute!important;top:22px!important;right:22px!important;width:26px!important;height:26px!important;border-radius:50%!important;border:1px solid var(--u-line2);background:#fff!important;line-height:24px!important;text-align:center;font-size:14px!important;box-sizing:border-box}
#brief-app .option .swatches{margin-bottom:16px!important}
#brief-app .option strong{font-size:29px!important;line-height:1.15!important;padding-right:0!important;color:inherit}
#brief-app .option small{color:var(--u-muted)!important;font-size:15.5px!important;margin-top:10px!important}
#brief-app .option:hover{border-color:var(--u-ink)!important;box-shadow:0 14px 34px rgba(42,40,37,.12)!important;transform:translateY(-3px)!important;background:#fff!important}
#brief-app .option:hover:after{border-color:var(--u-ink)}
#brief-app .option.chosen{background:var(--u-ink)!important;border-color:var(--u-ink)!important;color:var(--u-bg)!important;box-shadow:0 14px 34px rgba(42,40,37,.22)!important}
#brief-app .option.chosen strong{color:var(--u-bg)!important}
#brief-app .option.chosen small{color:rgba(246,241,234,.72)!important}
#brief-app .option.chosen:before{color:#C9B48A}
#brief-app .option.chosen:after{content:"✓"!important;background:#C9B48A!important;border-color:#C9B48A;color:var(--u-ink)!important}
@media(max-width:760px){#brief-app .option, #brief-app .option.chosen{min-height:0!important;padding:22px!important}#brief-app .option:before{padding-bottom:16px}#brief-app .option strong{font-size:24px!important}}

/* ==== Правка 4: последовательность шагов - текущий шаг раскрыт, остальные свёрнуты ==== */
#brief-app .guide-title{margin:52px 0 20px!important}
#brief-app .guide-steps{display:flex;flex-direction:column;gap:12px}
#brief-app .guide-card.guide-current{display:grid!important;grid-template-columns:1.1fr 1fr;gap:44px;align-items:start;background:#fff!important;border:1px solid var(--u-ink)!important;box-shadow:0 22px 60px rgba(42,40,37,.12)!important;padding:42px 44px!important;position:relative}
#brief-app .guide-card.guide-current:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--u-brass)}
#brief-app .guide-current .gc-head h3{font-size:42px!important;line-height:1.08!important;margin:26px 0 16px!important}
#brief-app .guide-current .gc-head p{font-size:17px!important;margin:0!important}
#brief-app .guide-current .step-number{background:var(--u-ink)!important;color:var(--u-bg)!important;border-color:var(--u-ink)!important;font-size:24px!important;width:46px!important;height:46px!important}
#brief-app .guide-current .gc-side{display:flex;flex-direction:column;align-items:stretch;padding-top:4px}
#brief-app .guide-current .gc-side .outcome{margin-bottom:24px!important}
#brief-app .guide-current .gc-side .progress-area{margin-bottom:22px}
#brief-app .guide-current .gc-side button{align-self:flex-start;margin-top:0!important}
#brief-app .guide-step{background:#fff;border:1px solid var(--u-line2);transition:border-color .3s,box-shadow .3s}
#brief-app .guide-step:hover{border-color:var(--u-ink)}
#brief-app .guide-step[open]{border-color:var(--u-ink);box-shadow:0 12px 34px rgba(42,40,37,.08)}
#brief-app .guide-step>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:42px 1fr auto 36px;gap:22px;align-items:center;padding:20px 26px}
#brief-app .guide-step>summary::-webkit-details-marker{display:none}
#brief-app .guide-step .step-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--u-stone);color:var(--u-brass);font:italic 400 22px/1 "Cormorant Garamond",serif}
#brief-app .gs-title{display:flex;flex-direction:column;gap:4px;min-width:0}
#brief-app .gs-label{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--u-muted);font-weight:500}
#brief-app .gs-h{font:400 26px/1.2 "Cormorant Garamond",Georgia,serif;color:var(--u-ink)}
#brief-app .gs-stat{font-size:13px;color:var(--u-muted);white-space:nowrap}
#brief-app .gs-chev{width:36px;height:36px;border:1px solid var(--u-line2);border-radius:50%;position:relative;transition:transform .35s cubic-bezier(.22,.61,.36,1),background .3s,border-color .3s}
#brief-app .gs-chev:before{content:"";position:absolute;left:50%;top:45%;width:8px;height:8px;border-right:1.5px solid var(--u-ink);border-bottom:1.5px solid var(--u-ink);transform:translate(-50%,-50%) rotate(45deg)}
#brief-app .guide-step>summary:hover .gs-chev{background:var(--u-ink);border-color:var(--u-ink)}
#brief-app .guide-step>summary:hover .gs-chev:before{border-color:var(--u-bg)}
#brief-app .guide-step[open] .gs-chev{transform:rotate(180deg)}
#brief-app .gs-body{padding:4px 26px 28px 90px;animation:brief-gsIn .35s cubic-bezier(.22,.61,.36,1)}
#brief-app .gs-body p{font-size:16px;line-height:1.7;color:var(--u-soft);margin:0 0 18px;max-width:760px}
#brief-app .gs-body .outcome{background:var(--u-warm);border-left:2px solid var(--u-stone);padding:12px 15px;font-size:14px;color:var(--u-soft);margin-bottom:20px;max-width:760px}
#brief-app .gs-body .progress-area{max-width:760px;margin-bottom:20px}
#brief-app .gs-body .completion{font-size:13px;color:var(--u-muted);margin-top:8px}
@keyframes brief-gsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:960px){#brief-app .guide-card.guide-current{grid-template-columns:1fr;gap:24px;padding:30px!important}}
@media(max-width:760px){#brief-app .guide-card.guide-current{padding:24px!important}#brief-app .guide-current .gc-head h3{font-size:32px!important}#brief-app .guide-current .gc-side button{align-self:stretch}
#brief-app .guide-step>summary{grid-template-columns:36px 1fr 30px;gap:14px;padding:16px 16px}#brief-app .guide-step .step-number{width:36px;height:36px;font-size:19px}#brief-app .gs-stat{display:none}#brief-app .gs-h{font-size:22px}#brief-app .gs-chev{width:30px;height:30px}#brief-app .gs-body{padding:2px 16px 22px 16px}#brief-app .gs-body button{width:100%}}
/* верхний блок - вводная подсказка без кнопки */
#brief-app .guide-start{grid-template-columns:1fr!important;gap:0!important;padding:28px 34px!important}
#brief-app .guide-start .primary{display:none!important}
#brief-app .guide-start .button-note{text-align:left!important;max-width:none!important;margin:10px 0 0!important;font-size:13px!important}
#brief-app .guide-start p{max-width:780px!important}

/* ==== Правка 7: шаг «Получить ТЗ» - две кнопки ==== */
#brief-app[data-page=report] .task-help, #brief-app[data-page=report] .project-bar{display:none!important}
#brief-app .tz-actions{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--u-line2);border:1px solid var(--u-line2);margin-top:8px}
#brief-app .tz-act{background:#fff;padding:34px 36px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
#brief-app .tz-act:first-child{box-shadow:inset 0 3px 0 var(--u-brass)}
#brief-app .tz-ico{width:56px;height:56px;border-radius:50%;border:1px solid var(--u-line2);display:grid;place-items:center;color:var(--u-ink)}
#brief-app .tz-act:first-child .tz-ico{background:var(--u-ink);border-color:var(--u-ink);color:var(--u-bg)}
#brief-app .tz-ico svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#brief-app .tz-act button{min-width:240px}
#brief-app .tz-note{margin:0;font-size:15px;line-height:1.65;color:var(--u-soft);max-width:440px}
@media(max-width:760px){#brief-app .tz-actions{grid-template-columns:1fr}#brief-app .tz-act{padding:24px}#brief-app .tz-act button{width:100%;min-width:0}}

/* ==== Правка 6: «Сохранить / загрузить» - из шапки шагов в нижнюю панель ==== */
#brief-app .project-bar{max-width:1220px;margin:44px auto 0;display:block}
#brief-app .project-bar>summary{display:none!important}
#brief-app .project-bar .savebox{position:static!important;width:auto!important;display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;margin:0!important;padding:22px 0 0!important;border:0!important;border-top:1px solid var(--u-line)!important;background:transparent!important;box-shadow:none!important}
#brief-app .project-bar .savebox .small{margin:0 auto 0 0!important;width:auto!important;font-size:14px!important;color:var(--u-soft)!important}
#brief-app .project-bar .savebox button{width:auto!important;min-height:42px!important;padding:9px 16px!important;font-size:14px!important;box-shadow:none!important}
#brief-app[data-page=home] .project-bar{display:none!important}
#brief-app .navigation{flex:1 1 100%!important}
@media(max-width:760px){#brief-app .project-bar .savebox .small{width:100%!important;margin-bottom:6px!important}#brief-app .project-bar .savebox button{flex:1 1 calc(50% - 10px)}}



#brief-app{--u-line:rgba(42,40,37,.18);--u-line2:rgba(42,40,37,.28)}
#brief-app .navbtn[data-view="brief"]:not(.active){box-shadow:inset 2px 0 0 var(--accent);background:rgba(188,109,80,.06)}
#brief-app .navbtn[data-view="brief"].active{box-shadow:inset 4px 0 0 var(--accent);font-weight:700}
#brief-app .guide-title{margin:0 0 20px!important}
html[data-theme="dark"] #brief-app{color-scheme:dark;--u-bg:#1B1917;--u-warm:#25221F;--u-linen:#39352F;--u-stone:#746756;--u-ink:#F0ECE4;--u-soft:#D4CDC2;--u-muted:#ACA397;--u-brass:#C9AD78;--u-olive:#B2C48B;--u-card:#24221F;--u-line:rgba(240,236,228,.19);--u-line2:rgba(240,236,228,.30);--ink:var(--u-ink);--muted:var(--u-muted);--accent:var(--u-brass);--green:#42694F;--line:var(--u-line);--light:var(--u-warm);--white:var(--u-card);--paper:var(--u-bg);--bg:var(--u-bg);--card:var(--u-card);--g100:#302D28;--g300:#555047;--g500:#AAA398;--g700:#D5CEC3;--red-bg:#482E29;--red:#F08D7E}
html[data-theme="dark"] #brief-app, html[data-theme="dark"] #brief-app .shell, html[data-theme="dark"] #brief-app .brief-main{background:var(--u-bg)!important;color:var(--u-ink)!important}
html[data-theme="dark"] #brief-app .brandheader, html[data-theme="dark"] #brief-app aside{background:var(--u-bg)!important;color:var(--u-ink)!important;border-color:var(--u-line)!important}
html[data-theme="dark"] #brief-app .navigation{background:#211F1C!important;color:var(--u-ink)!important;border-color:var(--u-line2)!important;box-shadow:none!important}
html[data-theme="dark"] #brief-app .navigation .navbtn:not(.active){background:var(--u-card)!important;color:var(--u-soft)!important;border-color:var(--u-line)!important}
html[data-theme="dark"] #brief-app .navigation .navbtn.active{background:var(--u-ink)!important;color:var(--u-bg)!important}
html[data-theme="dark"] #brief-app .navigation .navbtn .num{background:transparent!important;color:var(--u-muted)!important;border-color:var(--u-line2)!important}
html[data-theme="dark"] #brief-app .navigation .navbtn.active .num{color:var(--u-bg)!important;border-color:rgba(27,25,23,.36)!important}
html[data-theme="dark"] #brief-app .project-menu>summary, html[data-theme="dark"] #brief-app .savebox{background:var(--u-card)!important;color:var(--u-ink)!important;border-color:var(--u-line2)!important}
html[data-theme="dark"] #brief-app .example-toggle>summary{background:var(--u-card)!important;color:var(--u-ink)!important}
html[data-theme="dark"] #brief-app .guide-current, html[data-theme="dark"] #brief-app .guide-card, html[data-theme="dark"] #brief-app .guide-step, html[data-theme="dark"] #brief-app .example-toggle, html[data-theme="dark"] #brief-app .guide-save, html[data-theme="dark"] #brief-app .task-help, html[data-theme="dark"] #brief-app .questionnaire, html[data-theme="dark"] #brief-app .panel, html[data-theme="dark"] #brief-app .section-head, html[data-theme="dark"] #brief-app .report, html[data-theme="dark"] #brief-app .option, html[data-theme="dark"] #brief-app .example-card, html[data-theme="dark"] #brief-app .example-copy{background:var(--u-card)!important;color:var(--u-ink)!important;border-color:var(--u-line2)!important;box-shadow:none!important}
html[data-theme="dark"] #brief-app .guide-current{border:1px solid var(--u-line2)!important}
html[data-theme="dark"] #brief-app .guide-step>summary, html[data-theme="dark"] #brief-app .example-toggle>summary{color:var(--u-ink)!important}
html[data-theme="dark"] #brief-app .guide-card p, html[data-theme="dark"] #brief-app .guide-step .gs-body p, html[data-theme="dark"] #brief-app .guide-current .gc-head p, html[data-theme="dark"] #brief-app .example-copy p, html[data-theme="dark"] #brief-app .guide-save p, html[data-theme="dark"] #brief-app .small, html[data-theme="dark"] #brief-app .tiny{color:var(--u-soft)!important}
html[data-theme="dark"] #brief-app .guide-card .outcome, html[data-theme="dark"] #brief-app .guide-current .outcome, html[data-theme="dark"] #brief-app .guide-step .outcome, html[data-theme="dark"] #brief-app .notice, html[data-theme="dark"] #brief-app .example-disclaimer{background:#302D28!important;color:var(--u-soft)!important;border-color:var(--u-line2)!important}
html[data-theme="dark"] #brief-app .guide-step .step-number, html[data-theme="dark"] #brief-app .guide-card .step-number{background:#302D28!important;color:var(--u-brass)!important;border-color:var(--u-line2)!important}
html[data-theme="dark"] #brief-app .guide-current .step-number{background:var(--u-ink)!important;color:var(--u-bg)!important;border-color:var(--u-ink)!important}
html[data-theme="dark"] #brief-app .example-toggle, html[data-theme="dark"] #brief-app .guide-step, html[data-theme="dark"] #brief-app .guide-current, html[data-theme="dark"] #brief-app .questionnaire, html[data-theme="dark"] #brief-app .panel{border:1px solid var(--u-line2)!important}
html[data-theme="dark"] #brief-app input, html[data-theme="dark"] #brief-app textarea, html[data-theme="dark"] #brief-app select{background:#302D28!important;color:var(--u-ink)!important;border-color:var(--u-line2)!important}
html[data-theme="dark"] #brief-app .guide-title, html[data-theme="dark"] #brief-app h1, html[data-theme="dark"] #brief-app h2, html[data-theme="dark"] #brief-app h3, html[data-theme="dark"] #brief-app h4{color:var(--u-ink)!important}
html[data-theme="dark"] #brief-app .guide-current:before{background:var(--u-brass)!important}
@media(max-width:760px){#brief-app .navbtn[data-view="brief"]:not(.active){box-shadow:inset 0 -2px 0 var(--accent)}#brief-app .navbtn[data-view="brief"].active{box-shadow:inset 0 -3px 0 var(--accent)}}


/*
  Questionnaire + tests redesign (12.15)
  Reuses the website palette and readable UI patterns; no external assets.
*/
#brief-app{
  --q-bg:#FFFFFF;
  --q-panel:#F6F5F3;
  --q-card:#FFFFFF;
  --q-line:#E7E5E2;
  --q-line-strong:#C9C6C2;
  --q-ink:#222222;
  --q-copy:#3A3A3A;
  --q-muted:#656565;
  --q-accent:#B23423;
  --q-wash:#DDE6E7;
  --q-button-fill:#E7EAEA;
  --q-button-ink:#071C21;
  --q-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --q-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
html[data-theme="dark"] #brief-app{
  --q-bg:#121212;
  --q-panel:#1A1A1A;
  --q-card:#1A1A1A;
  --q-line:#343434;
  --q-line-strong:#565656;
  --q-ink:#EDEDED;
  --q-copy:#D2D2D2;
  --q-muted:#B7B7B7;
  --q-accent:#F26A52;
  --q-wash:#242424;
  --q-button-fill:#071C21;
  --q-button-ink:#E7EAEA;
}

#brief-app, #brief-app *, #brief-app *::before, #brief-app *::after{box-sizing:border-box}
#brief-app, #brief-app{width:100%;max-width:100%;min-width:0;margin:0!important;background:var(--q-bg)!important;color:var(--q-copy)!important;overflow-x:hidden!important}
#brief-app{font:400 16px/1.63 var(--q-sans)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#brief-app .shell{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;overflow:visible!important}
#brief-app .brief-main{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0 auto!important;padding:0!important}
#brief-app #app{display:block;width:min(1120px,100%);max-width:100%;min-width:0;margin:0 auto;padding:0;overflow:visible;overflow-wrap:anywhere}
#brief-app #app>*{min-width:0;max-width:100%}
#brief-app img, #brief-app svg, #brief-app video{max-width:100%;height:auto}
#brief-app p{color:var(--q-copy)}
#brief-app h1, #brief-app h2, #brief-app h3, #brief-app h4{margin-top:0;color:var(--q-ink)!important;font-family:var(--q-sans)!important;font-weight:400!important;letter-spacing:-.02em!important;line-height:1.16!important;overflow-wrap:anywhere}
#brief-app h1{font-size:clamp(30px,3.8vw,42px)!important;margin-bottom:16px!important}
#brief-app h2{font-size:clamp(26px,3vw,34px)!important;margin-bottom:14px!important}
#brief-app h3{font-size:clamp(20px,2.4vw,26px)!important;margin-bottom:10px!important}
#brief-app .eyebrow, #brief-app .guide-kicker, #brief-app .section-label, #brief-app .gs-label, #brief-app .help-number, #brief-app .qid{
  color:var(--q-accent)!important;font-family:var(--q-mono)!important;font-size:12px!important;font-weight:600!important;letter-spacing:1.44px!important;text-transform:uppercase!important;line-height:1.45!important
}
#brief-app .lead{max-width:66ch;color:var(--q-muted)!important;font-size:16px!important;line-height:1.63!important;font-weight:400!important}
#brief-app .small, #brief-app .tiny{color:var(--q-muted)!important;line-height:1.55!important}
#brief-app .row, #brief-app .stephead, #brief-app .footer-nav, #brief-app .card-label, #brief-app .guide-current, #brief-app .guide-step, #brief-app .brief-layout, #brief-app .questionnaire, #brief-app .field{min-width:0;max-width:100%}
#brief-app .row{gap:10px;flex-wrap:wrap}

/* Inner step navigation - same neutral frame as the main site. */
#brief-app .brandheader{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px!important;width:min(1120px,100%);max-width:100%;height:auto!important;min-height:0!important;margin:0 auto 22px!important;padding:0 0 16px!important;position:static!important;inset:auto!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--q-line)!important;backdrop-filter:none!important}
#brief-app .brandheader .brand{display:none!important}
#brief-app .navigation{display:flex!important;flex:1 1 100%!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;max-width:100%;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#brief-app .navbtn{display:flex!important;flex:1 1 150px!important;align-items:center;justify-content:flex-start;gap:9px!important;min-width:0!important;max-width:100%;min-height:48px!important;padding:10px 12px!important;border:1px solid var(--q-line)!important;border-radius:0!important;background:transparent!important;color:var(--q-copy)!important;box-shadow:none!important;font:500 13px/1.35 var(--q-sans)!important;letter-spacing:0!important;text-align:left;white-space:normal!important;overflow-wrap:anywhere}
#brief-app .navbtn:hover{background:var(--q-panel)!important;border-color:var(--q-line-strong)!important;color:var(--q-ink)!important}
#brief-app .navbtn.active, #brief-app .navbtn.active:hover{border-color:var(--q-line-strong)!important;background:var(--q-panel)!important;color:var(--q-ink)!important;box-shadow:inset 2px 0 0 var(--q-accent)!important}
#brief-app .navbtn.active .num{border-color:var(--q-accent)!important;color:var(--q-accent)!important;background:transparent!important}
#brief-app .navbtn .num{display:inline-grid;place-items:center;min-width:24px;min-height:24px;margin:0!important;background:transparent!important;color:var(--q-accent)!important;font:600 11px/1 var(--q-mono)!important}
#brief-app .navbtn.active .num{color:var(--q-accent)!important}

/* Accessible controls, quiet borders and bracketed primary actions. */
#brief-app button:not(.option):not(.artcard):not(.navbtn):not(.qsel-btn):not(.qsel-opt){min-width:0;min-height:44px;padding:11px 15px!important;border:1px solid var(--q-line-strong)!important;border-radius:0!important;background:var(--q-card)!important;color:var(--q-ink)!important;box-shadow:none!important;font:500 14px/1.35 var(--q-sans)!important;letter-spacing:0!important;text-align:center;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere;transition:background .18s ease,border-color .18s ease,color .18s ease}
#brief-app button:not(.option):not(.artcard):not(.navbtn):not(.qsel-btn):not(.qsel-opt):hover{border-color:var(--q-ink)!important;background:var(--q-panel)!important;color:var(--q-ink)!important}
#brief-app button.primary:not(.option):not(.artcard):not(.qsel-btn):not(.qsel-opt){border:0!important;border-radius:0!important;background:linear-gradient(var(--q-button-ink),var(--q-button-ink)) left top/7px 1.5px no-repeat,linear-gradient(var(--q-button-ink),var(--q-button-ink)) left top/1.5px 7px no-repeat,linear-gradient(var(--q-button-ink),var(--q-button-ink)) right top/7px 1.5px no-repeat,linear-gradient(var(--q-button-ink),var(--q-button-ink)) right top/1.5px 7px no-repeat,linear-gradient(var(--q-button-ink),var(--q-button-ink)) left bottom/7px 1.5px no-repeat,linear-gradient(var(--q-button-ink),var(--q-button-ink)) left bottom/1.5px 7px no-repeat,linear-gradient(var(--q-button-ink),var(--q-button-ink)) right bottom/7px 1.5px no-repeat,linear-gradient(var(--q-button-ink),var(--q-button-ink)) right bottom/1.5px 7px no-repeat,var(--q-button-fill)!important;color:var(--q-button-ink)!important;font:600 12px/1.4 var(--q-mono)!important;letter-spacing:1.44px!important;text-transform:uppercase!important}
#brief-app button.primary:not(.option):not(.artcard):not(.qsel-btn):not(.qsel-opt):hover{background:linear-gradient(var(--q-button-fill),var(--q-button-fill)) left top/7px 1.5px no-repeat,linear-gradient(var(--q-button-fill),var(--q-button-fill)) left top/1.5px 7px no-repeat,linear-gradient(var(--q-button-fill),var(--q-button-fill)) right top/7px 1.5px no-repeat,linear-gradient(var(--q-button-fill),var(--q-button-fill)) right top/1.5px 7px no-repeat,linear-gradient(var(--q-button-fill),var(--q-button-fill)) left bottom/7px 1.5px no-repeat,linear-gradient(var(--q-button-fill),var(--q-button-fill)) left bottom/1.5px 7px no-repeat,linear-gradient(var(--q-button-fill),var(--q-button-fill)) right bottom/7px 1.5px no-repeat,linear-gradient(var(--q-button-fill),var(--q-button-fill)) right bottom/1.5px 7px no-repeat,var(--q-button-ink)!important;color:var(--q-button-fill)!important}
#brief-app button.ghost:not(.option):not(.artcard):not(.qsel-btn):not(.qsel-opt){background:transparent!important;border-color:var(--q-line-strong)!important}
#brief-app button.danger:not(.option):not(.artcard):not(.qsel-btn):not(.qsel-opt){color:var(--q-accent)!important;border-color:var(--q-line-strong)!important}
#brief-app button:disabled{opacity:.55;cursor:not-allowed}
#brief-app button:focus-visible, #brief-app a:focus-visible, #brief-app input:focus-visible, #brief-app select:focus-visible, #brief-app textarea:focus-visible{outline:2px solid var(--q-accent)!important;outline-offset:3px!important}
#brief-app input, #brief-app select, #brief-app textarea{display:block;max-width:100%;min-width:0;min-height:48px;padding:11px 12px!important;border:1px solid var(--q-line-strong)!important;border-radius:0!important;background:var(--q-bg)!important;color:var(--q-ink)!important;font:400 16px/1.4 var(--q-sans)!important;box-shadow:none!important}
#brief-app textarea{min-height:100px;resize:vertical}
#brief-app input::placeholder, #brief-app textarea::placeholder{color:var(--q-muted)!important;opacity:1}
#brief-app .field{display:block;margin:0 0 16px!important}
#brief-app .field>span{display:block;margin-bottom:7px;color:var(--q-ink)!important;font:600 12px/1.4 var(--q-mono)!important;letter-spacing:1.44px!important;text-transform:uppercase}
#brief-app .check{align-items:flex-start;gap:10px;padding:8px 0;color:var(--q-copy);font-size:14px;line-height:1.5}
#brief-app input[type="checkbox"]{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;margin:1px 0 0!important;accent-color:var(--q-accent)}

/* Overview: tests, milestones, progress and save state. */
#brief-app .guide-title{margin:0 0 20px!important;color:var(--q-ink)!important;font:400 clamp(30px,3.4vw,42px)/1.12 var(--q-sans)!important;letter-spacing:-.03em!important}
#brief-app .guide-steps{display:flex!important;flex-direction:column;gap:10px!important;min-width:0}
#brief-app .guide-card.guide-current{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)!important;gap:28px!important;align-items:start!important;position:relative;padding:30px!important;border:1px solid var(--q-line-strong)!important;border-radius:0!important;background:var(--q-card)!important;box-shadow:none!important;min-width:0!important;max-width:100%!important}
#brief-app .guide-card.guide-current:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--q-accent)!important}
#brief-app .gc-head, #brief-app .gc-side{min-width:0!important;max-width:100%}
#brief-app .card-label{display:grid!important;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px 12px!important;width:100%;min-width:0}
#brief-app .card-label .step-number{grid-column:1;grid-row:1 / span 2;display:grid!important;place-items:center;width:44px!important;height:44px!important;margin:0!important;border:1px solid var(--q-ink)!important;border-radius:50%!important;background:var(--q-ink)!important;color:var(--q-bg)!important;font:500 19px/1 var(--q-sans)!important;flex:none}
#brief-app .card-label>span:nth-child(2){grid-column:2;min-width:0;color:var(--q-muted)!important;font:600 12px/1.45 var(--q-mono)!important;letter-spacing:1.44px!important;text-transform:uppercase;overflow-wrap:anywhere}
#brief-app .guide-current .gc-head h3{margin:20px 0 12px!important;color:var(--q-ink)!important;font:400 clamp(26px,3vw,36px)/1.13 var(--q-sans)!important;letter-spacing:-.02em!important}
#brief-app .guide-current .gc-head p{max-width:58ch;margin:0!important;color:var(--q-copy)!important;font:400 16px/1.63 var(--q-sans)!important}
#brief-app .guide-current .gc-side{display:flex!important;flex-direction:column;align-items:stretch!important;padding:0!important}
#brief-app .guide-current .outcome, #brief-app .guide-step .outcome{max-width:100%;margin:0 0 16px!important;padding:13px 15px!important;border:0!important;border-left:2px solid var(--q-accent)!important;border-radius:0!important;background:var(--q-wash)!important;color:var(--q-copy)!important;font:400 14px/1.55 var(--q-sans)!important}
#brief-app .guide-current .progress-area{max-width:100%;margin:0 0 18px!important}
#brief-app .progress{height:3px!important;border:0!important;border-radius:0!important;background:var(--q-panel)!important;overflow:hidden}
#brief-app .progress>span{background:var(--q-accent)!important}
#brief-app .completion{margin-top:8px;color:var(--q-muted)!important;font-size:12px!important;line-height:1.45!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;white-space:normal!important}
#brief-app .guide-current .gc-side button{align-self:stretch!important;width:100%!important;margin:0!important;min-height:48px!important}
#brief-app .guide-step{min-width:0!important;max-width:100%;border:1px solid var(--q-line)!important;border-radius:0!important;background:var(--q-card)!important;box-shadow:none!important;overflow:hidden}
#brief-app .guide-step:hover, #brief-app .guide-step[open]{border-color:var(--q-line-strong)!important;box-shadow:none!important}
#brief-app .guide-step>summary{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto 28px!important;align-items:center;gap:12px!important;min-width:0;padding:15px 16px!important;list-style:none;cursor:pointer;color:var(--q-ink)!important}
#brief-app .guide-step>summary::-webkit-details-marker{display:none}
#brief-app .guide-step .step-number{display:grid!important;place-items:center;width:38px!important;height:38px!important;margin:0!important;border:1px solid var(--q-line-strong)!important;border-radius:50%!important;background:transparent!important;color:var(--q-ink)!important;font:500 16px/1 var(--q-sans)!important}
#brief-app .gs-title{display:flex;flex-direction:column;gap:3px;min-width:0!important}
#brief-app .gs-label{color:var(--q-accent)!important;font:600 12px/1.4 var(--q-mono)!important;letter-spacing:1.44px!important}
#brief-app .gs-h{color:var(--q-ink)!important;font:400 19px/1.25 var(--q-sans)!important;letter-spacing:-.02em;overflow-wrap:anywhere}
#brief-app .gs-stat{min-width:0;color:var(--q-muted)!important;font:600 12px/1.4 var(--q-mono)!important;letter-spacing:1.44px!important;text-transform:uppercase!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
#brief-app .gs-chev{position:relative;width:28px!important;height:28px!important;border:1px solid var(--q-line-strong)!important;border-radius:50%!important;background:transparent!important;flex:none}
#brief-app .gs-chev:before{content:"";position:absolute;left:50%;top:45%;width:7px;height:7px;border-right:1.5px solid var(--q-ink);border-bottom:1.5px solid var(--q-ink);transform:translate(-50%,-50%) rotate(45deg)}
#brief-app .guide-step[open] .gs-chev{transform:rotate(180deg)}
/* Текущий этап: тот же ряд, что и остальные, но с закрашенным номером и акцентной полосой. */
#brief-app .guide-step.guide-step-current{position:relative;border-color:var(--q-line-strong)!important}
#brief-app .guide-step.guide-step-current:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--q-accent)}
#brief-app .guide-step.guide-step-current .step-number{background:var(--q-ink)!important;border-color:var(--q-ink)!important;color:var(--q-bg)!important}
#brief-app .guide-step.guide-step-current .gs-label{color:var(--q-ink)!important}
/* Акцент: зачем проходить тесты. */
#brief-app .guide-accent{display:block;max-width:74ch;margin:0 0 22px!important;padding:15px 18px!important;font-size:15px!important;line-height:1.6!important}
#brief-app .guide-accent strong{font-weight:600;color:var(--q-ink)}
/* Верхняя строка раздела и возврат к обзору этапов. */
#brief-app .topbar{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--q-line)}
#brief-app .topbar #top-progress{color:var(--q-muted);font-size:12px;letter-spacing:.02em}
#brief-app .back-overview{flex:0 0 auto;min-height:38px!important;margin-left:auto;padding:8px 12px!important;font:600 12px/1.4 var(--q-mono)!important;letter-spacing:1.44px!important;text-transform:uppercase!important}
#brief-app .back-overview[hidden]{display:none!important}
@media (max-width:700px){
  #brief-app .topbar{gap:8px}
  #brief-app .back-overview{flex:1 1 100%;margin-left:0;justify-content:center}
}
#brief-app .gs-body{padding:0 16px 18px 66px!important;min-width:0;animation:brief-gsIn .2s ease-out}
#brief-app .gs-body p{max-width:65ch;margin:0 0 14px!important;color:var(--q-copy)!important;font:400 15px/1.6 var(--q-sans)!important}
#brief-app .gs-body .progress-area{max-width:100%;margin:0 0 16px}
#brief-app .guide-save{display:flex!important;flex-wrap:wrap;align-items:center;gap:16px!important;margin:24px 0 0!important;padding:18px!important;border:1px solid var(--q-line)!important;border-radius:0!important;background:var(--q-panel)!important;box-shadow:none!important}
#brief-app .guide-save>p{flex:1 1 240px;min-width:0;margin:0!important;color:var(--q-copy)!important;font-size:14px!important;line-height:1.55!important}
#brief-app .guide-save-actions{display:flex;flex-wrap:wrap;gap:8px!important;min-width:0}
#brief-app .guide-save-actions button{min-height:44px!important;font-size:12px!important}
#brief-app .notice, #brief-app .task-help, #brief-app .guide-current .outcome, #brief-app .guide-step .outcome, #brief-app .example-disclaimer{border-radius:0!important}
#brief-app .notice{padding:14px 16px!important;border:0!important;border-left:2px solid var(--q-accent)!important;background:var(--q-wash)!important;color:var(--q-copy)!important;font-size:14px!important;line-height:1.6!important}
#brief-app .example-toggle{margin:18px 0 22px!important;border:1px solid var(--q-line)!important;border-radius:0!important;background:var(--q-card)!important}
#brief-app .example-toggle>summary{padding:15px 16px!important;color:var(--q-ink)!important;font:500 15px/1.45 var(--q-sans)!important;list-style:none;cursor:pointer}
#brief-app .example-toggle>summary::-webkit-details-marker{display:none}
#brief-app .example-toggle>summary:before{content:"＋";display:inline-block;margin-right:10px;color:var(--q-accent);font-family:var(--q-mono);font-size:16px}
#brief-app .example-toggle[open]>summary:before{content:"−"}
#brief-app .example-gallery{margin:0!important;padding:20px!important;border-top:1px solid var(--q-line)}
#brief-app .example-gallery h2, #brief-app .example-copy h3{font-family:var(--q-sans)!important;color:var(--q-ink)!important}
#brief-app .example-disclaimer{border-left:2px solid var(--q-accent)!important;background:var(--q-wash)!important;color:var(--q-copy)!important}
#brief-app .example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
#brief-app .example-card, #brief-app .example-copy{min-width:0!important;background:var(--q-card)!important;border:1px solid var(--q-line)!important;border-radius:0!important;box-shadow:none!important}
#brief-app .example-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#brief-app .example-copy{display:flex;flex-direction:column;gap:12px;padding:17px!important;border:0!important}
#brief-app .example-copy h3{font-size:21px!important;line-height:1.25!important}
#brief-app .example-copy p{color:var(--q-copy)!important;font-size:14px!important;line-height:1.55!important}
#brief-app .example-take, #brief-app .example-skip{padding:12px!important;border-radius:0!important;font-size:14px!important;line-height:1.55!important}
#brief-app .example-take{background:var(--q-wash)!important;color:var(--q-copy)!important;border-left:2px solid var(--q-accent)}
#brief-app .example-skip{background:var(--q-panel)!important;color:var(--q-copy)!important}

/* Test 01: style choices, image references and result. */
#brief-app .task-help{display:block!important;min-width:0;margin:0 0 22px!important;padding:15px 18px!important;border:0!important;border-left:2px solid var(--q-accent)!important;border-radius:0!important;background:var(--q-wash)!important;color:var(--q-copy)!important;box-shadow:none!important}
#brief-app .task-help .help-number{display:block;margin:0 0 7px!important;color:var(--q-accent)!important}
#brief-app .task-help strong{display:block;margin:0 0 5px;color:var(--q-ink)!important;font:500 19px/1.3 var(--q-sans)!important;letter-spacing:-.01em}
#brief-app .task-help p{margin:0!important;color:var(--q-copy)!important;font:400 14px/1.55 var(--q-sans)!important}
#brief-app .stephead{display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:space-between;gap:10px!important;margin:0 0 14px!important}
#brief-app .stephead>*{min-width:0}
#brief-app #app .progress.mb{margin:0 0 20px!important}
#brief-app .style-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:20px 0!important;min-width:0}
#brief-app .style-options .option, #brief-app .style-options .option.chosen{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;min-width:0!important;min-height:150px!important;width:100%;padding:18px!important;border:1px solid var(--q-line-strong)!important;border-radius:0!important;background:var(--q-card)!important;color:var(--q-ink)!important;box-shadow:none!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;transform:none!important}
#brief-app .style-options .option:before{content:counter(opt,decimal-leading-zero)!important;display:block;margin:0 0 18px!important;padding:0!important;color:var(--q-accent)!important;font:600 12px/1.2 var(--q-mono)!important;letter-spacing:1.44px!important}
#brief-app .style-options .option:after{content:""!important;position:absolute!important;top:14px!important;right:14px!important;width:20px!important;height:20px!important;border:1px solid var(--q-line-strong)!important;border-radius:50%!important;background:var(--q-card)!important;color:var(--q-ink)!important;font:600 12px/18px var(--q-sans)!important;text-align:center}
#brief-app .style-options .option strong{display:block;max-width:100%;padding:0 20px 0 0!important;color:inherit!important;font:500 18px/1.3 var(--q-sans)!important;letter-spacing:-.01em!important;overflow-wrap:anywhere}
#brief-app .style-options .option small{display:block;max-width:100%;margin-top:8px!important;color:var(--q-muted)!important;font:400 14px/1.5 var(--q-sans)!important;overflow-wrap:anywhere}
#brief-app .style-options .option:hover{border-color:var(--q-ink)!important;background:var(--q-panel)!important;box-shadow:none!important;color:var(--q-ink)!important;transform:none!important}
#brief-app .style-options .option.chosen, #brief-app .style-options .option.chosen:hover{border-color:var(--q-ink)!important;background:var(--q-wash)!important;color:var(--q-ink)!important;box-shadow:inset 0 0 0 1px var(--q-ink)!important}
#brief-app .style-options .option.chosen:after{content:"✓"!important;border-color:var(--q-ink)!important;background:var(--q-ink)!important;color:var(--q-bg)!important}
#brief-app .artcards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;min-width:0}
#brief-app .artcard{display:block;min-width:0!important;width:100%;padding:0!important;border:1px solid var(--q-line)!important;border-radius:0!important;background:var(--q-card)!important;color:var(--q-ink)!important;text-align:left;white-space:normal!important;box-shadow:none!important}
#brief-app .artcard svg{display:block;width:100%;height:auto}
#brief-app .artcard span{display:block;padding:12px!important;color:var(--q-ink)!important;font:500 16px/1.4 var(--q-sans)!important}
#brief-app .artcard.chosen{outline:2px solid var(--q-ink)!important;outline-offset:2px}
#brief-app .footer-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px!important;margin:24px 0 0!important;padding:18px 0 0!important;border:0!important;border-top:1px solid var(--q-line)!important;border-radius:0!important;background:transparent!important}
#brief-app .footer-nav button{width:100%;min-width:0!important;min-height:48px!important;padding:11px 12px!important;overflow-wrap:anywhere}
#brief-app .footer-nav .primary{min-width:0!important}

/* Test 02: sections and the long project questionnaire. */
#brief-app .brief-layout{display:grid!important;grid-template-columns:minmax(210px,260px) minmax(0,1fr)!important;align-items:start;gap:20px!important}
#brief-app .sectionlist{display:flex!important;flex-direction:column;gap:6px!important;position:sticky!important;top:12px;max-height:calc(100vh - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:0 8px 0 0!important;border:0!important;border-radius:0!important;scrollbar-width:thin;scrollbar-color:var(--q-line-strong) transparent}
#brief-app .sectionlist button{display:block!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:46px!important;margin:0!important;padding:9px 11px!important;border:1px solid var(--q-line)!important;border-radius:0!important;background:transparent!important;color:var(--q-copy)!important;box-shadow:none!important;font:400 13px/1.4 var(--q-sans)!important;letter-spacing:0!important;text-align:left!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere}
#brief-app .sectionlist button:hover{background:var(--q-panel)!important;color:var(--q-ink)!important;border-color:var(--q-line-strong)!important}
#brief-app .sectionlist button.active{border-color:var(--q-button-ink)!important;border-left:2px solid var(--q-accent)!important;background:var(--q-button-ink)!important;color:var(--q-button-fill)!important;font-weight:600!important}
#brief-app .questionnaire{min-width:0!important;padding:24px!important;border:1px solid var(--q-line)!important;border-radius:0!important;background:var(--q-card)!important;box-shadow:none!important}
#brief-app .questionnaire h2, #brief-app .questionnaire h3{max-width:100%;overflow-wrap:anywhere}
#brief-app .section-head{margin:0 0 18px!important;padding:16px!important;border:0!important;border-left:2px solid var(--q-accent)!important;border-radius:0!important;background:var(--q-panel)!important;color:var(--q-ink)!important}
#brief-app .section-head h2{font-size:24px!important;line-height:1.2!important}
#brief-app .section-head p{color:var(--q-copy)!important;font-size:14px!important;line-height:1.55!important}
#brief-app .q{min-width:0;padding:18px 0!important;border-bottom:1px solid var(--q-line)!important}
#brief-app .q:first-child{padding-top:0!important}
#brief-app .qtitle{margin:0 0 12px!important;color:var(--q-ink)!important;font:500 16px/1.45 var(--q-sans)!important;overflow-wrap:anywhere}
#brief-app .qid{display:inline-block;margin-right:7px;color:var(--q-accent)!important;font-size:10px!important}
#brief-app .qmeta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important}
#brief-app .qmeta select{min-width:0!important;width:100%!important;font-size:14px!important}
#brief-app .q textarea{width:100%;min-width:0;font-size:15px!important}
#brief-app .q details{margin-top:10px;font-size:14px!important}
#brief-app .q details textarea{margin-top:8px}
#brief-app .grid2, #brief-app .grid3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;min-width:0}
#brief-app .panel, #brief-app .questionnaire, #brief-app .report, #brief-app .refcard, #brief-app .card{min-width:0;max-width:100%;border:1px solid var(--q-line)!important;border-radius:0!important;background:var(--q-card)!important;box-shadow:none!important;color:var(--q-copy)!important}
#brief-app .tablewrap{width:100%;max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--q-line-strong) transparent}
#brief-app table{max-width:100%;border-collapse:collapse;color:var(--q-copy);font:400 13px/1.45 var(--q-sans)!important}
#brief-app th, #brief-app td{padding:9px!important;border-bottom:1px solid var(--q-line)!important;vertical-align:top;overflow-wrap:anywhere}
#brief-app th{background:var(--q-panel)!important;color:var(--q-muted)!important;font:600 12px/1.4 var(--q-mono)!important;letter-spacing:1.44px;text-transform:uppercase}

/* Test 03: equipment, room details and project scope. */
#brief-app #app .tabs, #brief-app #app [role="tablist"]{display:flex;flex-wrap:wrap;gap:8px!important;max-width:100%;min-width:0}
#brief-app #app [role="tab"]{min-width:0;max-width:100%;white-space:normal}
#brief-app .empty{padding:18px!important;border:1px dashed var(--q-line-strong)!important;border-radius:0!important;background:transparent!important;color:var(--q-muted)!important;line-height:1.55}
#brief-app .scorebar{display:grid!important;grid-template-columns:minmax(0,180px) minmax(0,1fr) 40px!important;gap:10px!important;align-items:center;font-size:13px!important}
#brief-app .scorebar .progress{height:4px!important}
#brief-app .registry{min-width:740px}
#brief-app .project-bar{width:min(1120px,100%);max-width:100%;margin:28px auto 0!important}
#brief-app .project-bar .savebox{max-width:100%;gap:8px!important}

/* Results and export screen. */
#brief-app .tz-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;background:var(--q-line)!important;border:1px solid var(--q-line)!important;border-radius:0!important}
#brief-app .tz-act{display:flex;flex-direction:column;align-items:flex-start;gap:14px!important;min-width:0;padding:22px!important;background:var(--q-card)!important}
#brief-app .tz-act button{width:100%;min-width:0!important;min-height:48px!important}
#brief-app .tz-ico{width:48px!important;height:48px!important;border-radius:50%!important;border:1px solid var(--q-line-strong)!important;color:var(--q-ink)!important}
#brief-app .tz-act:first-child .tz-ico{background:var(--q-ink)!important;border-color:var(--q-ink)!important;color:var(--q-bg)!important}
#brief-app .tz-note{max-width:60ch;margin:0!important;color:var(--q-copy)!important;font-size:14px!important;line-height:1.58!important;overflow-wrap:anywhere}
/* плашка «Обсудить ТЗ»: рамка должна быть видна - была --q-line (почти не отличается от фона) */
#brief-app .tz-next-step{padding:18px!important;border:1px solid var(--q-line-strong)!important;border-left:2px solid var(--q-accent)!important;border-radius:0!important;background:var(--q-panel)!important}
#brief-app .report{padding:28px!important;color:var(--q-copy)!important}
#brief-app .report h1{font-size:36px!important}
#brief-app .report h2{font-size:26px!important}
#brief-app .report td, #brief-app .report th{overflow-wrap:anywhere}
#brief-app .toast{max-width:calc(100vw - 32px);border:0!important;border-radius:0!important;background:var(--q-ink)!important;color:var(--q-bg)!important;box-shadow:none!important}

/* Dark theme follows the site's theme toggle. */
html[data-theme="dark"] #brief-app, html[data-theme="dark"] #brief-app .shell, html[data-theme="dark"] #brief-app .brief-main{background:var(--q-bg)!important;color:var(--q-copy)!important}
html[data-theme="dark"] #brief-app .brandheader{border-bottom-color:var(--q-line)!important}
html[data-theme="dark"] #brief-app .guide-card, html[data-theme="dark"] #brief-app .guide-step, html[data-theme="dark"] #brief-app .questionnaire, html[data-theme="dark"] #brief-app .panel, html[data-theme="dark"] #brief-app .card, html[data-theme="dark"] #brief-app .example-card, html[data-theme="dark"] #brief-app .example-copy, html[data-theme="dark"] #brief-app .tz-act{background:var(--q-card)!important;color:var(--q-copy)!important;border-color:var(--q-line)!important}
html[data-theme="dark"] #brief-app .guide-step>summary, html[data-theme="dark"] #brief-app .gs-h, html[data-theme="dark"] #brief-app .guide-current .gc-head h3, html[data-theme="dark"] #brief-app .guide-title, html[data-theme="dark"] #brief-app .questionnaire h2, html[data-theme="dark"] #brief-app .questionnaire h3{color:var(--q-ink)!important}
html[data-theme="dark"] #brief-app .task-help, html[data-theme="dark"] #brief-app .notice, html[data-theme="dark"] #brief-app .guide-current .outcome, html[data-theme="dark"] #brief-app .guide-step .outcome, html[data-theme="dark"] #brief-app .section-head, html[data-theme="dark"] #brief-app .example-disclaimer, html[data-theme="dark"] #brief-app .example-take, html[data-theme="dark"] #brief-app .tz-next-step{background:var(--q-wash)!important;color:var(--q-copy)!important}
html[data-theme="dark"] #brief-app input, html[data-theme="dark"] #brief-app textarea, html[data-theme="dark"] #brief-app select{background:#202020!important;color:var(--q-ink)!important;border-color:var(--q-line-strong)!important}
html[data-theme="dark"] #brief-app .style-options .option{background:#1A1A1A!important;color:var(--q-ink)!important}
html[data-theme="dark"] #brief-app .style-options .option.chosen{background:#252525!important}

@media(max-width:960px){
  #brief-app .guide-card.guide-current{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;padding:24px!important}
  #brief-app .brief-layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  #brief-app .sectionlist{position:static!important;max-height:none!important}
  #brief-app .questionnaire{padding:20px!important}
  #brief-app .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #brief-app, #brief-app{overflow-x:hidden!important}
  #brief-app #app{width:100%!important;padding:0!important}
  #brief-app .brief-main{padding:0!important}
  #brief-app .brandheader{display:block!important;margin:0 0 16px!important;padding:0 0 12px!important}
  #brief-app .brandheader .brand{display:none!important}
  #brief-app .navigation{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  #brief-app .navbtn{display:flex!important;flex:initial!important;min-width:0!important;width:100%!important;min-height:44px!important;padding:8px 9px!important;font-size:12px!important;line-height:1.3!important}
  #brief-app .guide-title{font-size:30px!important;margin-bottom:16px!important}
  #brief-app .guide-card.guide-current{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;padding:18px!important}
  #brief-app .card-label{grid-template-columns:40px minmax(0,1fr)!important;gap:7px 10px!important}
  #brief-app .card-label .step-number{width:40px!important;height:40px!important;font-size:17px!important}
  #brief-app .guide-current .gc-head h3{font-size:28px!important;line-height:1.15!important;margin:16px 0 10px!important}
  #brief-app .guide-current .gc-head p{font-size:15.5px!important;line-height:1.58!important}
  #brief-app .guide-current .outcome, #brief-app .guide-step .outcome{padding:12px!important;font-size:13.5px!important}
  #brief-app .guide-step>summary{grid-template-columns:36px minmax(0,1fr) 28px!important;gap:10px!important;padding:13px 12px!important}
  #brief-app .guide-step .step-number{width:34px!important;height:34px!important;font-size:15px!important}
  #brief-app .gs-label{font-size:12px!important;letter-spacing:1.44px!important}
  #brief-app .gs-h{font-size:17px!important;line-height:1.3!important}
  #brief-app .gs-stat{display:none!important}
  #brief-app .gs-body{padding:0 12px 16px!important}
  #brief-app .gs-body p{font-size:14px!important;line-height:1.55!important}
  #brief-app .guide-save{display:block!important;padding:15px!important}
  #brief-app .guide-save-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px}
  #brief-app .guide-save-actions button{width:100%!important}
  #brief-app .example-grid{grid-template-columns:minmax(0,1fr)!important}
  #brief-app .example-gallery{padding:14px!important}
  #brief-app .example-gallery h2{font-size:23px!important}
  #brief-app .task-help{margin-bottom:18px!important;padding:13px 14px!important}
  #brief-app .task-help strong{font-size:18px!important}
  #brief-app h1{font-size:30px!important;line-height:1.15!important}
  #brief-app h2{font-size:25px!important}
  #brief-app .lead{font-size:15.5px!important;line-height:1.58!important}
  #brief-app .style-options{grid-template-columns:minmax(0,1fr)!important;gap:9px!important;margin:16px 0!important}
  #brief-app .style-options .option, #brief-app .style-options .option.chosen{min-height:0!important;padding:15px!important}
  #brief-app .style-options .option:before{margin-bottom:12px!important}
  #brief-app .style-options .option strong{font-size:17px!important;line-height:1.3!important}
  #brief-app .style-options .option small{font-size:13.5px!important}
  #brief-app .artcards{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  #brief-app .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:18px!important;padding-top:14px!important}
  #brief-app .footer-nav button{min-height:48px!important;padding:9px 8px!important;font-size:12.5px!important}
  #brief-app .brief-layout{display:block!important}
  #brief-app .sectionlist{display:flex!important;flex-direction:row!important;gap:8px!important;width:100%!important;max-width:100%!important;max-height:none!important;margin:0 0 14px!important;padding:0 0 8px!important;overflow-x:auto!important;overflow-y:hidden!important;border:0!important;border-bottom:1px solid var(--q-line)!important;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  #brief-app .sectionlist button{display:flex!important;flex-direction:column;justify-content:center;flex:0 0 min(72vw,220px)!important;width:min(72vw,220px)!important;min-width:0!important;max-width:min(72vw,220px)!important;min-height:54px!important;padding:8px 10px!important;border:1px solid var(--q-line)!important;background:var(--q-card)!important;font-size:12px!important;line-height:1.35!important;scroll-snap-align:start}
  #brief-app .sectionlist button.active{border-color:var(--q-button-ink)!important;border-left:2px solid var(--q-accent)!important;background:var(--q-button-ink)!important;color:var(--q-button-fill)!important}
  #brief-app .questionnaire{width:100%!important;padding:15px!important}
  #brief-app .section-head{padding:13px!important;margin-bottom:14px!important}
  #brief-app .section-head h2{font-size:21px!important}
  #brief-app .q{padding:15px 0!important}
  #brief-app .qtitle{font-size:15.5px!important;line-height:1.45!important}
  #brief-app .qmeta{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  #brief-app .grid2, #brief-app .grid3{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  #brief-app .tablewrap{max-width:100%!important}
  #brief-app .registry{min-width:680px}
  #brief-app .scorebar{grid-template-columns:minmax(0,105px) minmax(0,1fr) 34px!important;gap:7px!important;font-size:11.5px!important}
  #brief-app .tz-actions{grid-template-columns:minmax(0,1fr)!important}
  #brief-app .tz-act{padding:16px!important}
  #brief-app .tz-act button{width:100%!important;min-width:0!important}
  #brief-app .tz-note{font-size:13.5px!important}
  #brief-app .report{padding:16px!important}
  #brief-app .report h1{font-size:28px!important}
  #brief-app .report h2{font-size:22px!important}
  #brief-app .project-bar{margin-top:20px!important}
  #brief-app .project-bar .savebox{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
  #brief-app .project-bar .savebox .small{grid-column:1/-1;width:100%!important}
  #brief-app .project-bar .savebox button{width:100%!important;min-width:0!important;padding:9px!important;font-size:12px!important}
}
@media(max-width:360px){
  #brief-app .navbtn{font-size:11px!important;padding:8px 7px!important}
  #brief-app .guide-card.guide-current{padding:14px!important}
  #brief-app .guide-current .gc-head h3{font-size:25px!important}
  #brief-app .guide-step>summary{grid-template-columns:32px minmax(0,1fr) 26px!important;gap:8px!important;padding:11px 9px!important}
  #brief-app .guide-step .step-number{width:30px!important;height:30px!important}
  #brief-app .gs-h{font-size:16px!important}
  #brief-app .footer-nav{grid-template-columns:minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){#brief-app, #brief-app *, #brief-app *::before, #brief-app *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ---------- Выдвигающиеся списки: кнопка с шевроном (как на measured.ca) ---------- */
#brief-app .qsel{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;
  min-width:0;max-width:100%;margin-left:auto}
#brief-app .qsel-val{min-width:0;max-width:min(58vw,380px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--q-ink)!important;font:500 15px/1.45 var(--q-sans)!important;text-align:right}
#brief-app .qsel-btn{flex:none!important;display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:var(--q-accent)!important;color:#fff!important;box-shadow:none!important;cursor:pointer!important;
  transition:background .18s ease,transform .12s ease}
#brief-app .qsel-btn:hover{background:var(--q-ink)!important}
#brief-app .qsel-btn:active{transform:translateY(1px)!important}
#brief-app .qsel-chev-ic{width:18px;height:18px;display:block;transition:transform .22s ease}
#brief-app .qsel.open .qsel-chev-ic{transform:rotate(180deg)}
#brief-app .qsel-pop{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;z-index:60!important;
  min-width:min(300px,82vw)!important;max-width:min(440px,92vw)!important;max-height:46vh!important;overflow:auto!important;padding:6px!important;
  border:1px solid var(--q-line-strong)!important;border-radius:0!important;background:var(--q-card)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.16)!important;
  visibility:hidden;opacity:0;transform:translateY(-6px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
#brief-app .qsel.open .qsel-pop{visibility:visible;opacity:1;transform:none}
#brief-app .qsel-opt{display:block!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:var(--q-copy)!important;box-shadow:none!important;cursor:pointer!important;
  font:400 15px/1.4 var(--q-sans)!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
#brief-app .qsel-opt:hover{background:var(--q-panel)!important;color:var(--q-ink)!important}
#brief-app .qsel-opt[aria-selected="true"]{background:var(--q-wash)!important;color:var(--q-ink)!important;font-weight:600!important}
#brief-app .qsel-opt.is-placeholder{color:var(--q-muted)!important}
@media (max-width:700px){
  #brief-app .qsel-val{max-width:min(46vw,240px);font-size:14px!important}
  #brief-app .qsel-pop{min-width:min(280px,88vw)}
}
@media (prefers-reduced-motion:reduce){
  #brief-app .qsel-pop, #brief-app .qsel-chev-ic{transition-duration:.01ms!important}
}

@media print{
  #brief-app.brief-printing, #brief-app.brief-printing{overflow:visible!important;background:#fff!important;color:#111!important}
  #brief-app.brief-printing .brandheader, #brief-app.brief-printing .guide-save, #brief-app.brief-printing .project-bar, #brief-app.brief-printing .toast, #brief-app.brief-printing .task-help, #brief-app.brief-printing .footer-nav{display:none!important}
  #brief-app.brief-printing .report{padding:0!important;border:0!important;background:#fff!important;color:#111!important}
  #brief-app.brief-printing .report h1, #brief-app.brief-printing .report h2, #brief-app.brief-printing .report h3, #brief-app.brief-printing .report p, #brief-app.brief-printing .report li, #brief-app.brief-printing .report td, #brief-app.brief-printing .report th{color:#111!important}
}


@media print{#brief-app.brief-printing{page:brief-report!important}}

#brief-app{overflow:visible!important}