/* QAL SYSTEM / INTERIOR INTERFACES v1 / scope = body.qa-interior */
body.qa-interior{background:#f4f5ed;color:#182d30;font-family:var(--qa-display,"IBM Plex Sans",system-ui,sans-serif);min-width:0}
.qa-interior .app-bar{position:sticky;top:0;z-index:40;background:#0c1519!important;border-color:#2b454a!important}
.qa-interior .app-bar .brand{border-radius:2px!important}
.qa-interior .app-bar a:focus-visible,.qa-interior a:focus-visible,.qa-interior button:focus-visible,.qa-interior input:focus-visible,.qa-interior select:focus-visible,.qa-interior textarea:focus-visible{outline:3px solid #96af40;outline-offset:3px}
.qa-interior .wrap,.qa-interior .wrap.wrap-wide{max-width:1120px;width:min(1120px,calc(100% - clamp(1.6rem,7vw,8rem)));margin:0 auto;padding:0 0 4.5rem}
.qa-interior .wrap>*:not(.qa-interior-hero):not(.qa-interior-nav):not(.site-foot):not(.qa-interior-end){max-width:100%}
.qa-interior a{color:#22645e;text-underline-offset:3px}
.qa-interior a:hover{color:#173b38}
.qa-interior-hero{position:relative;margin:0 calc(50% - 50vw) 0;background:#0e2026;color:#f3f7ef;padding:clamp(2.5rem,5.5vw,5.8rem) max(calc((100vw - 1120px)/2),clamp(.8rem,4vw,4.5rem)) clamp(2.2rem,4vw,3.9rem);overflow:hidden;isolation:isolate}
.qa-interior-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 97%,#b6c9c50c 98%),linear-gradient(transparent 97%,#b6c9c50c 98%);background-size:43px 43px;opacity:.75;pointer-events:none;z-index:-1}
.qa-interior-hero:after{content:"";position:absolute;width:min(40vw,560px);aspect-ratio:1;right:-13%;top:-60%;background:radial-gradient(circle,#69b3a52c,transparent 66%);pointer-events:none;z-index:-1}
.qa-interior-hero-inner{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.65fr);gap:clamp(2rem,5vw,5.5rem);align-items:center}
.qa-interior-eyebrow{display:flex;align-items:center;gap:.75rem;color:#d9ff71;font:700 .68rem/1.4 var(--qa-mono,monospace);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.15rem}
.qa-interior-eyebrow:before{content:"";width:9px;height:9px;background:#d9ff71;box-shadow:0 0 0 5px #d9ff711d;flex:none}
.qa-interior-hero .crumb{font:600 .7rem/1.4 var(--qa-mono,monospace);color:#a9c4be;margin:0 0 .9rem}
.qa-interior-hero .crumb a{color:#d6edbc}
.qa-interior-hero h1{font:800 clamp(2.6rem,5.25vw,5rem)/1 var(--qa-display,system-ui);letter-spacing:-.075em;color:#fafbf0;margin:0 0 1.1rem;max-width:770px;text-wrap:balance}
.qa-interior-hero .qa-interior-lede,.qa-interior-hero .lede{font:400 clamp(1rem,1.55vw,1.16rem)/1.58 var(--qa-display,system-ui);color:#b9d0c9;max-width:720px;margin:0}
.qa-interior-hero .qa-interior-lede a{color:#d9ff71}
.qa-interior-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}
.qa-interior-actions a{text-decoration:none;display:inline-flex;align-items:center;gap:1.2rem;font:800 .87rem/1.2 var(--qa-display,system-ui);padding:.83rem 1.1rem;background:#d9ff71;color:#17251d;border:1px solid #d9ff71;min-height:44px}
.qa-interior-actions a:hover{background:#edffb1;color:#14241b}
.qa-interior-actions a:last-child:not(:first-child){background:transparent;color:#f2f6ee;border-color:#6e9290}
.qa-interior-actions a:last-child:not(:first-child):hover{background:#24444b}
.qa-interior-art{border:1px solid #45686a;background:linear-gradient(145deg,#16343c,#0b1b20);min-height:270px;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-shadow:12px 12px 0 #07171b;position:relative;overflow:hidden}
.qa-interior-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 72%,#d9ff7115,transparent 44%);pointer-events:none}
.qa-art-head{display:flex;justify-content:space-between;gap:.5rem;color:#c2ded4;font:700 .62rem/1.4 var(--qa-mono,monospace);letter-spacing:.11em;border-bottom:1px solid #476668;padding-bottom:.8rem}
.qa-art-values{position:relative;z-index:1;display:flex;flex-direction:column;gap:.05rem;padding:1rem .2rem;min-width:0}
.qa-art-values b{font:800 clamp(2.8rem,5vw,5.5rem)/.95 var(--qa-display,system-ui);letter-spacing:-.085em;color:#f7f8ed;white-space:normal;overflow-wrap:anywhere}
.qa-art-values b:last-child{color:#d9ff71}
.qa-art-foot{display:flex;justify-content:space-between;color:#b6c9c3;gap:.5rem;font:700 .64rem/1.4 var(--qa-mono,monospace);letter-spacing:.06em;text-transform:uppercase;padding-top:.7rem;border-top:1px solid #476668}
.qa-art-foot span:last-child{color:#d9ff71}
.qa-interior[data-qa-section="security"] .qa-art-values b:last-child,.qa-interior[data-qa-section="security"] .qa-interior-eyebrow{color:#ffab91}
.qa-interior[data-qa-section="security"] .qa-interior-eyebrow:before{background:#ffab91;box-shadow:0 0 0 5px #ffab911c}
.qa-interior-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;position:relative;border-bottom:1px solid #b9cec2;padding:.9rem 0 1rem;margin:0 0 2.3rem}
.qa-interior-nav a{display:inline-flex;padding:.64rem .83rem;text-decoration:none;border:1px solid transparent;color:#35625f;font:750 .86rem/1.3 var(--qa-display,system-ui)}
.qa-interior-nav a:hover{border-color:#96b2a7;background:#e7eee3}
.qa-interior-nav a[aria-current="page"]{background:#19343b;border-color:#19343b;color:#e7ffc9}
.qa-interior .wrap h2{font:800 clamp(1.5rem,2.8vw,2.25rem)/1.14 var(--qa-display,system-ui);letter-spacing:-.05em;color:#163336;margin:2.8rem 0 1.05rem}
.qa-interior .wrap h3{font:800 clamp(1.05rem,1.65vw,1.3rem)/1.3 var(--qa-display,system-ui);letter-spacing:-.025em;color:#173437}
.qa-interior .wrap p,.qa-interior .wrap li{line-height:1.68}
.qa-interior .wrap>p,.qa-interior [data-proof]>p{max-width:900px}
.qa-interior .wrap .short,.qa-interior .wrap .hint,.qa-interior .wrap .note{line-height:1.55}
.qa-interior .wrap .go-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1.1rem 0 2.5rem}
.qa-interior .wrap .go-card{border-radius:2px;border:1px solid #afc6ba;border-top:4px solid #3e7772;background:#fff;min-height:132px;padding:1.15rem;transition:transform .2s,box-shadow .2s}
.qa-interior .wrap .go-card:hover{transform:translateY(-3px);box-shadow:7px 7px 0 #d4e4d6}
.qa-interior .wrap .go-card strong{font:800 1.27rem var(--qa-display,system-ui);letter-spacing:-.035em;color:#1d3f40}
.qa-interior .wrap .go-card span{font:.87rem/1.5 var(--qa-display,system-ui);color:#5b736b}
.qa-interior .wrap .warn{border:1px solid #e5c5a5;border-left:4px solid #c77e48;background:#fff4e7;color:#684629;padding:1.05rem 1.2rem;margin:1.2rem 0 1.8rem;border-radius:1px}
.qa-interior .wrap .ok{border:1px solid #aed2b8;border-left:4px solid #39896f;background:#eef8ef;color:#245645;padding:1rem 1.2rem}
.qa-interior .wrap .note{border-left:3px solid #85a9a2;background:#eaf0e9;padding:.8rem 1rem;color:#49665f}
.qa-interior .wrap .steps{margin:1.4rem 0 2.3rem;display:grid;gap:.75rem;counter-reset:qaSteps}
.qa-interior .wrap .steps>li{background:#fff;border:1px solid #c1d3c9;border-left:4px solid #4a8277;padding:1rem 1.15rem 1rem 1.4rem;margin:0;border-radius:2px;min-width:0}
.qa-interior .wrap .steps>li strong{color:#1c5552}
.qa-interior .wrap .steps>li p{margin:.3rem 0 0}
.qa-interior .wrap .table-simple{width:100%;border-collapse:collapse;margin:1.1rem 0 1.6rem;display:table;overflow-wrap:anywhere}
.qa-interior .wrap .table-simple th{background:#1a3b3f;color:#e8f5e7;font-weight:750;padding:1rem;text-align:left}
.qa-interior .wrap .table-simple td{border-bottom:1px solid #bbd0c5;padding:1rem;vertical-align:top}
.qa-interior .wrap pre{border:1px solid #416466;background:#132930;color:#e2f6d7;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;padding:1.1rem 1.2rem;border-radius:2px;font-size:.79rem;line-height:1.65}
.qa-interior .wrap code{overflow-wrap:anywhere;word-break:break-word}
.qa-interior .wrap .compare{gap:1rem}
.qa-interior .wrap .compare>*{min-width:0}
.qa-interior .wrap ul:not(.site-map ul),.qa-interior .wrap ol{padding-left:1.4rem}
.qa-interior .wrap .site-map{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.qa-interior .wrap .site-map h3{font-size:.77rem;text-transform:uppercase;letter-spacing:.1em;color:#496f67}
.qa-interior .wrap .site-foot{border-top:1px solid #bdd0c6;margin:2.5rem 0 0;padding:2rem 0}
.qa-interior-end{padding:1.15rem 1.3rem;border:1px solid #aac4b1;background:#d9ff71;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.3rem;margin:3.3rem 0 0}
.qa-interior-end p{font:.92rem/1.5 var(--qa-display,system-ui);color:#294b35;margin:0}
.qa-interior-end strong{display:block;font:800 clamp(1.12rem,1.7vw,1.55rem)/1.15 var(--qa-display,system-ui);letter-spacing:-.04em;color:#16291f;margin:0 0 .25rem}
.qa-interior-end a{display:inline-block;background:#163034;color:white;padding:.88rem 1.1rem;text-align:center;text-decoration:none;white-space:nowrap;font:800 .87rem var(--qa-display,system-ui)}
.qa-interior .wrap button,.qa-interior .wrap .btn-primary,.qa-interior .wrap .primary,.qa-interior .wrap .play-btn,.qa-interior .wrap .secondary{border-radius:2px}
.qa-interior .wrap button,.qa-interior .wrap input,.qa-interior .wrap select,.qa-interior .wrap textarea{font-family:var(--qa-display,system-ui)}
.qa-interior .wrap .btn-primary,.qa-interior .wrap .primary,.qa-interior .wrap button[type=submit],.qa-interior .wrap button#verifyBtn{background:#1b4547;border:1px solid #1b4547;color:#fff;padding:.78rem 1.1rem;font-weight:750;border-radius:2px}
.qa-interior .wrap .btn-primary:hover,.qa-interior .wrap .primary:hover,.qa-interior .wrap button[type=submit]:hover{background:#326f6b;color:#fff}
.qa-interior .wrap button:disabled{opacity:.55;cursor:not-allowed}
.qa-interior .wrap input[type=text],.qa-interior .wrap input[type=password],.qa-interior .wrap input[type=url],.qa-interior .wrap input[type=file],.qa-interior .wrap select,.qa-interior .wrap textarea{max-width:100%;border:1px solid #96b6ae;background:#fff;color:#143037;border-radius:2px;padding:.76rem .84rem}
.qa-interior .wrap input[type=radio],.qa-interior .wrap input[type=checkbox]{width:auto;accent-color:#295c4e}
.qa-interior .wrap label{font-weight:750;color:#234d4b}
.qa-interior .wrap fieldset{border:1px solid #b0cbbd;padding:1rem 1.1rem;background:#fcfdf8}
.qa-interior .wrap .studio-form{gap:.4rem .75rem;background:#fff;border:1px solid #c2d6c9;padding:clamp(1.2rem,2.5vw,2.25rem);margin:1.3rem 0 2rem}
.qa-interior .wrap .studio-form label{margin-top:.6rem}
.qa-interior .wrap .studio-form [data-phrase-row]{min-width:0}
.qa-interior .wrap .studio-toolbar{background:#e4ede3;border:1px solid #bed0c3;padding:1rem;gap:.75rem}
.qa-interior .wrap .studio-row{background:#fff;border:1px solid #bbd2c4;padding:1.1rem;margin:.55rem 0}
.qa-interior .wrap .studio-row:hover{border-color:#438478}
.qa-interior .wrap .studio-kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.qa-interior .wrap .studio-kv>div{background:#fff;border:1px solid #b7cec1;padding:1rem;min-width:0}
.qa-interior .wrap .studio-kv code,.qa-interior .wrap .studio-kv strong{overflow-wrap:anywhere}
.qa-interior .wrap .drop{padding:clamp(1.5rem,4vw,3rem);background:#eef5eb;border:2px dashed #568d7c;text-align:center;color:#234c45;font-weight:750;margin:1.4rem 0;border-radius:2px}
.qa-interior .wrap .drop:hover{background:#e4f1e5}
.qa-interior .wrap #verifyBtn{margin:1.1rem 0;min-width:145px}
.qa-interior .wrap #results{border:1px solid #afccc1;background:#fff;padding:1.15rem}
.qa-interior .wrap .status-pill{padding:.3rem .6rem;font:.72rem var(--qa-mono,monospace);border-radius:1px}
.qa-interior .wrap .studio-pipe li{padding:.75rem 0 .75rem 1.7rem}
.qa-interior .wrap .play-btn{font-weight:700}
.qa-interior .wrap .v-result{padding:.85rem;background:#eff4ea}
@media(max-width:1000px){.qa-interior-hero-inner{grid-template-columns:1fr;gap:1.8rem}.qa-interior-art{min-height:160px;max-width:570px}.qa-art-values{flex-direction:row;gap:1rem;align-items:center}.qa-art-values b{font-size:clamp(2.2rem,6vw,4.3rem)}}
@media(max-width:690px){.qa-interior .wrap,.qa-interior .wrap.wrap-wide{width:calc(100% - 2rem)}.qa-interior-hero{padding:2.5rem 1rem 2.1rem}.qa-interior-hero h1{font-size:clamp(2.45rem,10vw,3.7rem)}.qa-interior-art{min-height:148px;box-shadow:6px 6px 0 #08191e;padding:.8rem}.qa-art-values b{font-size:clamp(2rem,7vw,3rem)}.qa-interior-nav{gap:.25rem;margin-bottom:1.5rem}.qa-interior-nav a{font-size:.76rem;padding:.62rem .6rem}.qa-interior .wrap .go-grid{grid-template-columns:1fr}.qa-interior .wrap .studio-kv{grid-template-columns:1fr}.qa-interior .wrap .site-map{grid-template-columns:1fr 1fr}.qa-interior-end{grid-template-columns:1fr}.qa-interior-end a{width:100%}.qa-interior .wrap .table-simple{font-size:.82rem}.qa-interior .wrap .table-simple th,.qa-interior .wrap .table-simple td{padding:.65rem}}
@media(max-width:380px){.qa-interior-actions a{width:100%;justify-content:space-between}.qa-interior-nav a{font-size:.72rem;padding:.55rem .4rem}.qa-interior .wrap .site-map{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.qa-interior .wrap .go-card{transition:none}}

.qa-interior .qa-interior-hero .qa-interior-dynamic-head{font:800 clamp(2.6rem,5.25vw,5rem)/1 var(--qa-display,system-ui);letter-spacing:-.075em;color:#fafbf0;margin:0 0 1.1rem;max-width:770px}
.qa-interior .wrap .qa-interior-actions a:first-child{color:#13271d}
.qa-interior .wrap .qa-interior-actions a:last-child:not(:first-child){color:#f1f6ed}
.qa-interior .qa-interior-hero .qa-interior-lede p{color:#b9d0c9}
.qa-content-anchor{display:block;position:relative;top:-6rem;height:0;visibility:hidden}


/* Tool-first density: don't bury the working verifier or practice form */
.qa-interior[data-qa-section="product"] .qa-interior-hero{padding-top:clamp(1.9rem,3.4vw,3.25rem);padding-bottom:clamp(1.6rem,2.7vw,2.6rem)}
.qa-interior[data-qa-section="product"] .qa-interior-hero h1{font-size:clamp(2.45rem,4.3vw,4.15rem)}
.qa-interior[data-qa-section="product"] .qa-interior-art{min-height:185px}
.qa-interior[data-qa-section="product"] .qa-art-values{padding:.45rem .1rem}
.qa-interior[data-qa-section="product"] .qa-art-values b{font-size:clamp(2.4rem,4vw,4rem)}
.qa-interior[data-qa-section="product"] .qa-interior-nav{margin-bottom:1.4rem}
@media(max-width:690px){
 .qa-interior[data-qa-section="product"] .qa-interior-hero{padding:1.7rem 1rem 1.65rem}
 .qa-interior[data-qa-section="product"] .qa-interior-hero h1{font-size:clamp(2.15rem,8.5vw,3.3rem)}
 .qa-interior[data-qa-section="product"] .qa-interior-art{display:none}
 .qa-interior[data-qa-section="product"] .qa-interior-nav{margin-bottom:1rem}
 .qa-interior[data-qa-section="product"] .qa-interior-actions{margin-top:1.05rem}
}