﻿.container--obesitystaging-main{max-width:800px;margin:0 auto;padding:2rem 1rem}.container--obesitystaging-main h1{text-align:center;color:#333;margin-bottom:.5rem}.subtitle{text-align:center;color:#666;font-size:1.1rem;margin-bottom:2rem}questionaire-container{opacity:0;transition:opacity .5s ease-in}questionaire-container[ready]{opacity:1}.slide{padding:2rem;background:#fff;border-radius:8px;margin-bottom:1rem}.slide--acknowledgement h2{color:#2c3e50;margin-bottom:1.5rem}.disclaimer-list{list-style:none;padding:0;margin-left:0;margin-bottom:2rem}.disclaimer-list li{padding:.75rem 1rem;background:#f8f9fa;border-left:4px solid #007bff;margin-bottom:1rem}.acknowledgement-checkbox{display:flex;align-items:center;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;cursor:pointer;margin-bottom:1.5rem}.acknowledgement-checkbox input[type=checkbox]{margin-right:1.2rem;margin-top:0;flex-shrink:0}.section-heading{color:#2c3e50;margin-top:2rem;margin-bottom:1rem;font-size:1.2rem;font-weight:600;border-bottom:2px solid #dee2e6;padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#333}.required{color:#dc3545}.optional{color:#6c757d;font-weight:normal;font-size:.9rem}.optional-note{color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:.75rem;background:#f8f9fa;border-left:3px solid #6c757d;border-radius:4px}.input-with-unit{display:flex;align-items:center;gap:.5rem}.input-with-unit input{flex:1;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.input-with-unit .unit{font-weight:600;color:#666;min-width:40px}.calculation-preview{padding:1rem;background:#e7f3ff;border-left:4px solid #007bff;margin-top:1.5rem;border-radius:4px}.calculation-preview strong{color:#0056b3}#bmi-value{font-size:1.2rem;color:#333}.ratio-preview{padding:.75rem 1rem;background:#f0f8ff;border-left:4px solid #4caf50;margin-top:1rem;border-radius:4px}.ratio-preview p{margin:0;color:#333}.ratio-preview strong{color:#2e7d32;font-size:1.1rem}questionaire-question{display:block}questionaire-question-content{margin-bottom:1.5rem}questionaire-question-content h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.5rem}questionaire-question-content h4{color:#495057;margin-bottom:1rem;font-size:1.2rem;font-weight:500}questionaire-question-content p{margin-bottom:.5rem}questionaire-question-content small{color:#666;font-size:.85rem}questionaire-question-answer{display:block;padding:.75rem 1rem;margin-bottom:.5rem;background:#f8f9fa;border:2px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s}questionaire-question-answer:hover{background:#e9ecef;border-color:#007bff}questionaire-question-answer[selected]{background:#007bff;color:#fff;border-color:#0056b3}questionaire-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:space-between}questionaire-action{padding:.75rem 2rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s}questionaire-action:hover:not([disabled]){background:#0056b3}questionaire-action[disabled]{background:#6c757d;cursor:not-allowed;opacity:.6}questionaire-action[action=previous]{background:#6c757d}questionaire-action[action=previous]:hover{background:#5a6268}.result-box{padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.result-box--success{border-left:8px solid #28a745}.result-box h2{color:#28a745;margin-bottom:1.5rem}.stage-display{text-align:center;padding:2rem;background:#f8f9fa;border-radius:8px;margin:2rem 0}.stage-number{font-size:2.5rem;font-weight:bold;color:#007bff}.stage-number span{font-size:3rem}#stage-description{margin-bottom:2rem}.result-box h3{color:#2c3e50;margin-top:2rem;margin-bottom:1rem;border-bottom:2px solid #007bff;padding-bottom:.5rem}.result-box ul{padding-left:2rem;margin-left:0}.result-box li{margin-bottom:.75rem;line-height:1.6}.container--obesitystaging-main .reference-list a{color:inherit !important;text-decoration:none}.container--obesitystaging-main .reference-list a:hover{text-decoration:underline}#management-content ul{list-style:disc;padding-left:2rem}#management-content li{margin-bottom:.75rem}.rating-question questionaire-question-answer{font-size:.95rem}@media(max-width: 768px){.container--obesitystaging-main{padding:1rem 0 !important}.slide{padding:1.5rem 1rem}questionaire-actions{flex-direction:column}questionaire-action{width:100%}.stage-number{font-size:2rem}.stage-number span{font-size:2.5rem}}.measurement-guide{margin:2rem auto;max-width:400px;text-align:center}.measurement-guide figcaption{padding:1em .5em}.measurement-guide figcaption:lang(en-US){text-align:left}.measurement-guide a:lang(en-US){display:block}.measurement-illustration{width:100%;height:auto;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media(max-width: 768px){.measurement-guide{max-width:100%;margin:1rem auto}}.key-figures-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:1rem}.key-figures-table th,.key-figures-table td{padding:.6rem .75rem;border-bottom:1px solid #dee2e6;text-align:left;vertical-align:middle}.key-figures-table th{width:55%;color:#495057;font-weight:600}.key-figures-table td{color:#212529;font-size:1.1rem;font-weight:700}.advice-disclaimer{font-size:.875rem;color:#6c757d;font-style:italic;padding:.75rem 1rem;background:#f8f9fa;border-left:3px solid #6c757d;border-radius:4px;margin-bottom:1.25rem;line-height:1.6}.hkobesity-btn,.measure-guide-btn{color:#fff;background:#777;border-radius:4px;padding:6px 12px;text-decoration:none}.measure-guide-btn{display:inline-block;border:none;background:#999;margin:.5rem 0;cursor:pointer;font-size:.9rem;font-family:inherit;min-height:44px;min-width:44px;line-height:44px}.measure-guide-btn:hover{color:#222;background-color:#9dec69;text-decoration:none}.measure-guide-btn:focus-visible{outline:3px solid #007bff;outline-offset:2px;border-radius:2px}dialog.measure-guide-dialog{border:none;border-radius:8px;padding:2rem;max-width:480px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.25)}dialog.measure-guide-dialog::backdrop{background:rgba(0,0,0,.5)}dialog#dialog-all-stages{max-width:600px}dialog#dialog-all-stages .all-stages-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0}dialog#dialog-all-stages .all-stages-list dt{font-weight:600;color:#2c3e50;white-space:nowrap;padding-top:.1rem}dialog#dialog-all-stages .all-stages-list dd{margin:0;color:#212529;line-height:1.6}dialog.measure-guide-dialog h3{color:#2c3e50;margin-top:0;margin-bottom:1rem;font-size:1.2rem}dialog.measure-guide-dialog p{color:#212529;line-height:1.6;margin-bottom:0}.dialog-close-btn{display:block;width:100%;margin-top:1.5rem;padding:.75rem 2rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;font-family:inherit;transition:background .2s;min-height:44px}.dialog-close-btn:hover{background:#0056b3}.dialog-close-btn:focus-visible{outline:3px solid #007bff;outline-offset:2px;box-shadow:0 0 0 4px rgba(0,123,255,.25)}.rating-question,#part1-pass,#part2-results{visibility:hidden}.rating-question.visible,#part1-pass.visible,#part2-results.visible{visibility:visible}*:focus-visible{outline:3px solid #007bff;outline-offset:2px}*:focus:not(:focus-visible){outline:none}button:focus-visible,questionaire-action:focus-visible,a:focus-visible{outline:3px solid #007bff;outline-offset:2px;box-shadow:0 0 0 4px rgba(0,123,255,.25)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:#007bff;outline:2px solid #007bff;outline-offset:1px;box-shadow:0 0 0 3px rgba(0,123,255,.1)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid #007bff;outline-offset:2px;box-shadow:0 0 0 3px rgba(0,123,255,.25)}questionaire-question-answer:has(:focus-visible){outline:2px solid #007bff;outline-offset:2px;background-color:rgba(0,123,255,.05)}.skip-link{position:absolute;top:-40px;left:0;background:#007bff;color:#fff;padding:8px 16px;text-decoration:none;z-index:100;border-radius:0 0 4px 0}.skip-link:focus{top:0;outline:3px solid #fff;outline-offset:-3px}@media(prefers-contrast: high){*{border-color:currentColor}button,questionaire-action{border:2px solid currentColor}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}questionaire-container{transition:none !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#dc3545;border-width:2px}.form-group.error label::after{content:" (required)";color:#dc3545;font-size:.875rem}.form-group.out-of-range input{border-color:#e67e00;border-width:2px}.range-warning{margin:.25rem 0 0;font-size:.875rem;color:#e67e00;min-height:1.25em}.range-warning:empty{display:none}.form-group.success input,.form-group.success select{border-color:#28a745}button:disabled,questionaire-action[disabled]{opacity:.6;cursor:not-allowed}.container--obesitystaging-main a{color:#0056b3;text-decoration:underline}.container--obesitystaging-main a:hover{color:#003d82;text-decoration:underline}.container--obesitystaging-main a:visited{color:#6610f2}.slide{color:#212529;background-color:#fff}.container--obesitystaging-main button,questionaire-action,.container--obesitystaging-main a{min-height:44px;min-width:44px}.container--obesitystaging-main input[type=checkbox],.container--obesitystaging-main input[type=radio]{min-height:2em;min-width:2em}questionaire-question-answer[aria-selected=true]{background-color:#007bff;color:#fff;border:2px solid #0056b3}[aria-busy=true]{cursor:wait}[aria-busy=true]::after{content:" Loading...";position:absolute;left:-9999px}.validation-message{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block}.validation-message::before{content:"⚠ ";font-weight:bold}.keyboard-hint{font-size:.75rem;color:#6c757d;font-style:italic}@supports selector(:focus-visible){*:focus{outline:none}*:focus-visible{outline:3px solid #007bff;outline-offset:2px}}.key-figures-table td.over-cutoff{color:#c0392b;font-weight:bold}.share-link-section{margin-top:1.5rem}#btn-copy-share-link,#btn-copy-share-link-part1{position:relative;overflow:hidden}.share-link-feedback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#007bff;color:#fff;font-size:inherit;font-weight:inherit;pointer-events:none;opacity:0}@keyframes fade-copied{0%{opacity:1}50%{opacity:1}100%{opacity:0}}.share-link-feedback.showing{animation:fade-copied 2s ease-out forwards}dialog.measure-guide-dialog .dialog-all-stages-subtitle{margin:1.5em 0 1em}dialog.measure-guide-dialog .reference-list{margin:0 0 1.5em 1em}dialog.measure-guide-dialog .reference-list li{margin:1em 0}dialog.measure-guide-dialog .reference-list a{color:inherit !important;text-decoration:underline}dialog.measure-guide-dialog .reference-list a:hover{opacity:.6}.start-over-btn{color:#323232;background-color:#b4b4b4}.start-over-btn:hover{color:#000;background-color:#828282}
