/* Shared visual design; quiz logic and image visibility are unchanged. */
:root{--ui-ink:#202d3a;--ui-muted:#526171;--ui-purple:#285c70;--ui-border:#dce3e8;--accent:#285c70;--soft:#f0f5f7}
body{font-family:Meiryo,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;background:#eef2f4;color:var(--ui-ink);padding:24px 16px;align-items:flex-start;font-size:16px;letter-spacing:.015em}
.container{max-width:720px;padding:0 36px 32px;border-radius:20px;border:1px solid #dce3e8;box-shadow:0 10px 35px #243c4d08;overflow:visible}.home-page .container{max-width:1000px}.reading-page{max-width:800px!important}
p,.info-page p,.reading-page main p,.reading-page main li{color:#364657;line-height:1.95}h1,h2,h3{font-family:inherit;color:#202d3a;letter-spacing:.025em}h1{font-size:30px;font-weight:700;line-height:1.6;margin:32px 0 20px}a{color:#245c73;text-underline-offset:4px}button,summary{font-family:inherit}small,.article-meta,.card-meta,.reading-time{color:#526171!important}
.site-header{position:static;background:#fff;padding:20px 0;margin:0 0 30px;border-bottom:2px solid #dce3e8;gap:16px;align-items:center}.ui-nav{gap:16px;flex-wrap:nowrap}.site-brand{font-size:21px!important;color:#203e4c!important;white-space:nowrap;letter-spacing:.06em}.site-brand span{font-size:11px;color:#526171;margin-top:5px;letter-spacing:.02em}.main-nav{gap:4px}.main-nav>a,.diagnosis-menu summary{font-size:13px;color:#425564!important;font-weight:700;padding:12px 10px;white-space:nowrap}.main-nav>a:hover,.diagnosis-menu summary:hover{background:#f0f5f7}.main-nav>a[aria-current],.diagnosis-menu[open] summary{background:#e9f2f5!important;color:#245c73!important}.header-home{background:#244f61;color:white;font-size:13px;border-radius:9px;padding:12px 14px;white-space:nowrap}.header-home:hover{background:#193b4a}.diagnosis-menu>div{border-radius:12px;z-index:30;box-shadow:0 12px 28px #233e4c22}.diagnosis-menu a:hover{background:#eef4f7}
.home-page h1{font-size:36px;margin:16px 0}.ui-eyebrow{color:#245c73;letter-spacing:.07em;margin-top:34px}.home-page .home-intro{font-size:16px;max-width:620px;line-height:1.95}.entertainment-label{background:#fcf8ee;border:1px solid #e5dbc0;color:#5e5134!important;font-size:13px!important;padding:14px 16px;line-height:1.8;border-radius:10px}.howto-strip{padding:18px 14px;background:#f3f6f8;border-radius:12px;gap:24px;margin:24px 0}.howto-strip span{background:#dcebf0;color:#245c73}.quiz-list-title{border-top:1px solid #dce3e8;padding-top:30px;margin-top:30px;font-size:23px}
.diagnosis-grid{gap:18px;margin:22px 0 28px}.diagnosis-card{border:1px solid #dce3e8;border-top:4px solid #809aa8;border-radius:14px;padding:24px;background:#fff;box-shadow:0 3px 10px #24404e04}.diagnosis-card.attribute{border-top-color:#ca785d}.diagnosis-card.mote{border-top-color:#b86d8c}.diagnosis-card.mental{border-top-color:#648d78}.diagnosis-card.communication{border-top-color:#777caf}.diagnosis-card.apostle{border-top-color:#b29458}.diagnosis-card.animal{border-top-color:#638e9b}.diagnosis-card h3{font-size:21px;margin:12px 0}.card-icon{display:inline-grid;place-items:center;background:#f2f5f7;border-radius:12px;width:48px;height:48px;font-size:26px}.card-result{background:#edf3f6;color:#425564;padding:5px 9px}.card-action{color:#245c73;border-color:#dce3e8;padding-top:16px}.diagnosis-card:hover{border-color:#809eae;box-shadow:0 5px 18px #24404e12}
.home-page .explanation{margin:36px 0 0;background:#f5f7f9;border:1px solid #dce3e8;border-radius:14px;padding:26px;text-align:left}.home-page .explanation h2{font-size:22px;margin:0 0 18px;border-bottom:1px solid #dce3e8;padding-bottom:14px;color:#203e4c}.home-page .explanation h3{font-size:18px;margin:26px 0 8px}.home-page .explanation li{padding:8px 0;line-height:1.9}.home-page .note{font-size:13px;color:#526171}
.reading-page main h2,.info-page>h2{font-size:23px;color:#203e4c!important;border-top:2px solid #dce3e8;border-bottom:1px solid #dce3e8;padding:18px 0 14px;margin:44px 0 20px;line-height:1.65}.reading-page main h3{font-size:18px;margin:28px 0 12px}.reading-page main h1{font-size:30px}.reader-start,.editorial-focus,.one-step,.policy-summary,.operator-profile{background:#eef4f7;border:1px solid #d6e3ea;border-radius:12px;padding:22px;margin:28px 0}.reader-start h2,.editorial-focus h2,.one-step h2,.operator-profile h2{border:0!important;padding:0!important;margin:0 0 14px!important;color:#245c73!important}.reader-start h3{margin:18px 0 8px!important}.article-answer{background:#f5f8fa;border-left:4px solid #3e768a;padding:16px 20px}.article-toc{border:1px solid #d6e3ea;background:#f5f8fa;padding:22px;gap:2px}.article-toc strong{color:#203e4c;padding-bottom:10px}.article-toc a{border-top:1px solid #e0e7eb;padding:12px 0;font-size:15px}.example-box{background:#f0f6f3;border:1px solid #d4e4db;border-left:4px solid #608b76;border-radius:10px;padding:22px}.example-box h3{margin-top:0!important}.reading-card{border:1px solid #dce3e8;border-radius:14px;padding:24px;margin:24px 0;background:white}.reading-card h2{border:0!important;padding:0!important;margin:12px 0!important}.reading-card .reader-tag{font-size:13px!important;color:#245c73!important;font-weight:700}.reading-page th{background:#edf3f6}.reading-page th,.reading-page td{border-color:#dce3e8;vertical-align:top}.reading-page li{padding:5px 0}.reading-page article>p{margin:20px 0}.related{border-top:2px solid #dce3e8}
.quiz-steps{gap:8px;margin:28px 0}.quiz-steps li{background:#f0f3f6;padding:12px 6px;color:#526171}.quiz-steps [aria-current]{background:#dfedf2;color:#245c73}.quiz-meta{color:#245c73}.intro-details{background:#f8fafb;border-color:#dce3e8;padding:18px}.intro-details>summary{color:#245c73}.result-section,.extra .result-section{background:#f6f8fa;border:1px solid #dce3e8;border-radius:14px;margin:24px 0;padding:24px;text-align:left}.result-section h3,.extra .result-section h3{margin:0 0 14px;color:#245c73;border-bottom:1px solid #dce3e8;padding-bottom:12px}.result-section p{margin:0;line-height:1.95}.share-section{border:1px solid #d6e3ea;background:#edf4f7;padding:24px;border-radius:14px}.share-section h3{margin-top:0;color:#203e4c}button,#quiz-begin,#mote-begin,#start-screen>button,.result-next{background:#285c70;color:white}.extra #quiz-options button,#options button,#mote-options button{background:#f5f8fa;border:1px solid #cbdbe3;color:#263f4c;font-size:16px;line-height:1.8}.extra #quiz-options button:hover,#options button:hover,#mote-options button:hover{background:#e6f0f4}.extra #quiz-options .option-label{background:#285c70}.extra #quiz-options button.selected{outline-color:#285c70}.share-section button[id*="copy"],#restart-button,#quiz-retry,#mote-retry,#back-button,#quiz-back,#mote-back{color:#285c70!important;background:#fff!important;border:1px solid #bdd0d9!important}.ui-footer{border-top:2px solid #dce3e8;padding:24px 0 0;margin-top:40px;gap:8px 16px}.ui-footer a{color:#425564;font-size:13px}.profile-icon{background:#dbeaf0;color:#245c73}.contact-button{background:#285c70}
@media(max-width:720px){body{padding:12px 8px}.container{padding:0 20px 24px;border-radius:15px}.site-header{gap:10px;padding:16px 0;margin-bottom:24px;align-items:flex-start}.ui-nav{flex-direction:column;align-items:stretch;gap:12px}.site-brand{font-size:20px!important;min-height:40px!important}.main-nav{justify-content:flex-start;flex-wrap:wrap;gap:3px}.main-nav>a,.diagnosis-menu summary{font-size:12px;padding:10px 8px}.header-home{font-size:12px;padding:12px 10px}.diagnosis-menu>div{left:0;right:auto;max-width:calc(100vw - 60px)}.home-page h1{font-size:28px}.home-page .home-intro{font-size:15px}.howto-strip{gap:9px;padding:14px 8px;font-size:11px}.diagnosis-grid{grid-template-columns:1fr;gap:14px}.diagnosis-card{padding:22px}.home-page .explanation{padding:20px}.reading-page main h1{font-size:26px}.reading-page main h2,.info-page>h2{font-size:21px;padding:16px 0 12px;margin-top:34px}.reading-page main p,.reading-page main li{font-size:16px;line-height:1.95}.reader-start,.editorial-focus,.one-step,.example-box,.reading-card,.policy-summary,.operator-profile{padding:18px}.article-toc{padding:18px}.result-section,.extra .result-section,.share-section{padding:20px}.quiz-steps li{font-size:11px}.ui-footer{justify-content:flex-start}.operator-profile{flex-direction:column}body[data-phase="question"] .site-header{align-items:center}.site-header .site-brand span{line-height:1.6}}
.site-header .ui-nav{border-bottom:0;padding-bottom:0}.reading-page table th:first-child{width:18%}.reading-page table th:nth-child(2){width:20%}.reading-page table th:nth-child(3){width:32%}.reading-page table th:nth-child(4){width:30%}