/* Shared interaction layout, with each quiz retaining its own theme colors. */
.container{min-height:100svh;display:flex;flex-direction:column}.main-content{flex:1}.test-options{display:grid;gap:16px}.test-option{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:25px;color:var(--ink);transition:transform .2s,border-color .2s}.test-option:hover{transform:translateY(-3px);border-color:var(--gold)}.test-option .option-icon{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:15px;background:var(--gradient-main);color:#30251f;font:27px Georgia,serif}.test-option .option-title{display:block;font-size:19px;font-weight:600;margin-bottom:5px}.test-option .option-desc{display:block;font-size:12px;color:var(--text-gray);line-height:1.8}.test-option .entry-arrow{margin-left:auto;color:var(--text-gray);font-size:22px}.flow-meta{display:flex;justify-content:center;gap:20px;color:var(--text-white);font-size:12px;margin:18px 0}.flow-guide{background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--gold);border-radius:12px;padding:19px 22px;color:var(--text-light);font-size:12px;line-height:1.9}.flow-guide strong{display:block;color:var(--ink);font-size:14px;margin-bottom:7px}.flow-guide p{margin:5px 0}.flow-resume{color:var(--text-white);font-size:12px;text-align:center}.flow-resume .resume-info{color:inherit;margin:12px 0}.flow-resume .text-btn{display:block;margin:auto}.flow-result-actions{margin-top:16px}.flow-result-actions .btn{min-height:48px}body[data-view="password"] .password-card{max-width:420px;width:100%;margin:auto;padding-top:24px;padding-bottom:24px}body[data-view="password"] .landscape{height:66px}body[data-view="password"] .sigil{width:110px;height:110px;margin-top:0}body[data-view="password"] .sigil span{font-size:34px}body[data-view="password"] .sigil-ring{inset:25px}body[data-view="password"] .sigil small{display:none}body[data-view="password"] .seven-glyphs{margin:10px 0 14px}body[data-view="password"] .password-title{font-size:21px}body[data-view="question"] .header{padding:16px 0}body[data-view="question"] .header .eyebrow,body[data-view="question"] .header .subtitle,body[data-view="question"] .header br{display:none}body[data-view="question"] .title{font-size:18px;letter-spacing:1px;line-height:1.6}body[data-view="question"] .title span{font-size:18px;letter-spacing:1px}body[data-view="question"] .question-card{padding:24px}body[data-view="question"] .question-number{border-radius:20px;padding:3px 12px;background:var(--gradient-main);color:#30251f;letter-spacing:0;margin-bottom:14px}body[data-view="question"] .progress-bar{height:7px}body[data-view="question"] .question-text{font-size:18px;line-height:1.75;margin-bottom:20px}body[data-view="question"] .option-item{min-height:54px;padding:12px 16px}body[data-view="question"] .option-radio{border-radius:6px}body[data-view="question"] .navigation{margin-top:16px}body[data-view="question"] .footer{padding:18px 0;margin-top:20px}body[data-view="question"] .footer>span{display:none}body[data-view="result"] .header{padding:18px 0}body[data-view="result"] .header .eyebrow,body[data-view="result"] .header .subtitle{display:none}body[data-view="result"] .title{font-size:24px;letter-spacing:2px}body[data-view="result"] .title span{font-size:22px}body[data-view="result"] .report-nav{position:sticky;top:8px;z-index:3;background:var(--bg-dark);padding:8px 0;border-radius:8px}.section-card{scroll-margin-top:85px}.question-card{animation:flow-enter .24s ease}.option-item.selected{animation:flow-select .24s ease}@keyframes flow-enter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes flow-select{50%{transform:scale(.99)}}@media(max-width:380px){.test-option{padding:20px;gap:12px}.test-option .option-title{font-size:17px}.flow-meta{gap:12px}body[data-view="question"] .question-card{padding:20px}body[data-view="question"] .title,body[data-view="question"] .title span{font-size:16px}}@media(prefers-reduced-motion:reduce){.question-card,.option-item.selected{animation:none}.test-option{transition:none}}@media print{.flow-result-actions,.flow-guide{display:none}body[data-view="result"] .header{display:none}}