:root{--ink:#173844;--muted:#74818a;--teal:#007e86;--bg:#f2f5f5;--line:#e1e7e9}*{box-sizing:border-box}body{background:var(--bg);color:#1a3540;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.topbar{background:#143946;color:white;padding:12px 0}.brand{color:white;text-decoration:none;display:flex;gap:11px;align-items:center;font-weight:750;letter-spacing:.08em;font-size:1rem;line-height:1}.brand small{display:block;font-size:.63rem;letter-spacing:.04em;opacity:.77;font-weight:400;margin-top:6px}.brand-symbol{display:grid;place-items:center;background:#ebf4f3;color:#006f79;height:37px;width:37px;border-radius:11px;font-weight:900;font-size:23px}.langselect{background:#27515e;border-color:#52717c;color:white;width:73px}.app-main{max-width:1160px;padding-top:30px;padding-bottom:75px}.eyebrow{font-size:.69rem;font-weight:800;letter-spacing:.12em;color:#51808a}.intro h1{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:730;margin:8px 0 3px}.intro p{color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 3px 16px #1b49580b}.btn-brand{background:var(--teal);color:white;border:1px solid var(--teal);font-weight:600}.btn-brand:hover,.btn-brand:focus{background:#00686e;color:white}.btn-outline-brand{border:1px solid #a0bbbf;color:#006d74}.btn-outline-brand:hover{background:#e5f3f3;color:#00646c}.record-link{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #e9eeee;text-decoration:none;color:var(--ink)}.record-link:last-child{border-bottom:0}.record-link small{display:block;color:var(--muted);margin-top:4px}.record-header{margin-bottom:22px}.back-link{font-size:.85rem;color:#587884;text-decoration:none;display:inline-block;margin-bottom:12px}.notice{padding:11px 15px;background:#e6f4f5;border-radius:10px;color:#38656b}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.sidebar{position:sticky;top:14px;align-self:start;max-height:calc(100vh - 35px);overflow:auto}.progress-bar{background:#008b8e}.section-links{max-height:62vh;overflow:auto;padding:4px 8px}.nav-question{width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:9px;text-align:left;padding:10px 12px;background:transparent;color:#49636b;font-size:.89rem}.nav-question.active{background:#e6f2f2;color:#006c73;font-weight:750}.nav-question.done .nav-dot{background:#17896c;color:white}.nav-question[hidden]{display:none}.nav-dot{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#e4ebed;color:#64808a;font-size:.78rem;font-weight:700}.question-page[hidden]{display:none!important}.question-top{background:linear-gradient(105deg,#f0f7f7,#fff);padding:25px 29px 21px;border-bottom:1px solid var(--line);border-radius:15px 15px 0 0}.question-number{font-size:1rem;color:var(--teal)}.section-title{font-weight:700;margin-top:12px;color:#395761}.question-body{padding:30px 29px 36px;min-height:290px}.question-heading{font-size:clamp(1.08rem,2.3vw,1.5rem);line-height:1.45;font-weight:680;color:var(--ink);overflow-wrap:anywhere}.info-btn{flex:none;background:#e6f3f3;border:1px solid #9fcacc;color:#006c76;border-radius:50%;width:32px;height:32px;font-weight:800}.info-btn:hover{background:#c8e9e9}.answer-area{padding-top:22px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:flex;align-items:center;justify-content:center;min-height:64px;border:2px solid #dce6e7;border-radius:12px;font-weight:750;background:#fdfefe;cursor:pointer}.choice input:checked+span{border-color:#07858c;background:#e3f5f5;color:#006e75}.choice input:focus-visible+span{outline:3px solid #78cbd3;outline-offset:2px}.form-control:focus,.form-select:focus{border-color:#4aabb2;box-shadow:0 0 0 .2rem #00858c1c}.review-tag{font-size:.78rem;color:#98712a;margin-top:8px}.multi-fields{border-top:1px solid var(--line);margin-top:27px;padding-top:24px}.calc-output{background:#eef6f5!important;font-weight:800}.question-footer{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;justify-content:space-between;padding:17px 28px}.question-footer button{min-height:44px;padding:8px 22px}.save-status{font-size:.78rem;color:#738991;text-align:center}.signature-block{border:1px solid var(--line);padding:15px;border-radius:12px}.signature-canvas-wrap{background:#fcfdfd;border:1px dashed #9ebbc0;border-radius:10px;position:relative;height:175px;overflow:hidden;touch-action:none}.signature-canvas{width:100%;height:100%;display:block;position:relative;z-index:1;touch-action:none}.saved-signature{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:.35}.sig-status{min-height:30px}@media(max-width:767px){.app-main{padding:18px 12px 90px}.layout{display:block}.sidebar{position:static;max-height:none;margin-bottom:12px}.sidebar .section-links{display:flex;max-height:none;overflow-x:auto;padding:0 12px 9px;gap:5px;scrollbar-width:thin}.nav-question{width:auto;flex:none;padding:6px}.nav-question .nav-label{display:none}.nav-question .nav-dot{height:32px;width:32px}.sidebar>.p-3:first-child{padding-bottom:10px!important}.sidebar>.p-3:last-child{display:none}.question-top{padding:18px 17px 16px}.question-body{padding:22px 17px 26px;min-height:235px}.question-footer{padding:13px 14px;position:sticky;bottom:0;background:white;z-index:4;border-radius:0 0 15px 15px;box-shadow:0 -4px 10px #2d61700b}.question-footer button{padding:8px 13px}.question-footer .save-status{font-size:.7rem}.choice span{min-height:67px}.signature-canvas-wrap{height:190px}}
