/* Shared styles for report / careers / security pages */
.form-card{max-width:760px;margin-inline:auto}
.note{padding:14px 16px;border-radius:14px;border:1px solid var(--stroke-hot);background:rgba(255,143,126,.08);color:var(--text);font-size:.92rem;line-height:1.55}
.note b{color:var(--salmon)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.qcard{display:block;padding:clamp(20px,3vw,28px);margin:0 0 14px}
.qcard.missing{border-color:#ff7a8a;box-shadow:0 0 0 3px rgba(255,122,138,.15)}
.ql{color:var(--text);font:500 1.04rem/1.5 var(--font-body);margin:0 0 16px}
.opt-tag{color:var(--faint);font-weight:400;font-size:.82rem;margin-left:.4em}
.lbl{display:block;font-size:.84rem;color:var(--muted);margin-bottom:6px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:620px){.two{grid-template-columns:1fr}}
.in,.sel select{width:100%;padding:.85em 1.05em;border-radius:14px;border:1px solid var(--stroke);background:rgba(255,255,255,.045);color:var(--text);font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.in:focus,.sel select:focus{border-color:var(--salmon);box-shadow:0 0 0 4px rgba(255,143,126,.15)}
textarea.in{min-height:112px;resize:vertical}
.sel{position:relative}
.sel select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:2.6em}
.sel select option{background:#15110f;color:var(--text)}
.sel::after{content:"";position:absolute;right:1.1em;top:50%;width:8px;height:8px;border-right:2px solid var(--salmon);border-bottom:2px solid var(--salmon);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.opts{display:grid;gap:10px}
.opt{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);cursor:pointer;color:var(--muted);font-size:.95rem;line-height:1.45;transition:border-color .2s,background .2s,color .2s}
.opt:hover{border-color:var(--stroke-hot);color:var(--text)}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt .dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--faint);position:relative;transition:border-color .2s}
.opt .dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--salmon);transform:scale(0);transition:transform .2s}
.opt:has(input:checked){border-color:var(--salmon);background:rgba(255,143,126,.1);color:var(--text)}
.opt:has(input:checked) .dot{border-color:var(--salmon)}.opt:has(input:checked) .dot::after{transform:scale(1)}
.opt:has(input:focus-visible){box-shadow:0 0 0 4px rgba(255,143,126,.2)}
.prog{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:18px;backdrop-filter:blur(8px)}
.prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--salmon-2),var(--salmon-deep));transition:width .3s}
.result{display:none;text-align:center}.result.show{display:block}
.result h2{font-size:clamp(1.6rem,3.6vw,2.3rem);margin-bottom:.8rem}.result p{max-width:52ch;margin-inline:auto}
.result .btn-row{justify-content:center}
.copybox{display:block;width:100%;min-height:150px;margin-top:1rem;text-align:left;font:.82rem/1.5 ui-monospace,Menlo,monospace}
.cols{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,22px)}
@media(max-width:700px){.cols{grid-template-columns:1fr}}
.list{list-style:none;padding:0;display:grid;gap:10px}
.list li{padding-left:1.6em;position:relative;color:var(--muted)}
.list li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--salmon)}