:root{--base:#f9f7fc;--panel:#ffffff;--type:#30293c;--muted:#5d5368;--key:#6a4c93;--second:#f6bd60;--border:#e4ddec;--rad:16px;--width:1080px;--heading:'Nunito Sans',system-ui,sans-serif;--body:'Nunito Sans',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem} body{margin:0;background:var(--base);color:var(--type);font:16px/1.78 var(--body)}
img{max-width:100%;height:auto} a{color:var(--key);text-underline-offset:3px}
input,select,textarea{max-width:100%;box-sizing:border-box}
input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{min-width:0;max-width:100%}
@supports (-webkit-touch-callout:none){input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{-webkit-appearance:none;appearance:none;min-height:2.75em} input::-webkit-date-and-time-value{text-align:left}}
h1,h2,h3{font-family:var(--heading);line-height:1.2;letter-spacing:-.01em;color:var(--type)}
h1{font-size:clamp(1.9rem,4.5vw,2.8rem);margin:.2em 0 .35em} h2{font-size:clamp(1.35rem,3vw,1.8rem);margin:2.75em 0 .6em} h3{font-size:1.15rem;margin:1.6em 0 .4em}
p,ul,ol{margin:0 0 1.25em}
.bi-wra{max-width:var(--width);margin:0 auto;padding:0 1rem} .bi-mai{max-width:var(--width);margin:0 auto;padding:1.2rem 1rem 3rem}
.bi-ski{position:absolute;left:-9999px} .bi-ski:focus{left:1rem;top:1rem;background:var(--panel);padding:.5rem;z-index:99}
.bi-heain{max-width:var(--width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;flex-wrap:wrap}
.bi-bra{display:flex;align-items:center;gap:.6rem;font:800 1.15rem var(--heading);color:var(--type);text-decoration:none}
.bi-nav{display:flex;gap:1rem;flex-wrap:wrap;align-items:center} .bi-nav a{color:var(--type);text-decoration:none;font-weight:600;font-size:.95rem}
.bi-hea{background:var(--key)} .bi-hea a,.bi-hea .bi-bra,.bi-hea summary{color:#fff} .bi-hea .bi-lan summary{border-color:rgba(255,255,255,.5)} .bi-hea .bi-lanlis a{color:var(--type)} .bi-hea .bi-lanlis a[aria-current]{color:var(--key)}  
.bi-her{margin:1rem 0 1.4rem} .bi-lea{font-size:1.12rem;max-width:46em;color:var(--muted)} .bi-her{text-align:center} .bi-her .bi-lea{margin-left:auto;margin-right:auto}
.bi-too{margin:1.4rem 0 2rem}
.bi-not{margin:1.4em 0;padding:.9em 1.1em;background:var(--panel);border-left:4px solid var(--second);border-radius:0 var(--rad) var(--rad) 0}
.bi-for{margin:1.2em 0;padding:.9em 1.1em;font-family:ui-monospace,Consolas,monospace;background:var(--panel);border:1px dashed var(--key);border-radius:var(--rad);overflow-x:auto}
.bi-tabwra{margin:1.2em 0;overflow-x:auto;border:1px solid var(--border);border-radius:var(--rad);background:var(--panel)}
.bi-tab{width:100%;border-collapse:collapse;font-size:.95em;font-variant-numeric:tabular-nums} .bi-tab th,.bi-tab td{padding:.5em .75em;border-bottom:1px solid var(--border);text-align:left}
.bi-tab thead th{background:color-mix(in srgb,var(--border) 60%,var(--panel))}
ol.bi-ste{padding-left:1.3em} ol.bi-ste>li{margin:.5em 0}
.bi-fig{margin:1.6em 0;text-align:center} .bi-fig img{width:100%;max-width:720px;border-radius:var(--rad);border:1px solid var(--border);background:#fff} .bi-fig figcaption{font-size:.9em;color:var(--muted)}
.bi-car{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.2em 0}
.bi-cara{display:block;padding:1.1rem;background:var(--panel);border-radius:var(--rad);border:1px solid var(--border);color:var(--type);text-decoration:none}
.bi-cara b{display:block;font-family:var(--heading);margin-bottom:.35rem} .bi-cara span{color:var(--muted);font-size:.92rem} .bi-cara:hover{border-color:var(--key)}
.bi-cara--img{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease} .bi-cara--img:hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--type) 14%,transparent)}
.bi-carimg{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover} .bi-cartxt{display:block;padding:1rem 1.1rem 1.1rem} .bi-cartxt>span{display:block}
.bi-bli a,.bi-bro,.bi-poskic{background:none!important}
.bi-carmet{display:block;margin-top:.6rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--key)}
.bi-car--feat{grid-template-columns:repeat(2,minmax(0,1fr))} .bi-car--feat>.bi-cara:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;align-items:center} .bi-car--feat>.bi-cara:first-child b{font-size:1.35rem}
.bi-bli{display:grid;gap:1rem;margin:1.2em 0} .bi-bro{display:grid;grid-template-columns:240px 1fr;gap:1.1rem;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--rad);overflow:hidden;color:var(--type);text-decoration:none}
.bi-bro .bi-carimg{height:100%;aspect-ratio:auto;min-height:126px} .bi-bro b{display:block;font-family:var(--heading);font-size:1.12rem;margin-bottom:.3rem} .bi-bro .bi-cartxt>span{color:var(--muted);font-size:.93rem} .bi-bro:hover{border-color:var(--key)}
.bi-bli--min{list-style:none;padding:0;counter-reset:bl;gap:0} .bi-bli--min li{counter-increment:bl;border-top:1px solid var(--border)} .bi-bli--min li:last-child{border-bottom:1px solid var(--border)}
.bi-bli--min a{display:grid;grid-template-columns:4.2rem 1fr;column-gap:1rem;padding:1.1rem .2rem;color:var(--type);text-decoration:none} .bi-bli--min a::before{content:counter(bl,decimal-leading-zero);grid-row:1/4;font:800 2.4rem/1 var(--heading);color:var(--key)}
.bi-bli--min b{font-family:var(--heading);font-size:1.15rem} .bi-bli--min span{color:var(--muted);font-size:.93rem} .bi-bli--min a:hover b{color:var(--key)}
.bi-poshea--overlay{position:relative;margin:.6rem 0 1.6rem;border-radius:var(--rad);overflow:hidden} .bi-poshea--overlay>img{display:block;width:100%;height:auto;min-height:300px;object-fit:cover}
.bi-posov{position:absolute;inset:auto 0 0 0;padding:4rem 1.6rem 1.4rem;background:linear-gradient(transparent,color-mix(in srgb,#000 72%,transparent))} .bi-posov h1,.bi-posov .bi-posmet,.bi-posov .bi-poskic{color:#fff}
.bi-poshea--band{background:var(--key);color:#fff;padding:2.2rem 1.6rem;border-radius:var(--rad)} .bi-poshea--band h1,.bi-poshea--band .bi-posmet,.bi-poshea--band .bi-poskic{color:#fff}
.bi-poshea--split{display:grid;grid-template-columns:1.1fr 1fr;gap:1.6rem;align-items:center} .bi-poshea--split .bi-poscov{margin:0}
.bi-toc--chips ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.45rem} .bi-toc--chips li{margin:0} .bi-toc--chips a{display:inline-block;padding:.3rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--base);text-decoration:none;font-size:.88rem}
.bi-toc--rail{background:none;border:0;border-left:3px solid var(--second);border-radius:0;padding:.2rem 0 .2rem 1rem}
.bi-lan--globe summary{display:flex;align-items:center;gap:.35rem} .bi-lank{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem} .bi-lank a{padding:.25rem .7rem;border:1px solid var(--border);border-radius:999px;text-decoration:none} .bi-lank a[aria-current]{background:var(--key);border-color:var(--key);color:#fff}
@media (max-width:700px){.bi-car--feat{grid-template-columns:1fr} .bi-car--feat>.bi-cara:first-child{display:flex} .bi-bro{grid-template-columns:1fr} .bi-bro .bi-carimg{min-height:0;aspect-ratio:1200/630} .bi-poshea--split{grid-template-columns:1fr} .bi-posov{position:static;background:var(--key);padding:1.2rem} .bi-poshea--overlay>img{min-height:0}}
.bi-pos{max-width:48rem;margin:0 auto} .bi-poshea{margin:.6rem 0 1.2rem} .bi-poshea h1{font-size:clamp(2rem,5vw,3rem);line-height:1.12;letter-spacing:-.01em}
.bi-poskic{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--key);text-decoration:none}
.bi-upd{color:var(--muted);font-size:.9rem;margin:2rem 0 0} .bi-sig{font-style:italic;color:var(--muted)} .bi-posmet{color:var(--muted);font-size:.92rem;margin:0} .bi-poscov{margin:0 0 1.6rem} .bi-poscov img{display:block;width:100%;height:auto;border-radius:var(--rad)}
.bi-pos .bi-lea{font-size:1.2rem;color:var(--type)} .bi-pos .bi-lea::first-letter{font-family:var(--heading);font-size:3.1em;float:left;line-height:.9;margin:.06em .1em 0 0;color:var(--key)}
.bi-pos .bi-toc--post{position:static!important;top:auto!important;z-index:auto;margin:0 0 1.8rem;padding:1rem 1.2rem;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--key);border-radius:var(--rad);font-size:.95rem}
.bi-toc--post ol{margin:.4rem 0 0;padding-left:1.2rem;columns:1} .bi-toc--post li{margin:.2rem 0}
.bi-pos h3{color:var(--key)} .bi-pos blockquote{margin:1.4em 0;padding:.4em 1.2em;border-left:4px solid var(--second);font-size:1.1em}
.bi-faq details{border-bottom:1px solid var(--border);padding:.7rem 0} .bi-faq summary{cursor:pointer;font-weight:700;font-family:var(--heading)}
.bi-cru{font-size:.88rem;color:var(--muted);margin:.4rem 0 1rem} .bi-cru a{color:var(--muted)}
.bi-cta{margin:2.4rem 0;padding:1.4rem;background:var(--panel);border-radius:var(--rad);border:1px solid var(--border);text-align:center}
.bi-btn{display:inline-block;padding:.7em 1.4em;background:var(--key);color:#fff;border-radius:999px;font-weight:700;text-decoration:none}
.bi-foo{border-top:1px solid var(--border);margin-top:3rem;padding:1.6rem 0 2.4rem;font-size:.9rem;color:var(--muted);background:var(--panel)}
.bi-foo nav{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem} .bi-foo a{color:var(--muted)} .bi-foo{background:var(--type);color:var(--base)} .bi-foo a,.bi-foo p{color:var(--base);opacity:.85}

.bi-toc{margin:1.2rem 0;padding:.8rem 1rem;background:var(--panel);border-radius:var(--rad);border:1px solid var(--border)} .bi-toc ol{margin:.3rem 0 0;padding-left:1.2rem;columns:2;column-gap:2rem} @media(max-width:640px){.bi-toc ol{columns:1}}
.bi-lan{position:relative} .bi-lan summary{cursor:pointer;list-style:none;padding:.25rem .6rem;border:1px solid var(--border);border-radius:999px;font-size:.85rem}
.bi-lanlis{position:absolute;right:0;top:120%;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.4rem;display:grid;min-width:9rem;z-index:40}
.bi-lanlis a{padding:.3rem .5rem;text-decoration:none;color:var(--type)} .bi-lanlis a[aria-current]{font-weight:700;color:var(--key)}
.bi-cod{display:flex;gap:.35rem;font-size:.8rem;font-weight:700} .bi-cod a{text-decoration:none;color:var(--muted);padding:.1rem .3rem;border-radius:4px} .bi-cod a[aria-current]{color:var(--key);background:color-mix(in srgb,var(--key) 12%,transparent)}
[data-zone]{margin:1rem auto;text-align:center;overflow:hidden;max-width:100%} [data-zone]:empty{margin:0}
[data-zone="mobile_sticky"]{position:fixed;left:0;right:0;bottom:0;margin:0;z-index:50;background:var(--panel)}
[data-zone="sidebar_left"],[data-zone="sidebar_right"]{position:fixed;top:110px;width:160px;margin:0;z-index:20} [data-zone="sidebar_left"]{left:12px} [data-zone="sidebar_right"]{right:12px}
@media (max-width:1499px){[data-zone="sidebar_left"],[data-zone="sidebar_right"]{display:none}}
.bi-adx{float:right;border:0;background:transparent;font-size:1.2rem;cursor:pointer;color:var(--muted)}
.bi-btn{border-radius:999px}
.bi-tabwra{border:0;border-top:3px solid var(--key);border-radius:0;background:transparent} .bi-tab thead th{background:transparent;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em}
.bi-sec a:not(.bi-btn):not(.bi-cara){text-decoration-thickness:2px}
:root{--heading:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--body:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body{font-size:18px;font-kerning:normal;font-optical-sizing:auto;text-rendering:optimizeLegibility} h1,h2,h3{font-weight:700;letter-spacing:0;text-wrap:balance} .bi-bra{font-weight:700} h1{font-size:clamp(1.85rem,4.6vw,2.24rem);line-height:1.08} h2{font-size:clamp(1.3rem,3vw,1.56rem);line-height:1.18} h3{font-size:1.25rem} .bi-poshea h1{font-size:clamp(1.95rem,5vw,2.38rem)} p,li{text-wrap:pretty} .bi-sec>p,.bi-sec>ul,.bi-sec>ol,.bi-pos p,.bi-pos li{max-width:68ch} .bi-tab,.bi-too output,.bi-too [class*=res],.bi-too [class*=val]{font-variant-numeric:tabular-nums lining-nums}  
@media (max-width:640px){.bi-heain{gap:.5rem} .bi-nav{gap:.8rem}}

/* K · Clinic: readable purple screening cards with a separate mood diary. */
#bpt-1.ma{font-family:var(--body);color:var(--type);line-height:1.7;max-width:100%;color-scheme:inherit;position:relative;isolation:isolate;scroll-margin-top:90px}
#bpt-1.ma *,#bpt-1.ma *::before,#bpt-1.ma *::after{box-sizing:border-box}
#bpt-1.ma [hidden]{display:none}
#bpt-1.ma button,#bpt-1.ma input,#bpt-1.ma textarea,#bpt-1.ma select{font:inherit;color:var(--type);color-scheme:inherit}
#bpt-1.ma button{min-height:46px;background:var(--panel);border:1px solid var(--border);border-radius:calc(var(--rad)*.65);padding:11px 16px;font-weight:700;font-size:.94rem;line-height:1.4;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease;touch-action:manipulation;max-width:100%;overflow-wrap:anywhere}
#bpt-1.ma button:hover{border-color:var(--key);background:color-mix(in srgb,var(--key) 6%,var(--panel))}
#bpt-1.ma button:active{transform:translateY(1px)}
#bpt-1.ma button:disabled{cursor:default;opacity:.55;transform:none;background:var(--base)}
#bpt-1.ma button:focus-visible,#bpt-1.ma a:focus-visible,#bpt-1.ma input:focus-visible,#bpt-1.ma select:focus-visible,#bpt-1.ma textarea:focus-visible,#bpt-1.ma summary:focus-visible{outline:3px solid var(--key);outline-offset:4px}
#bpt-1.ma .ma-primary{background:var(--key);border-color:var(--key);color:var(--panel);padding-inline:22px;box-shadow:0 3px 0 color-mix(in srgb,var(--key) 70%,var(--type))}
#bpt-1.ma .ma-primary:hover{background:color-mix(in srgb,var(--key) 84%,var(--type));border-color:var(--key)}
#bpt-1.ma h2,#bpt-1.ma h3,#bpt-1.ma h4{font-family:var(--heading);font-weight:600;letter-spacing:0;line-height:1.25;color:var(--type);margin:0 0 16px}
#bpt-1.ma h2{font-size:clamp(1.75rem,3.2vw,2.6rem);max-width:26ch}
#bpt-1.ma h3{font-size:1.22rem}#bpt-1.ma h4{font-size:1.05rem}
#bpt-1.ma p{font-size:.94rem;margin:0 0 18px;max-width:none;line-height:1.8}
#bpt-1.ma .ma-hint{color:var(--muted);font-size:.94rem;line-height:1.7}
#bpt-1.ma svg{display:block;max-width:100%;height:auto}
#bpt-1.ma input[type=checkbox],#bpt-1.ma input[type=radio]{accent-color:var(--key);width:20px;height:20px;flex:0 0 auto;margin:3px 0 0;cursor:pointer}
#bpt-1.ma .ma-tabs{display:flex;gap:8px;align-items:stretch;border-bottom:1px solid var(--border);padding:0 0 12px;flex-wrap:wrap}
#bpt-1.ma .ma-tabs button{min-width:205px;background:var(--base);border-color:var(--border);padding:13px 18px;font-size:.94rem;font-weight:800;border-radius:7px;min-height:48px}
#bpt-1.ma .ma-tabs button[aria-selected=true]{background:var(--panel);border-color:var(--key);color:var(--key);box-shadow:inset 4px 0 0 var(--key)}
#bpt-1.ma .ma-live{color:var(--muted);font-size:.94rem;min-height:22px;margin:13px 0 21px}
#bpt-1.ma #ma-screen-panel{border:1px solid var(--border);border-radius:var(--rad);background:var(--panel);padding:34px 35px;box-shadow:6px 6px 0 color-mix(in srgb,var(--key) 7%,var(--base));position:relative;overflow-wrap:anywhere}
#bpt-1.ma #ma-screen-panel::before{content:'';position:absolute;inset:26px auto 26px 0;width:5px;background:var(--key);border-radius:0 5px 5px 0}
#bpt-1.ma .ma-intro{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:39px;align-items:center}
#bpt-1.ma .ma-label{display:inline-block;margin:0 0 19px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--key) 23%,var(--border));border-radius:5px;background:color-mix(in srgb,var(--key) 5%,var(--panel));font-size:.94rem;font-weight:800;letter-spacing:.03em;line-height:1.6;color:var(--key)}
#bpt-1.ma .ma-intro h2{margin-bottom:18px;max-width:19ch}
#bpt-1.ma .ma-intro>div>p:first-of-type{font-size:1rem;line-height:1.85;color:var(--muted)}
#bpt-1.ma .ma-intro .ma-hint{font-size:.94rem;padding-left:13px;border-left:2px solid var(--border);margin:22px 0}
#bpt-1.ma .ma-three{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px 12px;align-items:center;border-top:1px solid var(--border);padding-top:19px}
#bpt-1.ma .ma-three b{font-family:var(--heading);font-size:1.55rem;font-weight:600;color:var(--key);line-height:1.3}
#bpt-1.ma .ma-three span{font-size:.94rem;color:var(--muted);line-height:1.5}
#bpt-1.ma .ma-check{display:flex;align-items:flex-start;gap:11px;font-size:.94rem;line-height:1.7;margin:16px 0;cursor:pointer}
#bpt-1.ma .ma-check span{flex:1;min-width:0}
#bpt-1.ma .ma-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0 5px}
#bpt-1.ma [role=alert]{background:color-mix(in srgb,var(--second) 6%,var(--panel));color:var(--key);border-left:3px solid var(--second);padding:11px 13px;font-size:.94rem;line-height:1.7;margin:20px 0 0;border-radius:0 5px 5px 0}
#bpt-1.ma .ma-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;color:var(--muted);font-size:.94rem;font-weight:700;line-height:1.6;margin:0 0 13px}
#bpt-1.ma #ma-section{color:var(--key)}
#bpt-1.ma .ma-progress{height:7px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:33px}
#bpt-1.ma #ma-progress-fill{height:100%;width:0;background:var(--key);border-radius:4px;transition:width .25s ease}
#bpt-1.ma #ma-question{font-size:clamp(1.55rem,2.8vw,2.18rem);line-height:1.38;max-width:38ch;margin:0 0 19px;outline-offset:8px}
#bpt-1.ma #ma-question-hint{font-size:.94rem;color:var(--muted);margin-bottom:22px;max-width:72ch}
#bpt-1.ma #ma-answers{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;min-width:0}
#bpt-1.ma .ma-choice{padding:18px 19px;display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:7px;background:var(--base);cursor:pointer;min-height:68px;font-size:.94rem;font-weight:700;line-height:1.5;transition:background .18s ease,border-color .18s ease}
#bpt-1.ma .ma-choice input{margin:0}
#bpt-1.ma .ma-choice:hover{border-color:var(--key);background:color-mix(in srgb,var(--key) 5%,var(--panel))}
#bpt-1.ma .ma-choice:has(input:checked){background:color-mix(in srgb,var(--key) 7%,var(--panel));border-color:var(--key);box-shadow:inset 0 -3px 0 var(--key);color:var(--key)}
#bpt-1.ma .ma-uncertain{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 24px}
#bpt-1.ma .ma-uncertain button{font-size:.94rem;background:transparent;color:var(--muted);min-width:125px}
#bpt-1.ma .ma-uncertain button[aria-pressed=true]{background:color-mix(in srgb,var(--second) 6%,var(--panel));border-color:var(--key);color:var(--key);box-shadow:inset 0 -2px 0 var(--second)}
#bpt-1.ma .ma-question-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding-top:22px;margin-top:27px}
#bpt-1.ma .ma-question-nav button{min-width:110px}
#bpt-1.ma #ma-paused{padding:20px 0 25px}
#bpt-1.ma #ma-paused h2{max-width:25ch}
#bpt-1.ma #ma-paused p{max-width:65ch;color:var(--muted)}
#bpt-1.ma .ma-result-header{position:relative;background:color-mix(in srgb,var(--key) 5%,var(--panel));border:1px solid var(--border);border-left:5px solid var(--key);border-radius:0 10px 10px 0;padding:27px 29px;margin-bottom:26px}
#bpt-1.ma .ma-result-header h2{max-width:none;font-size:clamp(1.7rem,3vw,2.35rem);margin:0 0 17px}
#bpt-1.ma .ma-result-header .ma-label{background:var(--panel);margin-bottom:19px;font-size:.94rem}
#bpt-1.ma #ma-result-text{font-size:.94rem;line-height:1.8;max-width:77ch;color:var(--muted)}
#bpt-1.ma .ma-count{display:flex;align-items:center;gap:17px;border-top:1px solid var(--border);padding-top:17px;margin-top:21px}
#bpt-1.ma .ma-count strong{font-family:var(--heading);font-size:3.9rem;line-height:1;font-weight:600;color:var(--key);letter-spacing:0}
#bpt-1.ma .ma-count span{font-size:.94rem;font-weight:700;color:var(--muted);max-width:25ch;line-height:1.6}
#bpt-1.ma #ma-gates{width:100%;height:auto;display:block;margin:0 0 5px}
#bpt-1.ma .ma-gate-card{fill:var(--base);stroke:var(--border);stroke-width:1}
#bpt-1.ma .ma-gate-neutral{fill:var(--panel);stroke:var(--border);stroke-width:1.5}
#bpt-1.ma .ma-gate-met{fill:var(--key);stroke:var(--key);stroke-width:1.5}
#bpt-1.ma .ma-gate-symbol{fill:var(--muted);font-size:24px;font-family:var(--body)}
#bpt-1.ma .ma-gate-symbol-met{fill:var(--panel)}
#bpt-1.ma .ma-gate-label{fill:var(--muted);font-family:var(--body);font-size:15px;font-weight:700}
#bpt-1.ma .ma-gate-value{fill:var(--key);font-family:var(--heading);font-size:18px;font-weight:600}
#bpt-1.ma .ma-gate-join{fill:none;stroke:var(--border);stroke-width:2;stroke-dasharray:3 3}
#bpt-1.ma .ma-gate-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:23px}
#bpt-1.ma .ma-gate-details>div{padding:15px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}
#bpt-1.ma .ma-gate-details h3{font-size:.94rem;line-height:1.4;margin:0 0 8px}
#bpt-1.ma .ma-gate-details p{font-size:.94rem;line-height:1.7;color:var(--muted);margin:0}
#bpt-1.ma #ma-completion{padding:11px 0;border-block:1px dashed var(--border);margin:0 0 27px}
#bpt-1.ma .ma-result-note{padding:4px 0 10px;margin:0 0 15px}
#bpt-1.ma .ma-result-note h3{font-size:1.27rem;line-height:1.5;margin:0 0 13px}
#bpt-1.ma label[for]{font-size:.94rem;font-weight:700;color:var(--muted);display:block;margin-bottom:9px;line-height:1.55}
#bpt-1.ma textarea{width:100%;max-width:100%;resize:vertical;min-height:80px;border:1px solid var(--border);border-radius:6px;background:var(--base);padding:12px 14px;font-size:.94rem;line-height:1.7;margin-bottom:10px}
#bpt-1.ma .ma-export{padding:20px 0 24px;border-block:1px solid var(--border);margin-bottom:27px}
#bpt-1.ma .ma-export .ma-check{margin-top:0;font-size:.94rem}
#bpt-1.ma .ma-export .ma-hint{margin-bottom:18px}
#bpt-1.ma .ma-export [role=status]{font-size:.94rem;color:var(--key);margin:15px 0 0;line-height:1.7}
#bpt-1.ma .ma-review-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}
#bpt-1.ma .ma-review-head h3{font-size:1.4rem;margin:0}
#bpt-1.ma .ma-review-head button{font-size:.94rem;padding:10px 13px}
#bpt-1.ma .ma-review-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:14px;padding:19px 0;border-top:1px solid var(--border);align-items:start}
#bpt-1.ma .ma-review-number{font-family:var(--heading);font-size:1.17rem;color:var(--key);font-weight:600;padding-top:1px}
#bpt-1.ma .ma-review-row h4{font-size:.94rem;line-height:1.65;letter-spacing:0;margin:0 0 8px}
#bpt-1.ma .ma-review-row p{font-size:.94rem;line-height:1.6;font-weight:700;color:var(--key);margin:0}
#bpt-1.ma .ma-review-row button{font-size:.94rem;padding:10px 12px;min-height:44px}
#bpt-1.ma #ma-diary-panel{padding:28px 0 5px;max-width:100%;overflow-wrap:anywhere}
#bpt-1.ma .ma-diary-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:23px}
#bpt-1.ma .ma-diary-heading h2{max-width:26ch;margin-bottom:13px}
#bpt-1.ma .ma-diary-heading p{font-size:.94rem;color:var(--muted);max-width:68ch;margin:0}
#bpt-1.ma .ma-diary-count{font-family:var(--heading);font-size:.94rem;color:var(--key);background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:13px 16px;line-height:1.6;min-width:140px;text-align:center;margin-top:4px}
#bpt-1.ma #ma-entry-form{padding:26px 27px 23px;background:var(--panel);border:1px solid var(--border);border-top:4px solid var(--key);border-radius:0 0 9px 9px;box-shadow:4px 4px 0 color-mix(in srgb,var(--key) 7%,var(--base));margin-bottom:33px}
#bpt-1.ma .ma-fields{display:grid;grid-template-columns:1.1fr 1.5fr 1.15fr .8fr;gap:17px;margin-bottom:23px}
#bpt-1.ma .ma-fields>div{min-width:0}
#bpt-1.ma .ma-fields label{min-height:44px;font-size:.94rem;font-weight:800;margin-bottom:8px}
#bpt-1.ma input[type=date],#bpt-1.ma input[type=text],#bpt-1.ma select{width:100%;min-width:0;max-width:100%;min-height:49px;font-size:.94rem;border:1px solid var(--border);border-radius:6px;background:var(--base);padding:11px 12px;line-height:1.6}
#bpt-1.ma input[type=date]{min-height:49px;padding-right:8px}
#bpt-1.ma input[type=text]{font-family:var(--heading);font-size:1rem;letter-spacing:0}
#bpt-1.ma select{padding-right:25px;font-weight:500}
#bpt-1.ma #ma-entry-form .ma-hint{font-size:.94rem;margin-bottom:18px}
#bpt-1.ma #ma-entry-status{font-size:.94rem;color:var(--key);line-height:1.7;margin:16px 0 0}
#bpt-1.ma #ma-entry-status:empty{margin:0}
#bpt-1.ma .ma-chart-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 16px}
#bpt-1.ma .ma-chart-head h3{font-size:1.38rem;margin:0}
#bpt-1.ma .ma-chart-head span{font-size:.94rem}
#bpt-1.ma #ma-chart{width:100%;height:auto;border:1px solid var(--border);background:var(--panel);border-radius:9px;margin:0 0 17px;padding:10px 0}
#bpt-1.ma .ma-chart-empty{fill:var(--base);stroke:var(--border);stroke-width:1;stroke-dasharray:5 5}
#bpt-1.ma .ma-chart-empty-title{fill:var(--key);font-family:var(--heading);font-size:24px;font-weight:600}
#bpt-1.ma .ma-chart-title{fill:var(--key);font-family:var(--body);font-size:16px;font-weight:800}
#bpt-1.ma .ma-chart-label{fill:var(--muted);font-family:var(--body);font-size:13px;font-weight:500}
#bpt-1.ma .ma-chart-grid{fill:none;stroke:var(--border);stroke-width:1}
#bpt-1.ma .ma-chart-line{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#bpt-1.ma .ma-chart-line-mood{stroke:var(--key)}
#bpt-1.ma .ma-chart-line-sleep{stroke:var(--second)}
#bpt-1.ma .ma-chart-dot{stroke:var(--panel);stroke-width:1.8}
#bpt-1.ma .ma-chart-dot-mood{fill:var(--key)}
#bpt-1.ma .ma-chart-dot-sleep{fill:var(--second)}
#bpt-1.ma .ma-table-wrap{max-width:100%;overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;margin:20px 0 0}
#bpt-1.ma table{width:100%;min-width:640px;border-collapse:collapse;font-size:.94rem;line-height:1.7;margin:0}
#bpt-1.ma caption{padding:14px 17px;text-align:left;background:var(--base);color:var(--muted);font-size:.94rem;font-weight:800;border-bottom:1px solid var(--border)}
#bpt-1.ma th{padding:14px 15px;background:var(--key);color:var(--panel);font-size:.94rem;font-weight:800;text-align:left;border:0}
#bpt-1.ma td{padding:13px 15px;border:0;border-bottom:1px solid var(--border);vertical-align:top;color:var(--type)}
#bpt-1.ma tbody tr:last-child td{border-bottom:0}
#bpt-1.ma tbody tr:nth-child(even){background:color-mix(in srgb,var(--base) 55%,var(--panel))}
#bpt-1.ma td:first-child{font-weight:700;color:var(--key);white-space:nowrap}
#bpt-1.ma td:nth-child(5){max-width:260px;min-width:130px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.94rem}
#bpt-1.ma td:last-child{min-width:115px;max-width:155px}
#bpt-1.ma td button{font-size:.94rem;padding:9px 10px;min-height:44px;margin:0 5px 6px 0}
#bpt-1.ma #ma-diary-status{font-size:.94rem;color:var(--key);margin:14px 0 0}
#bpt-1.ma .ma-settings{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start;margin:31px 0;padding:25px 0;border-block:1px solid var(--border)}
#bpt-1.ma .ma-settings .ma-check{margin:0 0 10px;font-size:.94rem;font-weight:700}
#bpt-1.ma .ma-settings .ma-hint{font-size:.94rem;margin-bottom:8px;line-height:1.8}
#bpt-1.ma #ma-storage-status{font-size:.94rem;color:var(--key);margin:9px 0 0;line-height:1.7}
#bpt-1.ma .ma-settings details{padding:12px 15px;background:var(--panel);border:1px solid var(--border);border-radius:7px}
#bpt-1.ma .ma-settings summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-size:.94rem;font-weight:800;color:var(--key);line-height:1.5}
#bpt-1.ma .ma-settings details p{font-size:.94rem;color:var(--muted);line-height:1.8;margin:10px 0 0}
#bpt-1.ma .ma-support{position:relative;background:color-mix(in srgb,var(--second) 5%,var(--panel));border:1px solid color-mix(in srgb,var(--second) 28%,var(--border));border-left:4px solid var(--second);border-radius:0 8px 8px 0;padding:23px 26px 25px;margin:0 0 5px}
#bpt-1.ma .ma-support h3{font-size:1.37rem;line-height:1.4;margin-bottom:11px}
#bpt-1.ma .ma-support p{font-size:.94rem;color:var(--muted);line-height:1.8;max-width:83ch}
#bpt-1.ma .ma-support a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--second);background:var(--panel);color:var(--key);font-size:.94rem;font-weight:800;padding:11px 16px;border-radius:5px;line-height:1.5;text-decoration:none}
#bpt-1.ma .ma-support a:hover{background:var(--base);text-decoration:underline;text-underline-offset:4px}
#bpt-1.ma .ma-sr{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;margin:-1px;padding:0;white-space:nowrap;border:0}
@media(max-width:880px){#bpt-1.ma .ma-intro{grid-template-columns:minmax(0,1fr) 205px;gap:25px}#bpt-1.ma #ma-screen-panel{padding:28px}#bpt-1.ma .ma-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}#bpt-1.ma .ma-fields label{min-height:0}#bpt-1.ma .ma-diary-count{font-size:.94rem;min-width:120px}#bpt-1.ma .ma-settings{grid-template-columns:minmax(0,1fr) 220px;gap:24px}}
@media(max-width:650px){#bpt-1.ma .ma-intro{grid-template-columns:1fr;gap:24px}#bpt-1.ma .ma-three{border:0;padding:0;gap:10px}#bpt-1.ma .ma-tabs button{min-width:0;flex:1;font-size:.94rem;padding:12px 13px}#bpt-1.ma #ma-screen-panel{padding:25px}#bpt-1.ma .ma-diary-heading{display:block}#bpt-1.ma .ma-diary-count{display:inline-block;margin-top:18px;padding:10px 13px}#bpt-1.ma .ma-diary-heading h2{font-size:2rem}#bpt-1.ma #ma-entry-form{padding:24px 21px}#bpt-1.ma .ma-settings{grid-template-columns:1fr;gap:19px}#bpt-1.ma .ma-gate-details{grid-template-columns:1fr;gap:9px}#bpt-1.ma .ma-gate-details>div{padding:13px 15px;display:grid;grid-template-columns:1fr 1.2fr;gap:12px;align-items:start}#bpt-1.ma .ma-gate-details h3{margin:0;font-size:.94rem}#bpt-1.ma .ma-gate-details p{font-size:.94rem}#bpt-1.ma .ma-result-header{padding:22px}#bpt-1.ma .ma-result-header h2{font-size:1.9rem}#bpt-1.ma .ma-count strong{font-size:3.2rem}#bpt-1.ma .ma-count span{font-size:.94rem}#bpt-1.ma .ma-review-head{flex-wrap:wrap;gap:12px}#bpt-1.ma .ma-review-head h3{font-size:1.25rem}#bpt-1.ma .ma-review-row{grid-template-columns:23px minmax(0,1fr);gap:11px}#bpt-1.ma .ma-review-row button{grid-column:2;justify-self:start}#bpt-1.ma .ma-support{padding:22px}#bpt-1.ma .ma-support h3{font-size:1.25rem}}
@media(max-width:420px){#bpt-1.ma #ma-screen-panel{padding:23px 20px;border-radius:8px;box-shadow:3px 3px 0 color-mix(in srgb,var(--key) 8%,var(--base))}#bpt-1.ma h2{font-size:1.85rem}#bpt-1.ma .ma-intro>div>p:first-of-type{font-size:.94rem}#bpt-1.ma .ma-intro .ma-hint{font-size:.94rem}#bpt-1.ma .ma-label{font-size:.94rem;padding:6px 8px}#bpt-1.ma .ma-tabs{gap:7px}#bpt-1.ma .ma-tabs button{font-size:.94rem;padding:12px 9px;min-height:50px}#bpt-1.ma .ma-check{font-size:.94rem}#bpt-1.ma .ma-actions>button{flex:1;font-size:.94rem;padding-inline:13px}#bpt-1.ma .ma-three b{font-size:1.32rem}#bpt-1.ma .ma-three span{font-size:.94rem}#bpt-1.ma .ma-progress-head{font-size:.94rem;gap:9px}#bpt-1.ma #ma-question{font-size:1.55rem;line-height:1.42}#bpt-1.ma #ma-question-hint{font-size:.94rem}#bpt-1.ma #ma-answers{gap:9px}#bpt-1.ma .ma-choice{padding:15px 13px;gap:10px;font-size:.94rem;min-height:62px}#bpt-1.ma .ma-uncertain{gap:8px}#bpt-1.ma .ma-uncertain button{min-width:0;flex:1;font-size:.94rem;padding-inline:10px}#bpt-1.ma .ma-question-nav button{min-width:90px;font-size:.94rem}#bpt-1.ma .ma-result-header{padding:21px 17px}#bpt-1.ma .ma-result-header h2{font-size:1.72rem}#bpt-1.ma #ma-result-text{font-size:.94rem}#bpt-1.ma .ma-fields{grid-template-columns:1fr;gap:15px;margin-bottom:18px}#bpt-1.ma .ma-fields label{margin-bottom:7px}#bpt-1.ma #ma-entry-form{padding:22px 18px}#bpt-1.ma .ma-chart-head h3{font-size:1.2rem}#bpt-1.ma .ma-chart-head span{font-size:.94rem}#bpt-1.ma .ma-review-row h4{font-size:.94rem}#bpt-1.ma .ma-gate-details>div{grid-template-columns:1fr;gap:5px}#bpt-1.ma .ma-support a{width:100%;font-size:.94rem}#bpt-1.ma .ma-support p{font-size:.94rem}#bpt-1.ma .ma-settings .ma-hint{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){#bpt-1.ma button,#bpt-1.ma .ma-choice,#bpt-1.ma #ma-progress-fill{transition:none}#bpt-1.ma button:active{transform:none}}
@media print{#bpt-1.ma #ma-screen-panel{box-shadow:none}#bpt-1.ma .ma-review-row{break-inside:avoid}#bpt-1.ma .ma-table-wrap{overflow:visible}#bpt-1.ma table{min-width:0}}

/* Mobile plots retain readable coordinate systems rather than shrinking desktop labels. */
@media(max-width:650px){
 #bpt-1.ma #ma-gates{max-width:360px;margin-inline:auto}
 #bpt-1.ma .ma-gate-label{font-size:17px}
 #bpt-1.ma .ma-gate-value{font-size:20px}
 #bpt-1.ma .ma-chart-label{font-size:16px}
 #bpt-1.ma .ma-chart-title{font-size:16px}
 #bpt-1.ma .ma-chart-empty-title{font-size:23px}
 #bpt-1.ma input[type=date],#bpt-1.ma select,#bpt-1.ma textarea{font-size:16px}
}
/* A focused question stage: a physical choice, a visible place in the journey. */
#bpt-1.ma .ma-intro .ma-actions{margin-top:25px}
#bpt-1.ma #ma-start{min-height:64px;font-size:1.05rem;padding:18px 32px;min-width:230px}
#bpt-1.ma .ma-intro .ma-check{padding:16px;border:1px solid var(--border);border-radius:var(--rad);background:var(--base);font-size:.94rem}
#bpt-1.ma .ma-about{font-size:.94rem;color:var(--muted);margin:16px 0}
#bpt-1.ma .ma-about summary{cursor:pointer;font-weight:600;padding:8px 0}
#bpt-1.ma .ma-about .ma-hint{margin:10px 0}
#bpt-1.ma #ma-questions{position:relative}
#bpt-1.ma .ma-step-map{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:5px;margin:-15px 0 24px}
#bpt-1.ma .ma-step-map button{padding:2px;min-height:32px;font-size:.94rem;border-radius:5px;color:var(--muted);box-shadow:none}
#bpt-1.ma .ma-step-map button[data-answered=true]{background:color-mix(in srgb,var(--key) 10%,var(--panel));border-color:var(--key);color:var(--key)}
#bpt-1.ma .ma-step-map button[aria-current=step]{background:var(--key);color:var(--panel);transform:translateY(-3px);box-shadow:0 3px 0 color-mix(in srgb,var(--key) 20%,transparent)}
#bpt-1.ma .ma-step-stimulus{width:108px;float:right;margin:0 0 20px 24px}
#bpt-1.ma .ma-step-track{fill:var(--base);stroke:var(--border);stroke-width:7}
#bpt-1.ma .ma-step-ring{fill:none;stroke:var(--key);stroke-width:7;stroke-linecap:round;stroke-dasharray:302;stroke-dashoffset:282;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dashoffset .4s ease}
#bpt-1.ma #ma-step-number{fill:var(--key);font-family:var(--heading);font-size:32px;font-weight:700}
#bpt-1.ma #ma-question{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.4;min-height:90px;max-width:none}
#bpt-1.ma #ma-answers{clear:both}
#bpt-1.ma .ma-choice{min-height:104px;padding:21px;font-size:1.15rem;gap:18px;border-width:2px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
#bpt-1.ma .ma-choice:hover{transform:translateY(-3px);box-shadow:0 6px 0 color-mix(in srgb,var(--key) 8%,transparent)}
#bpt-1.ma .ma-choice:has(input:focus-visible){outline:3px solid var(--key);outline-offset:4px}
#bpt-1.ma .ma-choice:has(input:checked){background:color-mix(in srgb,var(--key) 12%,var(--panel));box-shadow:inset 0 -4px 0 var(--key)}
#bpt-1.ma .ma-answer-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--key);font-size:1.7rem;transition:transform .2s,background .2s}
#bpt-1.ma .ma-choice:has(input:checked) .ma-answer-icon{transform:scale(1.08);background:var(--key);color:var(--panel);border-color:var(--key)}
#bpt-1.ma .ma-question-nav .ma-primary{font-size:1rem;min-width:160px;min-height:56px}
#bpt-1.ma .ma-progress{height:10px}
#bpt-1.ma .ma-result-header{padding:30px;background:linear-gradient(120deg,color-mix(in srgb,var(--key) 11%,var(--panel)),var(--panel));border-left-width:7px}
#bpt-1.ma #ma-result[data-status=met] .ma-result-header{border-left-color:var(--key);background:linear-gradient(120deg,color-mix(in srgb,var(--second) 10%,var(--panel)),var(--panel))}
#bpt-1.ma #ma-result-title{font-size:clamp(2rem,3.7vw,3rem);line-height:1.15;max-width:24ch}
#bpt-1.ma #ma-result-text{font-size:1rem;color:var(--type);line-height:1.65}
#bpt-1.ma .ma-count strong{font-size:5rem}
#bpt-1.ma #ma-symptom-meter{width:min(100%,560px);margin-top:20px}
#bpt-1.ma .ma-meter-yes{fill:var(--key)}
#bpt-1.ma .ma-meter-no{fill:var(--base);stroke:var(--border);stroke-width:1.5}
#bpt-1.ma .ma-meter-threshold{stroke:var(--second);stroke-width:2.5;stroke-dasharray:3 3}
#bpt-1.ma .ma-result-boundary{font-size:.94rem;color:var(--muted);margin:0 0 26px;max-width:80ch}
#bpt-1.ma .ma-next-step{padding:22px 0;border-block:1px solid var(--border);margin-bottom:25px}
#bpt-1.ma .ma-next-step h3{margin-bottom:10px}
#bpt-1.ma .ma-next-step a{font-size:.94rem;padding:12px;color:var(--key);text-decoration:underline;text-underline-offset:4px}
#bpt-1.ma .ma-answer-map{margin:0 0 26px}
#bpt-1.ma .ma-symptom-map{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px;margin:15px 0}
#bpt-1.ma .ma-symptom-map button{min-width:0;position:relative;min-height:48px;padding:6px;border-radius:50%;aspect-ratio:1;font-size:.94rem;border:2px solid var(--key);background:var(--base);color:var(--key)}
#bpt-1.ma .ma-symptom-map button[data-answer=yes]{background:var(--key);color:var(--panel)}
#bpt-1.ma .ma-symptom-map button[data-answer=pending]{border-style:dashed;border-color:var(--muted);color:var(--muted)}
#bpt-1.ma .ma-map-unknown{position:absolute;right:-3px;top:-6px;background:var(--panel);border-radius:50%;padding:0 3px;font-size:.94rem;color:var(--type)}
#bpt-1.ma .ma-full-review{border-block:1px solid var(--border);padding:18px 0;margin-top:18px}
#bpt-1.ma .ma-full-review>summary{font-family:var(--heading);font-size:1.2rem;font-weight:600;cursor:pointer;padding:8px 0;color:var(--key)}
#bpt-1.ma .ma-full-review .ma-review-head{margin:20px 0}
#bpt-1.ma .ma-full-review .ma-review-head h3{font-size:1rem}
#bpt-1.ma .ma-step-map button:active,#bpt-1.ma .ma-symptom-map button:active{transform:scale(.94)}
@keyframes ma-result-bar{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
#bpt-1.ma .ma-meter-yes{animation:ma-result-bar .45s ease both}
@media(max-width:650px){
#bpt-1.ma .ma-step-map{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-bottom:18px}
#bpt-1.ma .ma-step-map button{min-height:44px;font-size:.94rem}
#bpt-1.ma .ma-step-stimulus{width:68px;margin:0 0 10px 10px}
#bpt-1.ma #ma-question{font-size:1.3rem;line-height:1.4;min-height:0}
#bpt-1.ma .ma-choice{min-height:96px;padding:14px 10px;gap:8px;font-size:1rem;flex-wrap:wrap}
#bpt-1.ma .ma-answer-icon{width:34px;height:34px;flex-basis:34px;font-size:1.3rem}
#bpt-1.ma #ma-start{width:100%;min-width:0;font-size:1rem}
#bpt-1.ma .ma-question-nav .ma-primary{min-width:120px;font-size:.94rem}
#bpt-1.ma .ma-result-header{padding:22px 17px}
#bpt-1.ma #ma-result-title{font-size:1.9rem}
#bpt-1.ma .ma-symptom-map{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:340px}
#bpt-1.ma .ma-symptom-map button{min-height:44px;max-height:60px;font-size:.94rem}
#bpt-1.ma .ma-next-step .ma-actions{align-items:stretch;flex-direction:column}
#bpt-1.ma .ma-next-step a{padding-inline:0}
}
@media(prefers-reduced-motion:reduce){
#bpt-1.ma *,#bpt-1.ma *::before,#bpt-1.ma *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
#bpt-1.ma .ma-choice:hover,#bpt-1.ma .ma-answer-icon,#bpt-1.ma .ma-step-map button[aria-current=step]{transform:none!important}
}
/* Readable controls and a single broad start panel. */
#bpt-1.ma .ma-intro{display:block}
#bpt-1.ma .ma-intro>div{max-width:780px}
#bpt-1.ma .ma-intro h2{max-width:none;font-size:clamp(1.7rem,3vw,2.25rem);margin-bottom:12px}
#bpt-1.ma .ma-intro>div>p:first-of-type{font-size:1rem;line-height:1.6;color:var(--type);margin-bottom:14px}
#bpt-1.ma .ma-three{display:flex;flex-wrap:wrap;gap:8px 12px;border:0;padding:0;margin:20px 0 8px}
#bpt-1.ma .ma-three b{font-size:1rem;line-height:1.5;font-variant-numeric:tabular-nums}
#bpt-1.ma .ma-three span{font-size:.94rem;line-height:1.5}
#bpt-1.ma .ma-tabs button{font-size:.94rem}
#bpt-1.ma .ma-live{font-size:.94rem;margin:10px 0 16px}
#bpt-1.ma #ma-screen-panel{padding:26px 30px;border:0;border-left:4px solid var(--key);border-radius:0;box-shadow:none}
#bpt-1.ma #ma-screen-panel::before{content:none}
#bpt-1.ma .ma-label{font-size:.94rem;letter-spacing:0;padding:0;border:0;background:transparent;margin-bottom:12px}
#bpt-1.ma .ma-hint,#bpt-1.ma .ma-about,#bpt-1.ma .ma-result-boundary,#bpt-1.ma .ma-check,#bpt-1.ma label[for]{font-size:.94rem}
#bpt-1.ma .ma-step-map button{font-size:.94rem;min-height:44px}
#bpt-1.ma .ma-gate-details p,#bpt-1.ma .ma-count span,#bpt-1.ma .ma-settings .ma-hint,#bpt-1.ma .ma-settings .ma-check,#bpt-1.ma .ma-settings summary,#bpt-1.ma .ma-support p{font-size:.94rem}
#bpt-1.ma .ma-count strong,#bpt-1.ma #ma-step-number{font-variant-numeric:tabular-nums}
#bpt-1.ma .ma-full-review .ma-review-row p,#bpt-1.ma .ma-review-row button{font-size:.94rem}
@media(max-width:650px){#bpt-1.ma #ma-screen-panel{padding:20px 16px}#bpt-1.ma .ma-three{gap:6px 9px}#bpt-1.ma .ma-intro .ma-check{padding:12px;font-size:.94rem}}
/* A hidden wizard stage must stay hidden even when it has its own layout. */
#bpt-1.ma [hidden]{display:none!important}
#bpt-1.ma .ma-settings{display:block;padding:15px 0}
#bpt-1.ma .ma-settings>summary{padding:8px 0;display:list-item;font-size:1rem;font-weight:600;cursor:pointer;color:var(--key)}
#bpt-1.ma .ma-settings>div{padding:16px 0}
#bpt-1.ma .ma-settings #ma-help{margin:12px 0;max-width:640px}
#bpt-1.ma .ma-progress-head{flex-wrap:wrap;align-items:center}
#bpt-1.ma #ma-pause{font-size:.94rem;min-height:40px;padding:8px 12px;margin-left:auto;background:transparent}
#bpt-1.ma .ma-result-header .ma-label{font-size:.94rem}
#bpt-1.ma .ma-support a{font-size:.94rem}
#bpt-1.ma .ma-copy-options>summary,#bpt-1.ma .ma-scoring-details>summary{cursor:pointer;font-size:.94rem;font-weight:600;color:var(--key);padding:10px 0}
#bpt-1.ma .ma-copy-options{margin-top:12px}
#bpt-1.ma .ma-scoring-details{margin-bottom:20px}
#bpt-1.ma .ma-export{padding:0 0 20px;margin-bottom:20px;border-top:0}
#bpt-1.ma .ma-export .ma-actions{margin-top:0}
#bpt-1.ma .ma-meter-caption{font-size:18px}

/* Independent QA: readable fields, open result composition and comfortable touch targets. */
#bpt-1.ma button,#bpt-1.ma select,#bpt-1.ma textarea,#bpt-1.ma input[type=text],#bpt-1.ma input[type=date]{font-size:1rem}
#bpt-1.ma #ma-screen-panel{border:0;border-radius:8px;padding:28px 32px}
#bpt-1.ma .ma-tabs{border:0;padding:0 0 14px;gap:12px}
#bpt-1.ma .ma-tabs button{min-width:0;flex:0 1 auto;box-shadow:none;border:0;font-size:1rem;background:transparent}
#bpt-1.ma .ma-tabs button[aria-selected=true]{background:var(--key);color:var(--panel);box-shadow:none;border:0}
#bpt-1.ma .ma-intro .ma-check{border:0;background:transparent;padding:8px 0;min-height:44px}
#bpt-1.ma h2,#bpt-1.ma h3,#bpt-1.ma h4{letter-spacing:0}
#bpt-1.ma .ma-result-header{border:0;border-radius:8px;padding:28px;margin-bottom:20px;box-shadow:none}
#bpt-1.ma .ma-result-header .ma-label{background:transparent}
#bpt-1.ma #ma-result-title{font-family:var(--body);font-size:clamp(1.75rem,3vw,2.3rem);letter-spacing:0}
#bpt-1.ma .ma-count{border:0;padding-top:10px}
#bpt-1.ma .ma-count strong{letter-spacing:0}
#bpt-1.ma .ma-support{border:0;border-radius:6px;padding:22px 24px;margin-top:24px;box-shadow:none}
#bpt-1.ma .ma-support h3{font-size:1.25rem}
#bpt-1.ma .ma-support a{font-size:1rem}
#bpt-1.ma #ma-entry-form{border:0;border-radius:8px;box-shadow:none;padding:26px}
#bpt-1.ma .ma-fields label{font-size:1rem;min-height:0}
#bpt-1.ma .ma-diary-count{border:0;background:transparent;padding:0;text-align:right}
#bpt-1.ma #ma-chart{border:0}
#bpt-1.ma .ma-gate-card{stroke:none}
#bpt-1.ma .ma-gate-details>div{border:0;padding:12px 0}
#bpt-1.ma #ma-pause{min-height:44px}
#bpt-1.ma .ma-step-map button{min-height:44px}
#bpt-1.ma .ma-edit-return{margin-top:16px}
#bpt-1.ma #ma-return-result{color:var(--key);font-size:1rem;min-height:46px}
@media(max-width:650px){#bpt-1.ma #ma-screen-panel{padding:22px 18px}#bpt-1.ma .ma-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}#bpt-1.ma .ma-tabs button{padding:12px 10px}#bpt-1.ma .ma-intro h2{font-size:1.7rem}#bpt-1.ma #ma-question{font-size:1.3rem}#bpt-1.ma .ma-step-map{grid-template-columns:repeat(5,minmax(0,1fr))}#bpt-1.ma .ma-result-header{padding:22px 18px}#bpt-1.ma .ma-fields{gap:18px}#bpt-1.ma #ma-entry-form{padding:22px 18px}#bpt-1.ma .ma-support{padding:22px 18px}}

#bpt-1.ma #ma-questions,#bpt-1.ma #ma-result,#bpt-1.ma #ma-paused{scroll-margin-top:20px}
#bpt-1.ma .ma-question-list{border:0;padding:12px 0;margin-top:12px}
#bpt-1.ma .ma-question-list>summary{font-size:1rem;color:var(--key);cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}
#bpt-1.ma .ma-question-list .ma-step-map{margin:12px 0 0}

/* Clinic direction: a centered question card and a clearly separated scale result. */
#bpt-1.ma #ma-screen-panel{border-radius:16px;padding:30px 36px;box-shadow:0 5px 24px color-mix(in srgb,var(--key) 5%,transparent)}
#bpt-1.ma .ma-tabs{gap:8px;padding-bottom:16px}
#bpt-1.ma .ma-tabs button{border-radius:12px;padding:13px 20px;background:transparent;color:var(--type)}
#bpt-1.ma .ma-tabs button[aria-selected=true]{background:var(--key);color:var(--panel)}
#bpt-1.ma #ma-start{border-radius:12px;min-height:54px;box-shadow:none;padding:14px 28px}
#bpt-1.ma .ma-clinic-wave{width:100%;height:76px;object-fit:contain;object-position:left;margin:24px 0 0}
#bpt-1.ma .ma-intro .ma-check{font-size:1rem;color:var(--type)}
#bpt-1.ma .ma-three{margin-top:18px}
#bpt-1.ma .ma-choice{border:0;background:var(--base);border-radius:12px;font-weight:700;min-height:86px;box-shadow:none}
#bpt-1.ma .ma-choice:hover{box-shadow:none;transform:translateY(-2px);background:color-mix(in srgb,var(--key) 8%,var(--panel))}
#bpt-1.ma .ma-choice:has(input:checked){box-shadow:inset 0 0 0 2px var(--key)}
#bpt-1.ma .ma-answer-icon{border:0;background:transparent}
#bpt-1.ma .ma-result-header,#bpt-1.ma #ma-result[data-status=met] .ma-result-header{background:var(--base);padding:22px 0;border-radius:0;border:0;box-shadow:0 0 0 18px var(--base);margin:18px 18px 38px}
#bpt-1.ma #ma-result-title{font-weight:700}
#bpt-1.ma .ma-count strong{font-size:4.5rem;font-weight:700}
#bpt-1.ma #ma-symptom-meter{width:100%;max-width:560px}
#bpt-1.ma .ma-meter-threshold{stroke:var(--key);stroke-dasharray:none;stroke-width:2}
#bpt-1.ma #ma-entry-form,#bpt-1.ma .ma-support{border-radius:16px;padding:26px 30px}
#bpt-1.ma .ma-chart-line-mood{stroke-width:3.5}
#bpt-1.ma .ma-chart-line-sleep{stroke:color-mix(in srgb,var(--second) 68%,var(--type));stroke-width:3;stroke-dasharray:7 4}
#bpt-1.ma .ma-chart-dot-sleep{fill:color-mix(in srgb,var(--second) 68%,var(--type))}
#bpt-1.ma [role=alert]{color:var(--type);border-left-color:var(--key)}
#bpt-1.ma .ma-support a{border-color:var(--key);border-radius:10px}
@media(max-width:650px){#bpt-1.ma #ma-screen-panel{padding:24px 20px}#bpt-1.ma .ma-tabs button{padding:12px 8px;font-size:1rem}#bpt-1.ma .ma-choice{min-height:80px}#bpt-1.ma .ma-clinic-wave{height:54px;margin-top:20px}#bpt-1.ma #ma-entry-form,#bpt-1.ma .ma-support{padding:24px 20px}#bpt-1.ma .ma-result-header,#bpt-1.ma #ma-result[data-status=met] .ma-result-header{margin:14px 10px 30px;box-shadow:0 0 0 10px var(--base)}#bpt-1.ma .ma-count strong{font-size:3.7rem}}
@media(prefers-reduced-motion:reduce){#bpt-1.ma .ma-choice:hover{transform:none}}

/* Closed native disclosures must not retain focusable descendants in layout. */
#bpt-1.ma details:not([open])>:not(summary){display:none}

/* Errors belong to the field they describe, and remain readable on a phone. */
#bpt-1.ma .ma-fields .ma-field-error{margin:8px 0 0;padding:8px 0;background:transparent;border:0;font-size:1rem;color:var(--type)}
#bpt-1.ma [aria-invalid=true]{outline:2px solid var(--key);outline-offset:2px}
#bpt-1.ma #ma-sleep-hint{font-size:1rem;margin:8px 0 0;line-height:1.5}
#bpt-1.ma .ma-intro [data-tr=startHint]{font-size:1rem;line-height:1.6;color:var(--type);border:0;padding:0;margin:12px 0}

/* Keep words intact on small screens; scroll only the data table if necessary. */
#bpt-1.ma .ma-export .ma-actions{display:flex;flex-wrap:wrap}
#bpt-1.ma .ma-export .ma-actions button{flex:1 1 160px;overflow-wrap:normal;word-break:normal}
#bpt-1.ma #ma-diary-table{table-layout:auto;min-width:650px}
#bpt-1.ma #ma-diary-table th{overflow-wrap:normal;word-break:normal;white-space:nowrap}
#bpt-1.ma #ma-diary-table td{overflow-wrap:break-word;word-break:normal}
#bpt-1.ma #ma-diary-table td:first-child{white-space:nowrap}
@media(max-width:650px){#bpt-1.ma .ma-export .ma-actions button{flex:1 1 100%;min-width:0}}

/* Start and retake remain direct actions; age is a plain explanation. */
#bpt-1.ma .ma-restart{margin-top:24px}


#bpt-1.ma #ma-screen-panel,#bpt-1.ma #ma-entry-form,#bpt-1.ma .ma-support{border-radius:24px}

#bpt-1.ma .ma-fields .ma-field-error,#bpt-1.ma #ma-entry-status[data-error=true]{color:var(--t-error,var(--type))}

#bpt-1.ma .ma-intro [data-tr=adult]{border:0;padding:0;margin:10px 0;font-size:1rem;color:var(--muted)}
#bpt-1.ma .ma-intro .ma-actions{margin-top:18px}
#bpt-1.ma [aria-invalid=true]{outline-color:var(--t-error,var(--key))}

/* design: sites/<d>/design/site.css */
:root{--base:#f9f7fc;--panel:#ffffff;--type:#30293c;--muted:#5d5368;--key:#6a4c93;--second:#f6bd60;--border:#e4ddec;--rad:16px;--t-error:#9c2146}
/* K · Clinic: lavender-white reading cards and a white header with calm purple controls. */
body{background:var(--base);background-image:none;color:var(--type);font-family:var(--body);font-size:17px;line-height:1.75}
.bi-wra{max-width:1120px;padding-inline:28px}
.bi-mai{padding-top:24px;padding-bottom:48px;min-height:70vh}
.bi-mai h1,.bi-her h1,.bi-poshea h1{font-family:var(--body);font-size:clamp(1.9rem,3vw,2.5rem);font-weight:650;line-height:1.2;letter-spacing:0;text-wrap:balance;margin:0 0 16px}
.bi-mai h2{font-family:var(--heading);font-size:clamp(1.5rem,2.3vw,1.95rem);font-weight:600;line-height:1.35;letter-spacing:0;margin:0 0 20px;max-width:38ch}
.bi-mai h3{font-size:1.2rem;line-height:1.5;letter-spacing:0}
.bi-mai a{color:var(--key);text-decoration-thickness:1px;text-underline-offset:4px}
.bi-mai a:hover{color:var(--key);text-decoration-thickness:2px}
.bi-hea{background:var(--key);border:0;position:relative;padding:0;color:var(--panel)}
.bi-heain{max-width:1120px;min-height:82px;padding:16px 28px;flex-direction:row;justify-content:space-between;gap:20px;align-items:center;background:transparent;border:0;border-radius:0}
.bi-hea .bi-bra{font-family:var(--body);font-size:1.3rem;font-weight:650;letter-spacing:0;line-height:1.3;gap:12px;color:var(--panel)}
.bi-bra svg{width:36px;height:36px;flex-shrink:0;border-radius:6px}
.bi-bra span{border:0;padding:0}
.bi-nav{gap:22px;align-items:center;justify-content:flex-end;line-height:1.5}
.bi-hea .bi-nav>a{font-size:1rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--panel);padding:10px 0;border:0}
.bi-hea .bi-nav>a:hover{text-decoration:underline;text-underline-offset:5px}
.bi-lan{font-size:1rem;z-index:30}
.bi-hea .bi-lan--globe summary{min-height:44px;min-width:66px;justify-content:center;gap:8px;border:1px solid color-mix(in srgb,var(--panel) 45%,transparent);border-radius:6px;background:transparent;padding:8px 11px;font-weight:600;color:var(--panel);line-height:1.4}
.bi-lan summary:hover,.bi-lan[open] summary{background:color-mix(in srgb,var(--panel) 12%,transparent)}
.bi-lanlis{right:0;top:calc(100% + 9px);padding:8px;border:1px solid var(--border);border-radius:7px;background:var(--panel);min-width:175px;gap:2px;box-shadow:0 6px 18px color-mix(in srgb,var(--type) 12%,transparent)}
.bi-lanlis a{padding:10px 12px;min-height:44px;line-height:1.4;border-radius:4px;font-size:1rem;color:var(--type)}
.bi-lanlis a[aria-current]{background:color-mix(in srgb,var(--key) 8%,var(--panel));font-weight:700;color:var(--key)}
.bi-mai .bi-her{display:block;position:relative;padding:16px 0 12px;margin:12px 0 22px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:left}
.bi-mai .bi-her::before,.bi-mai .bi-her::after{content:none}
.bi-mai .bi-her h1{max-width:none;margin:0 0 12px}
.bi-mai .bi-her .bi-lea{font-size:1.06rem;line-height:1.65;max-width:78ch;margin:0;color:var(--type)}
.bi-mai .bi-too{padding:0;background:transparent;border:0;box-shadow:none}
.bi-lea{font-size:1.12rem;line-height:1.75;color:var(--type);max-width:68ch;margin:20px 0 28px}
.bi-cru{display:block;margin:8px 0 25px;padding:8px 0;font-size:.94rem;line-height:1.7;color:var(--muted);overflow-wrap:anywhere;border:0}
.bi-cru a{font-weight:600;text-decoration:none}
.bi-cru a:hover{text-decoration:underline}
.bi-lay{grid-template-columns:minmax(0,1fr) 215px;gap:42px;align-items:start;margin-top:48px}
.bi-lay>div,.bi-lay>aside{min-width:0}
.bi-lay>aside{position:static;padding:0}
.bi-toc{font-size:.94rem;border:0;border-radius:0;background:transparent;padding:0;line-height:1.65}
.bi-toc strong{font-family:var(--body);font-size:1rem;font-weight:700;color:var(--type);display:block;margin:0 0 15px;padding:0;border:0;letter-spacing:0;text-transform:none}
.bi-toc ol{list-style:none;padding:0;margin:0;counter-reset:none}
.bi-toc li{margin:0 0 12px;padding:0;counter-increment:none}
.bi-toc li::before{content:none}
.bi-toc a{display:block;color:var(--muted);text-decoration:none;line-height:1.6;padding:3px 0}
.bi-toc a:hover{color:var(--key);text-decoration:underline}
.bi-lay>aside .bi-toc{position:static;top:auto;max-height:none}
.bi-sec{background:transparent;border:0;border-radius:0;padding:16px 0 24px;margin:0 0 26px;position:relative;box-shadow:none}
.bi-sec::before,.bi-sec::after,.bi-sec h2::before,.bi-sec h2::after{content:none}
.bi-sec h2{padding:0;margin:0 0 18px;border:0;background:none;color:var(--type)}
.bi-sec p{font-size:1rem;line-height:1.8;margin:0 0 22px;max-width:72ch}
.bi-sec ul,.bi-sec ol{line-height:1.8;font-size:1rem}
.bi-sec li{margin-bottom:10px}
.bi-not{background:color-mix(in srgb,var(--key) 6%,var(--panel));border:0;border-radius:6px;padding:20px 22px;font-size:1rem;line-height:1.75}
.bi-tabwra{border:0;border-radius:0;background:var(--panel);margin:26px 0;max-width:100%;overflow-x:auto}
.bi-tab{font-size:.94rem;line-height:1.6;font-variant-numeric:tabular-nums;width:100%;border-collapse:collapse;table-layout:auto;min-width:0}
.bi-tab caption{caption-side:top;text-align:left;padding:16px 18px;border:0;font-family:var(--body);font-weight:600;color:var(--type);background:color-mix(in srgb,var(--key) 5%,var(--panel));font-size:1rem;line-height:1.6}
.bi-tab th,.bi-tab td{padding:15px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);overflow-wrap:normal;white-space:normal}
.bi-tab thead th{background:var(--key);color:var(--panel);font-size:.94rem;font-weight:650;letter-spacing:0;text-transform:none;line-height:1.5}
.bi-tab tbody tr:nth-child(even){background:color-mix(in srgb,var(--key) 3%,var(--panel))}
.bi-tab tbody th,.bi-tab tbody td:first-child{font-weight:600;color:var(--type)}
.bi-tab tbody tr:last-child th,.bi-tab tbody tr:last-child td{border-bottom:0}
.bi-fig{padding:0;margin:30px 0;max-width:100%;text-align:left}
.bi-fig img{display:block;width:100%;height:auto;max-width:720px;border:0;border-radius:6px;background:var(--base)}
.bi-fig figcaption{font-size:.94rem;line-height:1.65;color:var(--muted);text-align:left;margin:12px 0 0;padding:0;border:0}
ol.bi-ste{list-style:decimal;counter-reset:none;padding-left:27px;margin:25px 0;border:0}
ol.bi-ste>li{position:relative;padding:7px 0 7px 8px;margin:0;border:0;font-size:1rem;line-height:1.75;counter-increment:none}
ol.bi-ste>li::before{content:none}
ol.bi-ste>li::marker{color:var(--key);font-weight:700}
.bi-car{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 8px}
.bi-cara,.bi-sec .bi-cara{background:var(--panel);border:0;border-radius:8px;color:var(--type);text-decoration:none;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.bi-cara:hover,.bi-sec .bi-cara:hover{transform:translateY(-3px);box-shadow:0 5px 15px color-mix(in srgb,var(--type) 8%,transparent);text-decoration:none;color:var(--type)}
.bi-cara--img{padding:0;display:flex;flex-direction:column}
.bi-carimg{aspect-ratio:1200/630;width:100%;height:auto;object-fit:cover;background:var(--base);border:0}
.bi-cartxt{padding:22px;display:flex;flex-direction:column;flex:1;min-width:0}
.bi-cara b{font-family:var(--heading);font-size:1.15rem;line-height:1.5;font-weight:600;letter-spacing:0;color:var(--type);margin:0 0 13px}
.bi-cara span{font-size:.94rem;line-height:1.65;color:var(--muted)}
.bi-cara .bi-carmet{font-size:.94rem;font-weight:500;line-height:1.6;color:var(--key);border:0;padding-top:14px;margin-top:auto;margin-bottom:0;letter-spacing:0;text-transform:none}
.bi-pos{max-width:900px;background:var(--panel);border:0;border-radius:8px;padding:36px 46px 30px;margin:0 auto 36px;box-shadow:none}
.bi-poshea{margin:0 0 25px;padding:0;background:none;border:0;border-radius:0}
.bi-poshea h1{max-width:32ch;margin:16px 0 20px;color:var(--type)}
.bi-poskic{font-size:1rem;letter-spacing:0;text-transform:none;font-weight:600;color:var(--key);line-height:1.5;border:0;padding:0;text-decoration:none}
.bi-posmet{font-size:.94rem;color:var(--muted);line-height:1.6;margin:0;font-variant-numeric:tabular-nums}
.bi-poscov{margin:0 0 28px;border:0;border-radius:6px;overflow:hidden;background:var(--base)}
.bi-poscov img{width:100%;height:auto;display:block;border-radius:0;max-width:100%;object-fit:cover}
.bi-pos .bi-lea{font-size:1.15rem;line-height:1.75;margin:26px 0 32px;color:var(--type);padding:0;border:0;max-width:68ch}
.bi-pos .bi-lea::first-letter{float:none;font:inherit;color:inherit;line-height:inherit;margin:0}
.bi-pos .bi-sec{border:0;border-radius:0;background:none;padding:26px 0 5px;margin:0 0 22px}
.bi-pos .bi-sec h2{line-height:1.35;max-width:36ch;margin:0 0 19px}
.bi-pos .bi-sec p{font-size:1.06rem;line-height:1.85;margin-bottom:23px}
.bi-pos .bi-toc--post{position:static!important;top:auto!important;background:color-mix(in srgb,var(--key) 4%,var(--panel));border:0;border-radius:6px;padding:20px 24px;margin:28px 0;line-height:1.6}
.bi-pos .bi-toc--post strong{font-size:1rem;margin:0 0 12px;padding:0}
.bi-pos .bi-toc--post ol{display:block;columns:1;list-style:none;padding:0;margin:0}
.bi-pos .bi-toc--post li{margin:0 0 7px;padding:0;max-width:100%}
.bi-pos .bi-toc--post a{padding:6px 0;line-height:1.6;font-size:.94rem;background:transparent;border:0;border-radius:0;color:var(--key);text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.bi-pos .bi-toc--post a:hover{text-decoration:underline}
.bi-faq{margin:32px 0 8px;border:0;padding:0;background:none}
.bi-faq h2{margin-bottom:20px}
.bi-faq details{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:0;margin:0;background:transparent;box-shadow:none}
.bi-faq details summary{font-family:var(--body);font-weight:600;font-size:1rem;line-height:1.6;padding:20px 0;cursor:pointer;color:var(--type);min-height:56px}
.bi-faq details summary:hover{color:var(--key);background:transparent}
.bi-faq details[open] summary{color:var(--key);border:0;background:transparent}
.bi-faq details p{padding:0 0 22px;font-size:1rem;line-height:1.8;margin:0;color:var(--type);max-width:68ch}
.bi-cta{margin:34px 0 16px;padding:24px 28px;background:color-mix(in srgb,var(--key) 6%,var(--panel));border:0;border-radius:7px;text-align:left;box-shadow:none}
.bi-mai .bi-btn,.bi-sec .bi-btn{display:inline-block;min-height:48px;padding:12px 22px;background:var(--key);color:var(--panel);border:0;border-radius:6px;font-family:var(--body);font-size:1rem;line-height:1.5;font-weight:650;text-decoration:none;letter-spacing:0;transition:background .18s ease,transform .18s ease}
.bi-mai .bi-btn:hover,.bi-sec .bi-btn:hover{background:color-mix(in srgb,var(--key) 82%,var(--type));color:var(--panel);transform:translateY(-1px);text-decoration:none}
.bi-foo{background:var(--panel);border:0;padding:30px 0 36px;margin-top:24px;position:relative;color:var(--muted);font-size:.94rem;line-height:1.75}
.bi-fooin{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;text-align:left}
.bi-foo p{color:var(--muted);opacity:1;max-width:40ch;margin:0;line-height:1.75}
.bi-foo nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 20px;max-width:550px}
.bi-foo a{color:var(--muted);font-size:.94rem;line-height:1.75;text-decoration:none;border:0;padding:4px 0}
.bi-foo a:hover{color:var(--key);text-decoration:underline}
@media(min-width:1100px){.bi-lay .bi-car{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.bi-lay .bi-cartxt{padding:22px}}
@media(max-width:900px){.bi-lay{grid-template-columns:1fr;gap:28px}.bi-car{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-pos{padding:32px}.bi-fooin{flex-direction:column;gap:20px}.bi-foo nav{justify-content:flex-start}}
@media(max-width:700px){.bi-wra{padding-inline:19px}.bi-heain{padding:14px 19px;min-height:76px;gap:15px}.bi-hea .bi-bra{font-size:1.12rem}.bi-bra svg{width:30px;height:30px}.bi-nav{gap:16px}.bi-hea .bi-nav>a{font-size:.94rem}.bi-mai{padding-top:16px}.bi-mai .bi-her{padding:12px 0;margin-bottom:18px}.bi-mai .bi-her h1{font-size:1.8rem}.bi-mai .bi-her .bi-lea{font-size:1rem}.bi-car{grid-template-columns:1fr;gap:22px}.bi-cara b{font-size:1.2rem}.bi-cara span{font-size:1rem}.bi-sec{padding:14px 0 20px;margin-bottom:22px}.bi-sec h2{font-size:1.5rem}.bi-tab{font-size:.94rem}.bi-tab th,.bi-tab td{padding:14px 10px;overflow-wrap:anywhere}.bi-tab caption{padding:15px 12px;font-size:1rem}.bi-pos{padding:26px 22px;margin-bottom:30px}.bi-poshea h1{font-size:1.9rem}.bi-pos .bi-sec{padding:22px 0 5px}.bi-pos .bi-lea{font-size:1.1rem}.bi-pos .bi-toc--post{padding:20px}.bi-pos .bi-toc--post a{font-size:1rem}.bi-fig figcaption{font-size:.94rem}.bi-foo{padding:28px 0 34px}.bi-foo p{max-width:none}.bi-foo nav{gap:10px 17px}.bi-cta{padding:22px}.bi-faq details summary{font-size:1rem}.bi-cru{margin-bottom:20px}}
@media(max-width:430px){.bi-heain{flex-wrap:wrap;gap:8px}.bi-nav{gap:20px;width:100%;justify-content:flex-start;padding-left:42px}.bi-lanlis{right:auto;left:0}.bi-mai h1{overflow-wrap:anywhere}.bi-pos{padding:24px 19px}.bi-poshea h1{font-size:1.8rem}.bi-tab th,.bi-tab td{padding:13px 9px}.bi-foo nav{gap:12px 17px}}
@media(prefers-reduced-motion:reduce){.bi-cara,.bi-btn,.bi-cara--img{transition:none}.bi-cara:hover,.bi-btn:hover{transform:none}}

/* One readable clinical column, with generous cards rather than nested frames. */
.bi-wra{max-width:960px}
.bi-mai .bi-her,.bi-mai .bi-too{max-width:840px;margin-inline:auto}
.bi-mai .bi-her{padding-top:8px;margin-bottom:24px}
.bi-mai .bi-her h1{font-weight:700;font-size:clamp(1.9rem,3.1vw,2.5rem);letter-spacing:0}
.bi-lay{display:flex;flex-direction:column;gap:24px;max-width:840px;margin:40px auto}
.bi-lay>div,.bi-lay>aside{width:100%}
.bi-lay>aside{order:-1}
.bi-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px}
.bi-toc li{margin:0}
.bi-toc strong{font-size:1.1rem}
.bi-sec{background:var(--panel);padding:32px 36px;margin-bottom:24px;border-radius:16px}
.bi-sec h2{font-weight:700;max-width:34ch}
.bi-sec p{max-width:70ch;font-size:1.06rem}
.bi-heain{max-width:960px}
.bi-hea .bi-lanlis a{color:var(--type);background:var(--panel)}
.bi-hea .bi-lanlis a:hover,.bi-hea .bi-lanlis a[aria-current]{color:var(--key);background:var(--base)}
.bi-bra svg{background:var(--panel);padding:5px;border-radius:10px}
.bi-pos{max-width:840px;border-radius:16px}
.bi-pos .bi-sec{padding:26px 0 5px;margin-bottom:22px;border-radius:0}
.bi-mai>.bi-sec,.bi-mai>.bi-faq{max-width:840px;margin-inline:auto}
.bi-car,.bi-lay .bi-car{grid-template-columns:1fr;gap:22px}
.bi-cara--img{display:grid;grid-template-columns:180px minmax(0,1fr);border-radius:12px;background:var(--base)}
.bi-carimg{height:100%;object-fit:cover}
.bi-cara b{font-weight:700;font-size:1.2rem}
.bi-cartxt{padding:22px 24px}
.bi-faq{padding:32px 36px;background:var(--panel);border-radius:16px}
.bi-foo{background:var(--key);color:var(--panel)}
.bi-foo p,.bi-foo a,.bi-foo a:hover{color:var(--panel)}
@media(max-width:700px){.bi-mai .bi-her{margin-bottom:20px}.bi-sec,.bi-faq{padding:24px 20px}.bi-toc ol{grid-template-columns:1fr}.bi-cara--img{grid-template-columns:1fr}.bi-carimg{height:auto}.bi-lay{margin-top:28px}.bi-pos .bi-sec{padding-inline:0}.bi-mai .bi-her h1{font-size:1.9rem}}
/* qa 11.10: оглавление в колонке 840px, как карточки; в таблицах на телефоне слова не рвутся посреди слова */
.bi-mai>.bi-toc{max-width:840px;margin-inline:auto;padding-inline:20px;box-sizing:border-box}
@media(max-width:700px){.bi-tab th,.bi-tab td{overflow-wrap:break-word;padding:12px 8px;font-size:.9rem}.bi-tabwra{-webkit-overflow-scrolling:touch}.bi-mai>.bi-toc{padding-inline:4px}}

/* Clinic direction: a white header, lavender background and large open cards. */
.bi-hea{background:var(--panel);color:var(--type)}
.bi-hea .bi-bra,.bi-hea .bi-nav>a{color:var(--key)}
.bi-hea .bi-lan--globe summary{color:var(--key);border-color:var(--border);background:var(--base)}
.bi-hea .bi-lan--globe summary:hover{background:var(--base)}
.bi-bra svg{background:var(--base)}
.bi-sec,.bi-faq,.bi-pos{border-radius:24px}