﻿.container--obesitystaging-main{max-width:800px;margin:0 auto;padding:2rem 1rem}#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-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}.reference-list a{color:#007bff;text-decoration:none}.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 .5rem}.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-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}}.rating-question,#part1-pass,#part2-results{display:none !important}.rating-question.visible,#part1-pass.visible,#part2-results.visible{display:block !important}*:focus{outline:3px solid #007bff;outline-offset:2px}button:focus,questionaire-action:focus,a:focus{outline:3px solid #007bff;outline-offset:2px;box-shadow:0 0 0 4px rgba(0,123,255,.25)}input:focus,textarea:focus,select:focus{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,input[type=radio]:focus{outline:2px solid #007bff;outline-offset:2px;box-shadow:0 0 0 3px rgba(0,123,255,.25)}questionaire-question-answer:focus-within{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.success input,.form-group.success select{border-color:#28a745}button:disabled,questionaire-action[disabled]{opacity:.6;cursor:not-allowed}#main a{color:#0056b3;text-decoration:underline}#main a:hover{color:#003d82;text-decoration:underline}#main a:visited{color:#6610f2}.slide{color:#212529;background-color:#fff}#main button,questionaire-action,#main a{min-height:44px;min-width:44px}#main input[type=checkbox],#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}}@media(prefers-color-scheme: dark){.container--obesitystaging-main{background-color:#1a1a1a;color:#e0e0e0}.slide{background-color:#2d2d2d;color:#e0e0e0;border:1px solid #404040}input,select,textarea{background-color:#3d3d3d;color:#e0e0e0;border-color:#555}button,questionaire-action{background-color:#0056b3;color:#fff}}
