*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f6f8;--surface: #ffffff;--border: #e2e5ea;--text: #1a1d23;--text-muted: #5f6672;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #eff4ff;--green: #16a34a;--green-bg: #dcfce7;--yellow: #ca8a04;--yellow-bg: #fef3c7;--red: #dc2626;--red-bg: #fee2e2;--neutral: #6c757d;--mixed: #7c3aed;--mixed-bg: #ede9fe;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--max-width: 960px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);width:100%;margin:0 auto;padding:.6rem 1rem}.brand{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;flex-shrink:0;font-weight:700;font-size:1.05rem;color:var(--text);letter-spacing:-.02em}.brand-icon{height:28px;width:auto}nav{display:flex;align-items:center;gap:.15rem}nav>a,.dropdown-toggle{color:var(--text-muted);text-decoration:none;font-size:.88rem;padding:.4rem .65rem;border-radius:var(--radius-sm);transition:color .15s,background .15s;white-space:nowrap}nav>a:hover,.dropdown-toggle:hover{color:var(--accent);background:var(--accent-light)}nav>a.active{color:var(--accent);font-weight:600}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:.3rem}.dropdown-toggle:after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;display:inline-block}.dropdown-menu{display:none!important;position:absolute;top:100%;left:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.35rem 0;z-index:100}.dropdown:hover>.dropdown-menu,.dropdown.open>.dropdown-menu{display:block!important}.dropdown-menu a{display:block;padding:.55rem 1rem;color:var(--text);text-decoration:none;font-size:.88rem;transition:background .1s}.dropdown-menu a:hover{background:var(--accent-light);color:var(--accent)}.menu-toggle{display:none;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .6rem;font-size:1.3rem;cursor:pointer;color:var(--text);line-height:1}.hero{background:linear-gradient(135deg,var(--accent-light) 0%,var(--surface) 100%);border-bottom:1px solid var(--border);padding:2.5rem 1rem 2rem;text-align:center}.hero-inner{display:flex;align-items:center;justify-content:center;gap:1.75rem;max-width:var(--max-width);margin:0 auto}.hero-logo{height:120px;width:auto;flex-shrink:0}.hero-inner .hero-text{text-align:left}.hero h1{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:.35rem}.hero .subtitle{color:var(--text-muted);font-size:1.05rem;max-width:640px;margin:0 auto}.hero-inner .subtitle{margin:0;max-width:520px}main{max-width:var(--max-width);width:100%;margin:0 auto;padding:1.5rem 1rem 3rem;flex:1}.tool-panel{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2rem;margin-bottom:2.5rem}.tool-copy{margin-bottom:1.5rem;color:var(--text-muted);font-size:.95rem}.input-section{margin-bottom:1.5rem}.input-section label,.audience-section label{display:block;font-weight:600;font-size:.8rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}textarea{width:100%;min-height:200px;padding:1rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;line-height:1.75;resize:vertical;transition:border-color .15s,box-shadow .15s;background:var(--bg)}textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.input-meta{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.6rem;font-size:.82rem;color:var(--text-muted)}.text-warning{margin-top:.75rem;color:var(--red);font-size:.88rem}.hidden{display:none}.audience-section{margin-bottom:1.5rem}.audience-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.audience-btn{padding:.45rem .85rem;border:2px solid var(--border);border-radius:100px;background:var(--surface);font-size:.85rem;cursor:pointer;transition:all .15s;color:var(--text);font-family:inherit}.audience-btn:hover{border-color:var(--accent);color:var(--accent)}.audience-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}#analyze-btn{display:block;width:100%;padding:.85rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s;font-family:inherit}#analyze-btn:hover{background:var(--accent-hover)}.results-section{margin-top:1.5rem}.results-section h2{font-size:1.15rem;margin-bottom:.75rem}.scores-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-bottom:1rem}.score-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem .5rem;text-align:center;display:flex;flex-direction:column;gap:.2rem}.score-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.score-value{font-size:1.5rem;font-weight:700}.score-card{position:relative}.info-icon{font-size:.65rem;color:var(--accent);cursor:help;vertical-align:super;opacity:.7;transition:opacity .15s}.score-card:hover .info-icon{opacity:1}.score-tooltip{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);width:260px;background:var(--text);color:#fff;font-size:.78rem;line-height:1.5;padding:.75rem .85rem;border-radius:var(--radius-sm);box-shadow:0 8px 24px #0003;z-index:50;margin-top:.4rem;text-align:left}.score-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--text)}.score-card:hover .score-tooltip,.score-card.tooltip-open .score-tooltip{display:block}.score-tooltip strong{display:block;margin-bottom:.3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#93c5fd}.score-tooltip a{display:inline-block;margin-top:.4rem;color:#93c5fd;text-decoration:none;font-size:.72rem}.score-tooltip a:hover{text-decoration:underline}.score-card.tier-below .score-value{color:var(--yellow)}.score-card.tier-in-range .score-value{color:var(--green)}.score-card.tier-above .score-value{color:var(--red)}.score-card.tier-neutral .score-value{color:var(--text)}.score-card.tier-mixed .score-value{color:var(--mixed)}.score-context{font-size:.6rem;color:var(--text-muted);line-height:1.3;margin-top:.1rem}.score-card.primary-card{border-left:3px solid var(--accent)}.score-card.secondary-card{border-left:3px solid var(--text-muted)}.score-card.primary-card:before,.score-card.secondary-card:before{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:.15rem}.score-card.primary-card:before{content:"Primary";color:var(--accent)}.score-card.secondary-card:before{content:"Secondary";color:var(--text-muted)}.formulas-link{font-size:.82rem;color:var(--text-muted);margin-bottom:.75rem}.formulas-link a{color:var(--accent);text-decoration:none}.formulas-link a:hover{text-decoration:underline}.stats-row{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem}.interpretation{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.15rem 1.25rem;line-height:1.75;font-size:.93rem}.interpretation .tier-label{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .55rem;border-radius:100px;margin-bottom:.4rem}.tier-label.below{background:var(--yellow-bg);color:#92400e}.tier-label.in-range{background:var(--green-bg);color:#166534}.tier-label.above{background:var(--red-bg);color:#991b1b}.tier-label.neutral{background:#f3f4f6;color:#374151}.tier-label.mixed{background:var(--mixed-bg);color:#5b21b6}.interpretation.no-tier-color .tier-label{background:#f3f4f6;color:#374151}.para-breakdown{margin-top:1.5rem}.para-breakdown.hidden{display:none}.para-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem 1rem;font-family:inherit;font-size:.88rem;color:var(--text-muted);cursor:pointer;width:100%;text-align:left;transition:color .15s,border-color .15s}.para-toggle:hover{color:var(--accent);border-color:var(--accent)}.para-toggle:before{content:"▸";font-size:.75rem;transition:transform .15s}.para-toggle.expanded:before{transform:rotate(90deg)}.para-summary{font-size:.88rem;color:var(--text-muted);margin:.75rem 0;line-height:1.6}.para-list{display:flex;flex-direction:column;gap:.4rem}.para-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s}.para-row:hover{border-color:var(--accent)}.para-row.expanded{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.para-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.para-dot.tier-in-range{background:var(--green)}.para-dot.tier-below{background:var(--yellow)}.para-dot.tier-above{background:var(--red)}.para-dot.tier-mixed{background:var(--mixed)}.para-dot.tier-neutral{background:var(--neutral)}.para-info{flex:1;min-width:0}.para-heading{font-size:.8rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.para-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--red-bg);color:#991b1b;padding:.1rem .4rem;border-radius:100px;white-space:nowrap}.para-preview{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem}.para-score{font-size:.88rem;font-weight:700;white-space:nowrap;flex-shrink:0}.para-detail{display:none;border:1px solid var(--accent);border-top:none;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);padding:.75rem .85rem;background:var(--surface);margin-bottom:.25rem}.para-detail.open{display:block}.para-detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.para-detail-card{text-align:center;padding:.4rem .25rem;background:var(--bg);border-radius:var(--radius-sm)}.para-detail-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);display:block}.para-detail-value{font-size:1rem;font-weight:700;display:block;margin-top:.1rem}.para-detail-note{font-size:.6rem;color:var(--text-muted);display:block;margin-top:.1rem;font-style:italic}.para-no-breaks{font-size:.88rem;color:var(--text-muted);font-style:italic;padding:.75rem 0}@media(max-width:640px){.para-detail-grid{grid-template-columns:repeat(2,1fr)}}.guides-section{margin-bottom:2.5rem}.section-header{margin-bottom:1rem}.section-header h2{font-size:1.35rem;margin-bottom:.25rem}.section-header p{color:var(--text-muted);font-size:.93rem}.guide-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.guide-card{display:block;padding:1.15rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s,border-color .15s}.guide-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.guide-card h3{margin-bottom:.35rem;font-size:1rem}.guide-card p{color:var(--text-muted);font-size:.88rem;line-height:1.5}.faq-section{margin-bottom:2.5rem}.faq-section h2{font-size:1.35rem;margin-bottom:1rem}.faq-item{border-bottom:1px solid var(--border);padding:1rem 0}.faq-item:first-of-type{border-top:1px solid var(--border)}.faq-item h3{font-size:1rem;font-weight:600;margin-bottom:.4rem}.faq-item p{color:var(--text-muted);font-size:.93rem;line-height:1.65}.article-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;margin-bottom:2rem}.article-content h2{font-size:1.35rem;margin-top:0;margin-bottom:.75rem}.article-content h3{font-size:1.1rem;margin-top:1.75rem;margin-bottom:.5rem}.article-content p{margin-bottom:.85rem;line-height:1.7;font-size:.95rem}.article-content ul,.article-content ol{margin-bottom:.85rem;padding-left:1.5rem}.article-content li{margin-bottom:.4rem;line-height:1.6;font-size:.95rem}.article-content pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;overflow-x:auto;font-size:.85rem;margin-bottom:.85rem;line-height:1.5}.article-content a{color:var(--accent);text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content em{color:var(--text-muted)}footer{border-top:1px solid var(--border);text-align:center;padding:1.5rem 1rem;margin-top:auto;font-size:.82rem;color:var(--text-muted)}.footer-links{margin-top:.5rem;display:flex;justify-content:center;gap:1.25rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.82rem}.footer-links a:hover{color:var(--accent)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--text);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1.25rem;font-size:.88rem;z-index:9999;box-shadow:0 -4px 20px #00000026}.cookie-banner p{margin:0;max-width:600px;line-height:1.5}.cookie-banner a{color:#93c5fd}.cookie-banner button{background:var(--accent);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit}.cookie-banner button:hover{background:var(--accent-hover)}.cookie-banner.dismissed{display:none}@media(max-width:840px){.scores-grid{grid-template-columns:repeat(3,1fr)}.guide-cards{grid-template-columns:1fr}}@media(max-width:640px){.hero-inner{flex-direction:column;text-align:center}.hero-text{text-align:center}.hero-logo{height:100px}.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;right:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.5rem 0;flex-direction:column;min-width:200px;z-index:200}nav.open{display:flex}.topbar{position:relative}nav>a,.dropdown-toggle{padding:.6rem 1rem;width:100%;text-align:left}.dropdown{width:100%}.dropdown-menu{position:static;box-shadow:none;border:none;padding:0}.dropdown-menu a{padding-left:2rem}.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{display:block}.scores-grid{grid-template-columns:repeat(2,1fr)}.audience-buttons{flex-direction:column}.audience-btn{width:100%;text-align:center}.tool-panel,.article-content{padding:1.25rem}.hero{padding:1.75rem 1rem 1.5rem}.cookie-banner{flex-direction:column;text-align:center;gap:.75rem}}