:root{--color-bg: #f4f4f2;--color-surface: #ffffff;--color-text: #24292e;--color-text-muted: #59636b;--color-primary: #175e6b;--color-primary-dark: #114a54;--color-border: #d9d9d4;--radius: 4px;--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, system-ui, sans-serif}*{box-sizing:border-box}html{font-family:var(--font-sans);font-size:16px;line-height:1.9;color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column}img,svg{max-width:100%;height:auto}a{color:var(--color-primary)}h1,h2,h3{font-weight:700;line-height:1.5}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header-inner{max-width:860px;margin:0 auto;padding:.7rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.site-logo{font-weight:700;font-size:1.05rem;color:var(--color-text);text-decoration:none}.site-nav{display:flex;gap:1.1rem;font-size:.9rem}.site-nav a{color:var(--color-text-muted);text-decoration:none}.site-nav a:hover{color:var(--color-primary);text-decoration:underline}main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:1.5rem 1rem 3.5rem}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.83rem}.site-footer-inner{max-width:860px;margin:0 auto;padding:1.4rem 1rem}.site-footer a{color:var(--color-primary)}.footer-disclaimer{margin-top:0}.btn{display:inline-block;padding:.7rem 1.5rem;border-radius:var(--radius);border:1px solid transparent;font-size:1rem;font-weight:500;font-family:inherit;line-height:1.6;text-decoration:none;text-align:center;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background:#eef4f5}.btn-x{background:#24292e;color:#fff}.btn-booth{background:var(--color-primary);color:#fff;width:100%}.btn-booth:hover{background:var(--color-primary-dark)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.disclaimer-box{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius);padding:.9rem 1.1rem;font-size:.88rem;color:var(--color-text-muted)}.hero{text-align:center;padding:2.4rem 0 1.2rem;border-bottom:1px solid var(--color-border);margin-bottom:1.8rem}.hero h1{font-size:1.9rem;font-weight:500;margin:0 0 1rem}.hero p{color:var(--color-text);margin:0 auto .8rem;max-width:40em;text-align:left}@media(min-width:640px){.hero p{text-align:center}}.quiz-cards{display:grid;gap:1rem;margin:1.8rem 0}@media(min-width:640px){.quiz-cards{grid-template-columns:1fr 1fr}}.quiz-card-link{display:block;text-decoration:none;color:inherit}.quiz-card-link:hover{border-color:var(--color-primary)}.quiz-card-link h2{margin:0 0 .2rem;font-size:1.2rem;color:var(--color-primary)}.quiz-card-meta{color:var(--color-text-muted);font-size:.88rem;margin:0 0 .6rem}.quiz-card-link p:last-child{margin-bottom:0;font-size:.95rem}.section-heading{font-size:1.25rem;margin:2.4rem 0 1rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border)}.quiz-intro h1{font-size:1.5rem;font-weight:500;margin:0 0 .4rem;text-align:center}.quiz-intro-lead{text-align:center;color:var(--color-text-muted);font-size:.92rem;margin:0 0 1.2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--color-border)}.quiz-intro p{margin:0 0 1rem}.quiz-intro-notes{font-size:.88rem;color:var(--color-text-muted);padding-left:1.3rem;margin:1rem 0}.quiz-intro-notes li{margin-bottom:.3rem}.quiz-intro-start{text-align:center;margin-top:1.4rem}.quiz-intro-start .btn{width:100%;max-width:420px;font-size:1.05rem}.quiz-progress{margin-bottom:1rem}.quiz-progress-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.quiz-progress-text{font-size:.85rem;color:var(--color-text-muted);margin:.4rem 0 0;text-align:right}.quiz-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.quiz-domain{font-size:.8rem;color:var(--color-text-muted);margin:0 0 .3rem}.quiz-question{font-size:1.1rem;font-weight:500;margin:0 0 1.2rem;line-height:1.7}.quiz-figure{max-width:320px;margin:0 auto 1.4rem}.quiz-choices{display:grid;gap:.6rem}.quiz-choice{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.8rem 1rem;font-size:1rem;font-family:inherit;line-height:1.7;color:var(--color-text);cursor:pointer}.quiz-choice:hover{border-color:var(--color-primary);background:#f4f8f9}.quiz-choice.is-selected{border-color:var(--color-primary);background:#e7eff1}.quiz-choice-marker{flex:none;width:1.7rem;height:1.7rem;border-radius:50%;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.85rem;color:var(--color-text-muted)}.quiz-choice-svg{width:60px;flex:none}.quiz-result{display:grid;gap:1rem}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.6rem;text-align:center}.result-heading{font-size:.85rem;letter-spacing:.2em;color:var(--color-text-muted);margin:0}.result-stars{color:var(--color-primary);font-size:1.3rem;letter-spacing:.2em;margin:.5rem 0 0}.result-label{font-size:1.8rem;font-weight:700;margin:.2rem 0 1rem}.result-deviation{display:flex;flex-direction:column;align-items:center;gap:0;padding:.8rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);max-width:320px;margin:0 auto .8rem}.result-deviation-caption{font-size:.85rem;color:var(--color-text-muted)}.result-deviation-value{font-size:2.8rem;font-weight:700;color:var(--color-primary);line-height:1.2}.result-score{color:var(--color-text-muted);font-size:.9rem}.result-comment{font-size:1rem}.result-domains{margin:1rem auto 0;border-collapse:collapse;font-size:.9rem}.result-domains th,.result-domains td{border:1px solid var(--color-border);padding:.4rem 1.4rem}.result-domains th{background:var(--color-bg);font-weight:500}.result-disclaimer{font-size:.78rem;color:var(--color-text-muted);margin-top:1.2rem;margin-bottom:0}.result-subheading{margin:0 0 1rem;font-size:1.1rem}.share-image{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1rem}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.booth-text{text-align:left;font-size:.95rem}.booth-note{font-size:.78rem;color:var(--color-text-muted);margin:.8rem 0 0}.result-nav{display:grid;gap:.6rem}@media(min-width:640px){.result-nav{grid-template-columns:1fr 1fr}}.article-list{display:grid;gap:1rem;padding:0;list-style:none}.article-list-item a{display:block;text-decoration:none;color:inherit}.article-list-item h2,.article-list-item h3{margin:0 0 .3rem;font-size:1.1rem;color:var(--color-primary)}.article-list-item a:hover h2,.article-list-item a:hover h3{text-decoration:underline}.article-list-item p{margin:0;color:var(--color-text-muted);font-size:.9rem}.article-date{font-size:.8rem;color:var(--color-text-muted)}.article-body{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.6rem}.article-body h1{font-size:1.5rem}.article-body h2{font-size:1.2rem;margin-top:2.2rem;padding-bottom:.3rem;border-bottom:1px solid var(--color-border)}.article-cta{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--color-border);text-align:center}.article-cta .btn{width:100%;max-width:420px}.prose h1{font-size:1.5rem}.prose h2{font-size:1.15rem;margin-top:2.2rem;padding-bottom:.3rem;border-bottom:1px solid var(--color-border)}