/* Forefind O · web-o —— A-5 视觉系统（token 自 V1-O-A-5 原型 :root 冻结提取，界面契约 §〇.3.1；
   文案 en 首发；断行定则 §〇.3.2——标题/口号按词单元 nowrap）。 */
html[lang="ko"] body{word-break:keep-all;overflow-wrap:anywhere}
:root{
--cream:#F6EFE2; --paper:#F9F4E9; --surface:#FFFDF8; --ink:#29231B; --ink2:#7A7160; --ink3:#9C9384;
--line:#E7DFCC; --line2:#EFE9DA;
--navy:#1F3A5F; --navy-h:#2A4C7E; --navy-tint:#E9EDF4;
--terra:#C96F4A; --terra-h:#B85F3C; --terra-tint:#F6E3D8;
--warn:#B25E09; --warn-bg:#F9EDD8;
--ok:#2E7D4F; --ok-bg:#E5F0E4; --bad:#B3402E; --bad-bg:#F7E4DD;
--st-draft:#6B6353; --st-draft-bg:#EFE9DB;
--st-review:#2758B8; --st-review-bg:#E7EDF8;
--st-reject:#B3402E; --st-reject-bg:#F7E4DD;
--st-pub:#0F7789; --st-pub-bg:#DEEEEA;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--cream);color:var(--ink);font:14px/1.65 -apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
[hidden]{display:none!important}
.nw{white-space:nowrap}
.micro{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:700}
a{color:var(--navy)}

/* buttons */
.btn{border-radius:999px;padding:10px 20px;font-size:13.5px;font-weight:650;border:1px solid transparent;white-space:nowrap}
.btn-p{background:var(--navy);color:#FBF8F2}
.btn-p:hover{background:var(--navy-h)}
.btn-o{border-color:var(--line);background:var(--surface);color:var(--ink)}
.btn-o:hover{border-color:var(--terra);color:var(--terra-h)}
.btn-t{background:var(--terra);color:#FFF9F3}
.btn-t:hover{background:var(--terra-h)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn-sm{padding:6px 14px;font-size:12.5px}
.external-signin{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.external-buttons{display:grid;grid-template-columns:1fr;gap:8px}
.external-buttons .btn,#externalBody .btn{white-space:normal;width:100%}
#externalBody .field{margin-top:14px}

/* app topbar */
.top{position:sticky;top:0;z-index:60;background:rgba(249,244,233,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top-in{max-width:1160px;margin:0 auto;padding:0 28px;height:62px;display:flex;align-items:center;gap:20px}
.top .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:var(--ink);text-decoration:none}
.top .logo img{height:26px}
.top .brand-home{display:flex;align-items:center;gap:20px;min-width:0;text-decoration:none;color:inherit}
.top .spacer{flex:1}
.avatar{position:relative}
.avatar>button{display:flex;align-items:center;gap:8px;color:var(--ink2);font-size:13px}
.avatar .dot{height:30px;width:30px;border-radius:50%;background:var(--navy-tint);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.avatar .menu{position:absolute;right:0;top:40px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(41,35,27,.10);padding:10px;min-width:200px;z-index:70}
.avatar .menu .mi{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--ink)}
.avatar .menu .mi:hover{background:var(--paper)}
.avatar .menu .who{padding:8px 10px;border-bottom:1px solid var(--line2);margin-bottom:6px;font-size:12px;color:var(--ink2);word-break:break-all}

/* layout */
.wrap{max-width:1160px;margin:0 auto;padding:26px 28px 60px}
.grid{display:grid;grid-template-columns:196px 1fr;gap:26px;align-items:start}
@media (max-width:900px){.grid{grid-template-columns:1fr}}

/* chips（工作台筛选——契约 §1.2 十二 chip canonical 分组映射；唯一性折叠=终态优先） */
.chips{display:flex;flex-direction:column;gap:4px;position:sticky;top:84px}
.chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:999px;font-size:13px;color:var(--ink2);border:1px solid transparent}
.chip:hover{background:var(--paper)}
.chip.on{background:var(--surface);border-color:var(--line);color:var(--ink);font-weight:650}
.chip .n{font-size:11.5px;color:var(--ink3)}

/* survey cards */
.cards{display:flex;flex-direction:column;gap:12px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px}
.card .cbody{flex:1;min-width:0}
.cards .card{flex-wrap:wrap}
.cards .card .cbody{flex:1 1 220px}
.cards .card>[data-dispatch-confirm]{flex:0 0 100%;min-width:0;border-top:1px solid var(--line);padding-top:12px;overflow-wrap:anywhere}
.cards .card>[data-dispatch-confirm] .btn{margin:8px 8px 0 0}
@media(max-width:600px){.cards .card .cbody{flex:0 0 100%}.cards .card h3{white-space:normal;overflow-wrap:anywhere}.cards .card{gap:12px;padding:18px}}
.card h3{font-size:15px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .meta{font-size:12.5px;color:var(--ink2);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}
.b-draft{background:var(--st-draft-bg);color:var(--st-draft)}
.b-review{background:var(--st-review-bg);color:var(--st-review)}
.b-reject{background:var(--st-reject-bg);color:var(--st-reject)}
.b-plain{background:var(--paper);color:var(--ink2);border:1px solid var(--line2)}
.reason{margin-top:10px;border-left:3px solid var(--terra);background:var(--terra-tint);border-radius:0 10px 10px 0;padding:10px 14px;font-size:13px;color:var(--ink)}
.empty{background:var(--surface);border:1px dashed var(--line);border-radius:16px;padding:56px 30px;text-align:center;color:var(--ink2)}
.empty .big{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}

/* auth */
.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}
.auth-card{width:430px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:34px 34px 30px;box-shadow:0 16px 44px rgba(41,35,27,.08)}
.auth-card .brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.auth-card .brand img{height:30px}
.auth-card .slogan{font-size:12.5px;color:var(--ink2);margin-bottom:22px}
.tabs{display:flex;gap:4px;background:var(--paper);border:1px solid var(--line2);border-radius:999px;padding:4px;margin-bottom:22px}
.tabs button{flex:1;padding:8px 0;border-radius:999px;font-size:12.5px;font-weight:650;color:var(--ink2)}
.tabs button.on{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.field{margin-bottom:14px}
.field label{display:block;font-size:12px;font-weight:650;color:var(--ink2);margin-bottom:5px}
.field input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font:inherit;color:var(--ink)}
.field input:focus{outline:2px solid var(--navy-tint);border-color:var(--navy)}
.field .row{display:flex;gap:8px}
.ferr{color:var(--bad);font-size:12.5px;min-height:18px;margin-bottom:6px}
.note{font-size:12px;color:var(--ink3);margin-top:10px}
.devcode{margin-top:8px;font-size:12.5px;background:var(--warn-bg);color:var(--warn);border-radius:8px;padding:8px 10px}

/* design page（三栏） */
.desk{display:grid;grid-template-columns:200px minmax(0,1fr) 340px;gap:20px;align-items:start}
@media (max-width:1100px){.desk{grid-template-columns:1fr;height:auto}.desk .side,.desk .draft{display:block;min-width:0}.desk .chat{min-width:0}.desk .draft{grid-row:2}.desk .side{grid-row:3}}
.side .panel,.draft .panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
.side h4,.draft h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.versions .v{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink2);padding:6px 0;border-bottom:1px dashed var(--line2)}
.boundary{background:var(--navy-tint);color:var(--navy);border-radius:10px;padding:8px 12px;font-size:12.5px;margin-bottom:12px;display:flex;gap:8px;align-items:center}
.chat{background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;height:calc(100vh - 160px);min-height:480px}
.chat .head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line2)}
.chat .head h3{font-size:14.5px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat .stream{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}
.turn{display:flex;gap:10px;max-width:88%}
.turn.user{align-self:flex-end;flex-direction:row-reverse}
.turn .bub{border-radius:14px;padding:10px 14px;font-size:13.5px;white-space:pre-wrap;word-break:break-word}
.turn.ai .bub{background:var(--paper);border:1px solid var(--line2);border-top-left-radius:4px}
.turn.user .bub{background:var(--navy);color:#FBF8F2;border-top-right-radius:4px}
.aib{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--terra);margin-top:6px}
.aib::before{content:'';height:6px;width:6px;border-radius:50%;background:var(--terra)}
.chat .input{border-top:1px solid var(--line2);padding:12px;display:flex;gap:10px;align-items:flex-start}
.chat .input textarea{flex:1;resize:none;height:44px;max-height:120px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font:inherit;color:var(--ink)}
.chat .input textarea:focus{outline:2px solid var(--navy-tint);border-color:var(--navy)}
.quick{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 10px}
.quick button{font-size:11.5px;color:var(--ink2);background:var(--paper);border:1px solid var(--line2);border-radius:999px;padding:4px 10px}
.quick button:hover{border-color:var(--terra);color:var(--terra-h)}
.typing{color:var(--ink3);font-size:12.5px;padding:4px 6px}
.warnbar{background:var(--warn-bg);color:var(--warn);font-size:12.5px;border-radius:10px;padding:8px 12px;margin:0 16px 10px}

/* draft panel（QuestionCard） */
.qcard{border:1px solid var(--line2);border-radius:12px;background:var(--paper);padding:12px;margin-bottom:10px}
.qcard .qh{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.qcard .no{font-size:11px;font-weight:800;color:var(--ink3)}
.qcard .type{font-size:10.5px;font-weight:700;background:var(--navy-tint);color:var(--navy);border-radius:6px;padding:1px 7px}
.qcard .stem{font-size:13.5px;font-weight:650;margin-bottom:6px}
.qcard .opts{display:flex;flex-wrap:wrap;gap:6px}
.qcard .opt{font-size:12px;background:var(--surface);border:1px solid var(--line2);border-radius:999px;padding:3px 10px;color:var(--ink2)}

/* bilingual（定稿三栏确认） */
.final .hero{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:16px}
.final .hero h2{font-size:17px;margin-bottom:6px}
.final .hero .meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--ink2);align-items:center}
.bi{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:16px}
.bi .bh{display:grid;grid-template-columns:1fr 1fr 1fr 96px;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 16px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.bi .br{display:grid;grid-template-columns:1fr 1fr 1fr 96px;border-bottom:1px solid var(--line2);padding:12px 16px;font-size:13px;align-items:center}
.bi .br:last-child{border-bottom:none}
.bi .br .zh{color:var(--ink);background:var(--paper);border-radius:8px;margin:0 6px;padding:8px 10px}
.bi .br .en{padding-right:10px}
.bi-options{margin:8px 0 0;padding-left:20px;color:var(--ink2)}
.bi-options li{margin:4px 0;overflow-wrap:anywhere}
@media (max-width:700px){
  .final .topbar2{flex-wrap:wrap;gap:12px}
  .final .topbar2 .frozenote{flex-basis:100%;order:3}
  .final .bi{overflow-x:auto}
  .final .bi .bh,.final .bi .br{min-width:820px}
}
.bi .match{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;justify-self:start}
.m-match{background:var(--ok-bg);color:var(--ok)}
.m-var{background:var(--warn-bg);color:var(--warn)}
.m-miss{background:var(--bad-bg);color:var(--bad)}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.frozenote{font-size:12px;color:var(--ink3)}
.topbar2{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.topbar2 .back{font-size:13px;color:var(--ink2)}
@media(max-width:600px){.results-heading>h2{flex:0 0 100%!important;order:-1;margin:0}.results-heading{flex-wrap:wrap}}
.loading{padding:60px;text-align:center;color:var(--ink3)}
/* K-PROTOTYPE-START: V1-O-A-5.html */
:root{
--cream:#F6EFE2; --paper:#F9F4E9; --surface:#FFFDF8; --ink:#29231B; --ink2:#7A7160; --ink3:#9C9384;
--line:#E7DFCC; --line2:#EFE9DA;
--navy:#1F3A5F; --navy-h:#2A4C7E; --navy-tint:#E9EDF4;
--terra:#C96F4A; --terra-h:#B85F3C; --terra-tint:#F6E3D8;
--warn:#B25E09; --warn-bg:#F9EDD8;
--bar-h:#3B6BB4; --bar-ai:#C96F4A;
--lk1:#9C4B26; --lk2:#DFA084; --lk3:#EAE2D3; --lk4:#A6B6D0; --lk5:#3B6BB4;
--ok:#2E7D4F; --ok-bg:#E5F0E4; --bad:#B3402E; --bad-bg:#F7E4DD;
--st-draft:#6B6353; --st-draft-bg:#EFE9DB;
--st-review:#2758B8; --st-review-bg:#E7EDF8;
--st-reject:#B3402E; --st-reject-bg:#F7E4DD;
--st-pub:#0F7789; --st-pub-bg:#DEEEEA;
--st-field:#2E7D4F; --st-field-bg:#E2EFE2;
--st-due:#A05E12; --st-due-bg:#F6E8D2;
--st-done:#6D48C8; --st-done-bg:#EBE4F6;
--st-report:#1F3A5F; --st-report-bg:#E5E9EC;
}

:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:4px}
button:not(:disabled):active,.btn:not(:disabled):active{transform:translateY(1px)}
button:disabled{cursor:not-allowed}
[hidden]{display:none!important}
.num,.metric-grid b,.value,.badge,.chip,.chart-row b,.sample-summary,.hbar,.hero-strip{font-variant-numeric:tabular-nums}
input,textarea,select{max-width:100%}
/* Report forms are vertical forms, not the horizontal survey-card layout. */
.final fieldset{min-width:0;max-width:100%}
#decisionBrief,#decisionBrief fieldset.card{display:block;min-width:0}
#decisionBrief{margin:18px 0}
#decisionBrief h3{white-space:normal}
#decisionBrief label{display:block;margin:12px 0;font-size:13px;overflow-wrap:anywhere}
#decisionBrief select,#decisionBrief textarea,#decisionBrief input:not([type="checkbox"]){display:block;width:100%;min-width:0;padding:8px;margin-top:5px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--paper);color:var(--ink)}
#decisionBrief textarea{min-height:72px;resize:vertical}
#decisionBrief input[type="checkbox"]{width:auto;margin-right:8px}
#decisionBrief .btn{max-width:100%;white-space:normal}
[role=dialog]{max-height:calc(100dvh - 32px);overflow:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:620px){.foot{display:flex;flex-wrap:wrap;gap:4px}.foot span{white-space:normal}.head-actions,.report-actions{flex-wrap:wrap}.page-shell{min-width:0}}

.wrap,.grid>*{min-width:0}.grid{grid-template-columns:220px minmax(0,1fr)}.chips{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.chips>*{flex-shrink:0}.frozen input,.frozen select,.frozen textarea{background:var(--line2);color:var(--ink2)}.report-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:900px){.grid{grid-template-columns:minmax(0,1fr)}.chips{position:static;flex-direction:row;gap:6px}.chip{white-space:nowrap}.top-in{padding:12px 16px;gap:10px;height:auto;min-width:0}.top .micro{display:none}.avatar>button .nw{display:none}.top .spacer{display:none}.avatar{margin-left:auto}#customerSupportEntry .btn{font-size:12px;padding:7px 10px}.card .chead{flex-wrap:wrap}.topbar2{flex-wrap:wrap}}@media(min-width:881px) and (max-width:1020px){.bilingual-grid{grid-template-columns:1fr 1fr}}
/* K-PROTOTYPE-END */

/* A5 page composition, adapted to automatic scheduling and live response data. */
.auth{max-width:1120px;margin:auto;gap:80px;padding:56px 32px}
.auth-story{flex:1;max-width:520px}.auth-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;margin-bottom:38px}.auth-brand img{width:38px}
.auth-story h1{font-size:46px;line-height:1.13;letter-spacing:-.035em;margin:16px 0 22px}.auth-story>p:not(.micro){font-size:17px;color:var(--ink2);max-width:450px}
.auth-story ol{list-style:none;counter-reset:steps;display:grid;gap:20px;margin:30px 0}.auth-story li{counter-increment:steps;position:relative;padding-left:44px}.auth-story li::before{content:counter(steps);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:50%;background:var(--terra-tint);color:var(--terra-h);text-align:center;line-height:30px;font-weight:700}.auth-story li span{display:block;color:var(--ink2);font-size:13px}.auth-story>a:last-child{font-size:13px}
.auth-card{flex:0 0 430px;box-shadow:0 12px 36px #29231b08}.auth-card>.brand,.auth-card>.slogan{display:none}
.workbench{max-width:996px;padding-top:38px}.workbench>.grid{display:flex;flex-direction:column;gap:0}.workbench>.grid>div{display:contents}.workbench>.grid>div>div:first-child{order:0;width:100%;flex-wrap:wrap}.workbench h1{font-size:25px;letter-spacing:-.025em}.pg-sub{color:var(--ink2);font-size:13px;margin-top:4px}
.workbench .chips{order:1;position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin:10px 0 24px;overflow:visible}.workbench .chip{border-color:var(--line);background:var(--paper);font-size:12px;padding:6px 12px}.workbench .chip.on{background:var(--navy);border-color:var(--navy);color:var(--surface)}.workbench .chip.on .n{color:var(--surface)}
.workbench #newSurveyForm{order:2;width:100%}.workbench .cards{order:3;width:100%;gap:14px}.workbench .card{border-radius:14px;padding:18px 20px}.workbench .card h3{white-space:normal;overflow-wrap:anywhere;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px;margin-bottom:10px}.workbench .card .meta{font-size:11.5px;gap:10px;margin-top:9px}
.survey-actions{display:flex;gap:8px;flex-wrap:wrap}.survey-actions .btn{padding:8px 16px;font-size:12px}.survey-progress{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ink2)}.survey-progress progress{width:170px;height:7px;border:0;border-radius:99px;overflow:hidden;accent-color:var(--navy)}.survey-progress progress::-webkit-progress-bar{background:var(--line2)}.survey-progress progress::-webkit-progress-value{background:var(--navy)}
.stage-draft,.stage-closed{background:var(--st-draft-bg);color:var(--st-draft)}.stage-pending_review{background:var(--st-review-bg);color:var(--st-review)}.stage-rejected{background:var(--st-reject-bg);color:var(--st-reject)}.stage-awaiting,.stage-data_due{background:var(--warn-bg);color:var(--warn)}.stage-scheduling,.stage-collecting{background:var(--st-field-bg);color:var(--st-field)}.stage-completed{background:var(--st-done-bg);color:var(--st-done)}.stage-report_ready{background:var(--st-report-bg);color:var(--st-report)}
.btn{text-decoration:none}.wrap:not(.workbench){max-width:1200px}.final{max-width:1060px!important}
@media(max-width:900px){.auth{gap:32px;padding:36px 24px}.auth-story h1{font-size:35px}.auth-card{flex-basis:390px;padding:26px}.workbench .chips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:5px}}
@media(max-width:700px){.auth{display:block;padding:24px 18px}.auth-story{display:none}.auth-card{width:100%;max-width:460px;margin:30px auto;padding:26px 22px}.auth-card>.brand{display:flex}.auth-card>.slogan{display:block}.wrap{padding:24px 18px 48px}.workbench .card{padding:18px}.survey-actions{width:100%}.final .bi{overflow:visible}.final .bi .bh{display:none}.final .bi .br{min-width:0;grid-template-columns:1fr;gap:12px;padding:18px}.final .bi .br>div{margin:0;padding:0;overflow-wrap:anywhere}.final .bi .br>div::before{display:block;font-size:10px;letter-spacing:.08em;color:var(--ink2);text-transform:uppercase;margin-bottom:4px}.final .bi .br>div:nth-child(1)::before{content:'English original'}.final .bi .br>div:nth-child(2)::before{content:'Chinese translation'}.final .bi .br>div:nth-child(3)::before{content:'Back translation'}}

/* Language selector and translated mobile comparison labels. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#pageLanguage{font:inherit;font-size:12px;border:1px solid var(--line);border-radius:20px;padding:7px 10px;background:var(--paper,#fff);color:var(--ink)}
@media(max-width:700px){.top-in{flex-wrap:wrap}.brand-home{flex-shrink:0}.final .bi .br>div[data-label]::before{content:attr(data-label)}}
.auth .field small{display:block;margin-top:8px;color:var(--ink2);line-height:1.5}
.auth .field input+button{margin-top:6px}

/* P-O-LEGAL 双栏文书阅读页：左=三份文书目录，右=站内正文（不新开标签页）。 */
.legal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 18px}
.legal-head h1{margin:0}
.legal-pane{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.legal-toc{position:sticky;top:72px;display:flex;flex-direction:column;gap:8px}
.legal-item{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s}
.legal-item:hover{border-color:var(--ink3)}
.legal-item.active{border-color:var(--ink);box-shadow:0 0 0 2px var(--line2);background:var(--paper)}
.legal-item-title{font-weight:600;font-size:13.5px}
.legal-item-ver{font-size:12px;color:var(--ink2)}
.legal-body{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:28px 32px;max-height:calc(100vh - 140px);overflow:auto}
.legal-doc-title{font-size:20px;line-height:1.4;margin:0 0 6px}
.legal-body h2{margin:26px 0 8px;font-size:16px}
.legal-body h3{margin:18px 0 6px;font-size:14px}
.legal-body ul{margin:6px 0 10px;padding-left:20px}
.legal-body li{margin:3px 0}
@media(max-width:760px){.legal-pane{grid-template-columns:1fr;gap:12px}.legal-toc{position:static;flex-direction:row;flex-wrap:wrap}.legal-item{flex:1 1 44%}.legal-body{max-height:none;padding:18px}}

#reportReading{min-width:0;overflow-wrap:anywhere}#reportReading table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}#reportReading th,#reportReading td{padding:8px;text-align:left;border-bottom:1px solid var(--line)}#reportReading details{margin:10px 0}#reportReading dt{font-weight:600}#reportReading dd{margin:0 0 10px}#reportReading meter{width:90px;max-width:100%}

#reportReading th,#reportReading td{white-space:nowrap;overflow-wrap:normal}

/* 顶栏操作按钮族统一（2026-10-01 业主指令）：同风格+图标；语言下拉带国家标识 */
.top-action{display:inline-flex;align-items:center;gap:7px}
.top-action .ai{display:inline-flex;align-items:center;color:var(--ink3)}
.top-action .ai svg{display:block}
.lang-picker{position:relative;display:inline-block}
/* 2026-10-15 与官网同形态：语言按钮仅国旗（方形、高度随 btn-sm），菜单保持国旗+语言名；顶栏居最右 */
.lang-btn{width:34px;justify-content:center;padding-inline:0}
.lang-btn .lf{display:inline-flex;align-items:center;line-height:0}
.lang-btn .lf svg{border-radius:2px;box-shadow:0 0 0 1px var(--line)}
.lang-row{display:flex;justify-content:flex-end;margin:0 0 14px}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:80;min-width:190px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(41,35,27,.14);padding:8px}
.lang-menu .mi{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 12px;border-radius:9px;font-size:13px;color:var(--ink);background:none;border:none;cursor:pointer;font-family:inherit}
.lang-menu .mi:hover{background:var(--line2)}
.lang-menu .mi.on{background:var(--navy-tint);color:var(--navy);font-weight:600}
.lang-menu .mi .lf{display:inline-flex;line-height:0}
.lang-menu .mi .lf svg{border-radius:2px;box-shadow:0 0 0 1px var(--line2)}

/* Questionnaire design public notes; shared by formal and Trial. */
.design-notes{margin:12px 0;padding:10px 12px;border:1px solid var(--line,#ddd);border-radius:8px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.design-notes summary{cursor:pointer;font-weight:600}.design-notes ul{padding-left:20px;margin:8px 0 0}.design-notes li+li{margin-top:5px}