.questionnaire-page{max-width:980px;margin:0 auto}
.questionnaire-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:18px;border:1px solid #3a6f98;border-radius:14px;background:linear-gradient(135deg,#102b43,#111d2b)}
.questionnaire-hero span{color:#ffe18a;font-size:11px;font-weight:800}.questionnaire-hero h2{margin:3px 0 5px;font-size:24px}.questionnaire-hero p{margin:0;color:#b7cada;font-size:12px}
.questionnaire-progress{height:8px;border-radius:999px;background:#102030;overflow:hidden;border:1px solid #29435a}
.questionnaire-progress>div{height:100%;width:0;background:linear-gradient(90deg,#2d78b4,#63b8ef);transition:width .2s}
.questionnaire-progress-text{text-align:right;margin:4px 2px 12px;color:#8fa9bd;font-size:10px}
.question-group{margin-bottom:14px;padding:12px;border:1px solid #2a455c;border-radius:13px;background:#0c1723}
.question-group>h3{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #28445a;color:#ffe18a;font-size:15px}
.question-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);align-items:center;gap:14px;padding:12px;margin-top:8px;border:1px solid #263e52;border-radius:10px;background:#101f2e}
.question-card>div:first-child{display:flex;flex-direction:column;gap:3px}.question-card strong,.question-card>label{font-size:14px;color:#edf6fc;font-weight:800}.question-card small{color:#839bad;font-size:10px}
.question-card input,.question-card select{min-height:44px;font-size:14px}
.yes-no,.choice-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.choice-buttons{grid-template-columns:repeat(3,1fr)}
.yes-no button,.choice-buttons button{min-height:44px;border:1px solid #3a5870;border-radius:9px;background:#0b1621;color:#cbdce8;font-weight:800}
.yes-no button.selected,.choice-buttons button.selected{border-color:#62b5ec;background:#246d9f;color:white;box-shadow:0 0 0 2px rgba(98,181,236,.13)}
.yes-no button[data-answer="0"].selected{border-color:#7b8e9d;background:#344654}
.questionnaire-summary{padding:15px;border:1px solid #8b6d24;border-radius:13px;background:#151b1e}
.questionnaire-summary h3{margin:0 0 10px;color:#ffe18a}
#questionSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#questionSummary div{padding:8px;border:1px solid #344756;border-radius:8px;background:#0e1923}
#questionSummary span{display:block;color:#8198ab;font-size:9px}#questionSummary b{font-size:12px;color:#edf7ff}
.questionnaire-final-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}
body.questionnaire-mode .easy-step-nav,body.questionnaire-mode .easy-guide-card{display:none!important}
body.questionnaire-mode .tabs{display:none!important}
body.questionnaire-mode .easy-mode-toolbar span{display:none}
body.questionnaire-mode .easy-mode-toolbar strong::after{content:"：質問に答えるだけ";font-weight:400;color:#aec5d8}
body.questionnaire-mode #page-character .ffxi-status-left{display:none}
body.questionnaire-mode #page-character .ffxi-status-shell{grid-template-columns:1fr}
body.questionnaire-mode #page-character .section-heading>div>h2{font-size:18px}
body.questionnaire-mode #page-character .section-heading>div>h2::after{content:"（装備選択）";color:#89a7bd;font-size:12px}
.questionnaire-tab{display:none}
@media(max-width:720px){
 .questionnaire-hero{align-items:flex-start;flex-direction:column}
 .question-card{grid-template-columns:1fr;gap:8px}
 #questionSummary{grid-template-columns:1fr 1fr}
 .questionnaire-final-actions{flex-direction:column}.questionnaire-final-actions button{width:100%}
}