:root{--clr-bg:#f8f9fb;--clr-surface:#ffffff;--clr-surface-alt:#f3f4f6;--clr-border:#e2e5ea;--clr-border-light:#eef0f3;--clr-text:#1a1d23;--clr-text-secondary:#5f6672;--clr-text-muted:#6e7383;--clr-primary:#3b5cff;--clr-primary-hover:#2b4ae0;--clr-primary-light:#eef1ff;--clr-success:#15803d;--clr-success-bg:#dcfce7;--clr-error:#dc2626;--clr-error-bg:#fef2f2;--clr-warning:#d97706;--clr-warning-bg:#fffbeb;--clr-info:#2563eb;--clr-info-bg:#eff6ff;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 8px rgba(0,0,0,.08);--shadow-lg:0 4px 16px rgba(0,0,0,.1);--transition:150ms ease}html.dark{--clr-bg:#111217;--clr-surface:#1a1c24;--clr-surface-alt:#22252e;--clr-border:#2e3140;--clr-border-light:#262937;--clr-text:#e4e6eb;--clr-text-secondary:#a0a4b0;--clr-text-muted:#6b7080;--clr-primary:#5b7aff;--clr-primary-hover:#7b94ff;--clr-primary-light:#1e2340;--clr-success:#22c55e;--clr-success-bg:#14291e;--clr-error:#ef4444;--clr-error-bg:#2c1518;--clr-warning:#f59e0b;--clr-warning-bg:#2c2012;--clr-info:#60a5fa;--clr-info-bg:#162033;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 2px 8px rgba(0,0,0,.3);--shadow-lg:0 4px 16px rgba(0,0,0,.4);color-scheme:dark}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.55;color:var(--clr-text);background:var(--clr-bg);-webkit-font-smoothing:antialiased}.app-container{max-width:1200px;margin:0 auto;padding:1.5rem 2rem 3rem}.app-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.25rem}.app-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--clr-text)}.app-header .badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:10px;background:var(--clr-primary-light);color:var(--clr-primary)}.app-subtitle{color:var(--clr-text-secondary);font-size:.9rem;margin-bottom:1.25rem}.beta-inline{color:var(--clr-warning);font-weight:600}.notice-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .85rem;margin-bottom:1.25rem;background:var(--clr-warning-bg);border:1px solid #fcd34d;border-radius:var(--radius-md);font-size:.82rem;color:#92400e;line-height:1.5}.notice-banner strong{color:#78350f}.privacy-info{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;margin-bottom:1.25rem;background:var(--clr-surface-alt);border:1px solid var(--clr-border);border-radius:var(--radius-md);font-size:.78rem;color:var(--clr-text-secondary);line-height:1.45}.privacy-info-icon{flex-shrink:0;font-size:.9rem}.privacy-info-dismiss{flex-shrink:0;margin-left:auto;background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--clr-text-muted);padding:0 .25rem;line-height:1}.privacy-info-dismiss:hover{color:var(--clr-text)}.stepper-bar{justify-content:center;gap:0;margin-bottom:.75rem;padding:.35rem 0}.stepper-bar,.stepper-step{display:flex;align-items:center}.stepper-step{gap:.35rem;background:none;border:none;cursor:default;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background var(--transition);font-family:inherit;font-size:.8rem;color:var(--clr-text-muted)}.stepper-step-completed{cursor:pointer;color:var(--clr-success)}.stepper-step-completed:hover{background:var(--clr-surface-alt)}.stepper-step-active{color:var(--clr-primary);font-weight:600}.stepper-step-pending{color:var(--clr-text-muted);opacity:.5}.stepper-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.72rem;font-weight:600;flex-shrink:0;transition:background var(--transition),color var(--transition),border-color var(--transition)}.stepper-step-active .stepper-circle{background:var(--clr-primary);color:#fff}.stepper-step-completed .stepper-circle{background:var(--clr-success-bg);color:var(--clr-success);border:1.5px solid var(--clr-success)}.stepper-step-pending .stepper-circle{background:var(--clr-surface-alt);color:var(--clr-text-muted);border:1.5px dashed var(--clr-border)}.stepper-label{white-space:nowrap}.stepper-connector{flex:0 0 32px;height:1.5px;background:var(--clr-border);border-radius:1px;transition:background var(--transition)}.stepper-connector-active{background:var(--clr-success)}.step2-toolbar{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);margin-bottom:.75rem}.step2-toolbar-file{display:flex;align-items:center;gap:.35rem;cursor:pointer;padding:.2rem .4rem;border-radius:var(--radius-sm);transition:background var(--transition);flex-shrink:0;min-width:0}.step2-toolbar-file:hover{background:var(--clr-surface-alt)}.step2-file-icon{font-size:.9rem;line-height:1}.step2-file-name{font-size:.82rem;font-weight:500;color:var(--clr-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;text-decoration:underline;-webkit-text-decoration-color:var(--clr-border);text-decoration-color:var(--clr-border);text-underline-offset:2px}.step2-toolbar-file:hover .step2-file-name{color:var(--clr-primary);-webkit-text-decoration-color:var(--clr-primary);text-decoration-color:var(--clr-primary)}.step2-stats{display:flex;align-items:center;gap:.35rem;flex:1 1;min-width:0}.stat-chip{font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:10px;white-space:nowrap}.stat-chip.stat-error{background:var(--clr-error-bg);color:var(--clr-error)}.stat-chip.stat-warning{background:var(--clr-warning-bg);color:var(--clr-warning)}.stat-chip.stat-info{background:var(--clr-info-bg);color:var(--clr-info)}.stat-chip.stat-fix{background:var(--clr-primary-light);color:var(--clr-primary)}.step2-toolbar-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0;margin-left:auto}.step2-toolbar-actions .btn{font-size:.82rem;padding:.35rem .85rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text-secondary);cursor:pointer;transition:all var(--transition)}.btn-icon:hover{background:var(--clr-surface-alt);color:var(--clr-primary);border-color:var(--clr-primary)}.btn-icon svg{display:block}.generate-cta{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.5rem 2rem;background:linear-gradient(135deg,var(--clr-primary-light) 0,var(--clr-surface) 50%,var(--clr-success-bg,#e8f5e9) 100%);border:2px solid var(--clr-primary);border-radius:var(--radius-lg,12px);margin-bottom:1rem}.generate-cta-icon{font-size:2.5rem;margin-bottom:.5rem;line-height:1}.generate-cta-title{font-size:1.35rem;font-weight:700;margin:0 0 .5rem;color:var(--clr-text)}.generate-cta-desc{font-size:.95rem;color:var(--clr-text-secondary);margin:0 0 1.25rem;max-width:500px;line-height:1.5}.btn-xl{padding:.9rem 2.5rem;font-size:1.15rem;font-weight:600;border-radius:var(--radius-md)}.generate-cta-btn{box-shadow:0 4px 14px rgba(0,0,0,.15);transition:transform .15s ease,box-shadow .15s ease}.generate-cta-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.generate-cta-settings{margin-top:.75rem;display:inline-flex;align-items:center;gap:.35rem}.generate-cta-settings-label{font-size:.8rem;color:var(--clr-text-muted)}.scan-summary{margin-top:1.25rem;width:100%;max-width:550px}.scan-summary-toggle{cursor:pointer;font-size:.85rem;color:var(--clr-text-secondary);padding:.4rem 0;list-style:none}.scan-summary-toggle::-webkit-details-marker{display:none}.scan-summary-toggle:before{content:"\25B6";display:inline-block;margin-right:.4rem;font-size:.65rem;transition:transform .15s ease;vertical-align:middle}.scan-summary[open]>.scan-summary-toggle:before{transform:rotate(90deg)}.scan-summary-body{margin-top:.75rem;text-align:left}.scan-summary-stats{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;justify-content:center}.scan-summary-rules{display:flex;flex-direction:column;gap:.3rem}.scan-summary-rule{display:flex;justify-content:space-between;align-items:center;padding:.3rem .6rem;background:var(--clr-surface);border-radius:var(--radius-sm);font-size:.82rem}.scan-summary-rule-name{color:var(--clr-text)}.scan-summary-rule-count{color:var(--clr-text-muted);font-size:.78rem}.step-cta{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 0}.prompt-modal{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:540px;box-shadow:var(--shadow-lg)}.prompt-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.prompt-modal-header h2{font-size:1.1rem;font-weight:700;color:var(--clr-text);margin:0}.prompt-modal-desc{font-size:.88rem;color:var(--clr-text-secondary);margin:0 0 .75rem}.prompt-modal-actions{display:flex;justify-content:flex-end;margin-top:.75rem}.step-success{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;text-align:center}.step-success-icon{width:64px;height:64px;border-radius:50%;background:var(--clr-success-bg);color:var(--clr-success);font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.step-success-title{font-size:1.35rem;font-weight:700;color:var(--clr-text);margin-bottom:.5rem}.step-success-desc{font-size:.9rem;color:var(--clr-text-secondary);margin-bottom:1.5rem;max-width:420px}.step-success-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.score-section{margin-bottom:1.5rem;width:100%;max-width:480px;text-align:center}.score-heading{font-size:1rem;font-weight:600;color:var(--clr-text);margin-bottom:1rem}.score-comparison{justify-content:center;gap:1.25rem}.score-card,.score-comparison{display:flex;align-items:center}.score-card{flex-direction:column;padding:1rem 1.5rem;border-radius:10px;border:1px solid var(--clr-border);background:var(--clr-surface);min-width:100px}.score-label{font-size:.75rem;font-weight:500;color:var(--clr-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.score-value{font-size:2rem;font-weight:700;line-height:1.1}.score-low{color:var(--clr-error)}.score-mid{color:var(--clr-warning)}.score-high{color:var(--clr-success)}.score-arrow{font-size:1.5rem;color:var(--clr-text-secondary)}.score-explanation{font-size:.78rem;color:var(--clr-text-secondary);margin-top:.75rem}.score-max-note{font-size:.75rem;color:var(--clr-warning);margin-top:.35rem;font-style:italic}.remaining-issues{margin-top:1rem;width:100%;text-align:left}.remaining-toggle{background:none;border:none;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--clr-text-secondary);padding:.5rem 0;display:flex;align-items:center;gap:.4rem;width:100%}.remaining-toggle:hover{color:var(--clr-text)}.remaining-toggle-icon{font-size:.65rem}.remaining-list{margin-top:.5rem;border:1px solid var(--clr-border);border-radius:8px;padding:.75rem 1rem;background:var(--clr-surface);max-height:300px;overflow-y:auto}.remaining-rule{margin-bottom:.75rem}.remaining-rule:last-child{margin-bottom:0}.remaining-rule-name{font-size:.82rem;font-weight:600;color:var(--clr-text);margin-bottom:.3rem}.remaining-violations{list-style:none;padding:0;margin:0}.remaining-violation{display:flex;align-items:baseline;gap:.4rem;font-size:.78rem;color:var(--clr-text-secondary);padding:.2rem 0}.remaining-location{font-weight:500;color:var(--clr-text);white-space:nowrap;flex-shrink:0}.remaining-location:after{content:" \2014 "}.remaining-message{flex:1 1}.remaining-manual-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--clr-warning);border:1px solid var(--clr-warning);border-radius:3px;padding:.05rem .3rem;flex-shrink:0}.feedback-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--clr-border);width:100%;max-width:420px;text-align:center}.feedback-title{font-size:1rem;font-weight:600;color:var(--clr-text);margin-bottom:.75rem}.feedback-stars{display:flex;justify-content:center;gap:.5rem;margin-bottom:.75rem}.feedback-star{background:none;border:none;font-size:1.75rem;color:var(--clr-border);cursor:pointer;padding:0;line-height:1;transition:color .15s,transform .15s}.feedback-star-active,.feedback-star:hover{color:#f59e0b;transform:scale(1.15)}.feedback-text{width:100%;padding:.5rem .65rem;border:1px solid var(--clr-border);border-radius:6px;background:var(--clr-surface);color:var(--clr-text);font-size:.85rem;resize:vertical;margin-bottom:.75rem}.feedback-text::placeholder{color:var(--clr-text-secondary)}.feedback-thanks{font-size:.95rem;color:var(--clr-success);font-weight:600}.ai-prompt-details{margin-bottom:1rem}.ai-prompt-summary{cursor:pointer;font-size:.85rem;font-weight:500;color:var(--clr-text-secondary);padding:.5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-prompt-summary:hover{color:var(--clr-text)}.slide-viewer-image-wrapper{position:relative;display:inline-block;width:100%}.slide-viewer-image-wrapper img{display:block;width:100%;transition:opacity .2s ease}.slide-viewer-image-wrapper img.slide-img-loading{opacity:.5}.slide-spinner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.35);border-radius:var(--radius-md);z-index:2}html.dark .slide-spinner-overlay{background:rgba(0,0,0,.35)}.slide-spinner{width:36px;height:36px;border:3px solid var(--clr-border);border-top-color:var(--clr-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.upload-zone-centered{max-width:500px;margin:1.5rem auto;padding:2.5rem 1.5rem}@media (max-width:700px){.stepper-bar{gap:0}.stepper-connector{flex:0 0 16px}.stepper-label{font-size:.7rem}.stepper-circle{width:20px;height:20px;font-size:.65rem}.step2-toolbar{flex-wrap:wrap;gap:.4rem}.step2-stats{flex-basis:100%;order:3}.step2-toolbar-actions{order:2}.step-success{padding:2rem 1rem}}.upload-zone{position:relative;border:2px dashed var(--clr-border);border-radius:var(--radius-lg);padding:1.75rem;text-align:center;background:var(--clr-surface);transition:border-color var(--transition),background var(--transition);cursor:pointer}.upload-zone.drag-over,.upload-zone:hover{border-color:var(--clr-primary);background:var(--clr-primary-light)}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{font-size:2rem;margin-bottom:.4rem;color:var(--clr-text-muted)}.upload-text{font-size:.9rem;color:var(--clr-text-secondary)}.upload-text strong{color:var(--clr-primary)}.upload-hint{font-size:.78rem;color:var(--clr-text-muted);margin-top:.2rem}.url-input-row{max-width:500px;margin:.75rem auto 0;text-align:center}.url-input-label{display:block;font-size:.82rem;color:var(--clr-text-muted);margin-bottom:.5rem}.url-input-group{display:flex;gap:.5rem}.url-input{flex:1 1;padding:.5rem .75rem;border:1px solid var(--clr-border);border-radius:var(--radius-md);font-size:.88rem;background:var(--clr-surface);color:var(--clr-text);outline:none;transition:border-color var(--transition)}.url-input:focus{border-color:var(--clr-primary)}.url-input::placeholder{color:var(--clr-text-muted)}.url-fetch-btn{white-space:nowrap}.file-card{justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:2px solid var(--clr-success);border-radius:var(--radius-lg);background:var(--clr-success-bg);transition:border-color var(--transition),background var(--transition)}.file-card,.file-card-info{display:flex;align-items:center}.file-card-info{gap:.75rem;min-width:0}.file-card-icon{font-size:1.75rem;flex-shrink:0;line-height:1}.file-card-details{display:flex;flex-direction:column;min-width:0}.file-card-name{font-size:.92rem;font-weight:600;color:var(--clr-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-meta{font-size:.78rem;color:var(--clr-text-secondary);margin-top:.1rem}.file-card-check{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--clr-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.file-card-change{flex-shrink:0;padding:.4rem .9rem;border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);color:var(--clr-text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}.file-card-change:hover{border-color:var(--clr-primary);color:var(--clr-primary);background:var(--clr-primary-light)}.btn-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.25rem 0}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);color:var(--clr-text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:hover:not(:disabled){background:var(--clr-surface-alt);border-color:#ccc}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary)}.btn-primary:hover:not(:disabled){background:var(--clr-primary-hover);border-color:var(--clr-primary-hover)}.btn-secondary{background:#0d9488;color:#fff;border-color:#0d9488}.btn-secondary:hover:not(:disabled){background:#0f766e;border-color:#0f766e}.btn-success{background:var(--clr-success);color:#fff;border-color:var(--clr-success)}.btn-success:hover:not(:disabled){background:#116932;border-color:#116932}.btn-sm{padding:.25rem .6rem;font-size:.78rem}.btn-xs{padding:.15rem .45rem;font-size:.72rem;border-radius:4px}.error-banner{background:var(--clr-error-bg);border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--clr-error);font-size:.85rem}.error-banner,.info-callout{padding:.6rem .85rem;margin-bottom:1rem}.info-callout{background:var(--clr-info-bg);border:1px solid #bfdbfe;border-radius:var(--radius-md);color:#1e40af;font-size:.82rem}.info-callout strong{font-weight:600}@keyframes progress-indeterminate{0%{background-position:0 0}to{background-position:200% 0}}.progress-container{margin-bottom:1rem;border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden;background:var(--clr-surface)}.progress-bar-track{height:4px;background:var(--clr-surface-alt)}.progress-bar-fill{height:100%;background:var(--clr-primary);transition:width .3s ease}.progress-bar-indeterminate{height:100%;background:linear-gradient(90deg,transparent 0,var(--clr-primary) 40%,var(--clr-primary) 60%,transparent 100%);background-size:50% 100%;animation:progress-indeterminate 1.5s linear infinite}.progress-text{padding:.5rem .85rem;font-size:.82rem}.progress-hint,.progress-text{color:var(--clr-text-secondary)}.progress-hint{opacity:.7;font-style:italic}.turnstile-wrapper{display:flex;justify-content:center;transform:scale(.85);transform-origin:center;opacity:.6;margin:-.25rem 0;transition:opacity .2s}.turnstile-wrapper:hover{opacity:1}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.6rem;gap:.6rem;margin-bottom:1rem}.stat-card{padding:.7rem .85rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);text-align:center}.stat-card .stat-value{font-size:1.4rem;font-weight:700;line-height:1.2}.stat-card .stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--clr-text-muted);font-weight:500}.stat-card.stat-error .stat-value{color:var(--clr-error)}.stat-card.stat-warning .stat-value{color:var(--clr-warning)}.stat-card.stat-passed .stat-value{color:var(--clr-success)}.stat-card.stat-info .stat-value{color:var(--clr-info)}.stat-card.stat-fix .stat-value{color:var(--clr-primary)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem}.toolbar-label{font-size:.78rem;font-weight:600;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.03em}.filter-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border:1px solid var(--clr-border);border-radius:20px;font-size:.78rem;font-weight:500;background:var(--clr-surface);color:var(--clr-text-secondary);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-pill:hover{border-color:#bbb}.filter-pill.active{background:var(--clr-text);color:#fff;border-color:var(--clr-text)}.filter-pill.active.pill-error{background:var(--clr-error);border-color:var(--clr-error)}.filter-pill.active.pill-warning{background:var(--clr-warning);border-color:var(--clr-warning)}.filter-pill.active.pill-info{background:var(--clr-info);border-color:var(--clr-info)}.filter-pill input{display:none}.toolbar-divider{width:1px;height:20px;background:var(--clr-border);margin:0 .15rem}.select-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.82rem;color:var(--clr-text-muted)}.rules-panel{border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--clr-surface);margin-bottom:1.25rem}.rule-header{width:100%;padding:.6rem .85rem;text-align:left;background:transparent;border:none;border-bottom:1px solid transparent;cursor:pointer;display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;color:var(--clr-text);transition:background var(--transition)}.rule-header.expanded,.rule-header:hover{background:var(--clr-surface-alt)}.rule-header.expanded{border-bottom-color:var(--clr-border-light)}.rule-body+.rule-header,.rule-header+.rule-header{border-top:1px solid var(--clr-border-light)}.rule-chevron{font-size:.6rem;color:var(--clr-text-muted);transition:transform var(--transition);flex-shrink:0;width:14px}.rule-chevron.open{transform:rotate(90deg)}.rule-status{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.7rem;font-weight:700;flex-shrink:0}.rule-status.pass{background:var(--clr-success-bg);color:var(--clr-success)}.rule-status.fail{background:var(--clr-error-bg);color:var(--clr-error)}.rule-name{flex:1 1}.rule-count{font-size:.75rem;font-weight:500;color:var(--clr-text-muted);background:var(--clr-surface-alt);padding:1px 8px;border-radius:10px;margin-left:auto}.rule-body{padding:.75rem .85rem;background:var(--clr-surface);border-bottom:1px solid var(--clr-border-light)}.rule-body-empty{color:var(--clr-text-muted);font-size:.82rem;font-style:italic}.rule-apply-hint{font-size:.8rem;color:var(--clr-text-secondary);padding:.35rem .6rem;background:var(--clr-surface-alt);border-radius:var(--radius-sm);margin-bottom:.6rem}.rule-group-actions{display:flex;gap:.4rem;margin-bottom:.6rem}.violations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:.6rem;gap:.6rem}.v-card{display:flex;gap:.6rem;padding:.6rem;border:1px solid var(--clr-border-light);border-radius:var(--radius-md);background:var(--clr-surface);transition:border-color var(--transition),box-shadow var(--transition);align-items:flex-start}.v-card:hover{border-color:var(--clr-border);box-shadow:var(--shadow-sm)}.v-card .v-check{flex-shrink:0;margin-top:2px}.v-card .v-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--clr-primary);cursor:pointer}.v-card .v-thumb{flex-shrink:0;width:64px;height:52px;border-radius:4px;border:1px solid var(--clr-border-light);background:var(--clr-surface-alt);overflow:hidden;display:flex;align-items:center;justify-content:center}.v-card .v-thumb img{max-width:100%;max-height:100%;object-fit:contain}.v-card .v-thumb-placeholder{font-size:.65rem;color:var(--clr-text-muted);text-align:center;line-height:1.3;padding:.2rem}.v-card .v-content{flex:1 1;min-width:0}.v-card .v-location{font-size:.72rem;font-weight:600;color:var(--clr-text-secondary);margin-bottom:.15rem}.v-card .v-message{font-size:.78rem;color:var(--clr-text);line-height:1.4}.v-card .v-current{font-size:.72rem;color:var(--clr-text-muted);margin-top:.15rem}.v-card .v-fix-hint{font-size:.72rem;color:var(--clr-primary);margin-top:.25rem;line-height:1.35}.v-card textarea{width:100%;margin-top:.35rem;padding:.35rem .5rem;font-size:.78rem;font-family:inherit;border:1px solid var(--clr-border);border-radius:4px;resize:vertical;transition:border-color var(--transition);line-height:1.4;min-height:2.5rem}.v-card textarea:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 2px rgba(59,92,255,.12)}.v-card .v-select{width:100%;margin-top:.35rem;padding:.4rem .5rem;font-size:.82rem;font-family:inherit;border:1px solid var(--clr-border);border-radius:4px;background:var(--clr-bg);color:var(--clr-text);cursor:pointer;transition:border-color var(--transition)}.v-card .v-select:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 2px rgba(59,92,255,.12)}.v-font-size-warning{margin-top:.35rem;font-size:.78rem;color:#b45309;line-height:1.35}.v-change-summary{display:flex;align-items:center;gap:.35rem;margin-top:.25rem;font-size:.72rem;line-height:1.3;flex-wrap:wrap}.v-change-old{color:var(--clr-error,#c0392b);text-decoration:line-through;opacity:.75}.v-change-arrow{color:var(--clr-text-muted);font-weight:600}.v-change-new{color:var(--clr-success,#27ae60);font-weight:500}.view-list{grid-template-columns:1fr}.view-list .v-card{flex-direction:row}.view-list .v-thumb{width:80px;height:64px}.view-grid-2{grid-template-columns:repeat(2,1fr)}.view-grid-2 .v-card{flex-direction:column}.view-grid-2 .v-thumb{width:100%;height:120px}@media (max-width:700px){.view-grid-2{grid-template-columns:1fr}}.view-grid-3{grid-template-columns:repeat(3,1fr)}.view-grid-3 .v-card{flex-direction:column}.view-grid-3 .v-thumb{width:100%;height:90px}@media (max-width:900px){.view-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.view-grid-3{grid-template-columns:1fr}}.view-toggle{display:inline-flex;gap:0;margin-left:auto;border:1px solid var(--clr-border);border-radius:var(--radius-sm);overflow:hidden}.view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;border:none;background:var(--clr-surface);color:var(--clr-text-muted);cursor:pointer;font-size:.85rem;transition:all var(--transition)}.view-toggle-btn:not(:last-child){border-right:1px solid var(--clr-border)}.view-toggle-btn:hover{background:var(--clr-surface-alt);color:var(--clr-text)}.view-toggle-btn.active{background:var(--clr-primary);color:#fff}.severity-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.severity-dot.sev-error{background:var(--clr-error)}.severity-dot.sev-warning{background:var(--clr-warning)}.severity-dot.sev-info{background:var(--clr-info)}.section-divider{border:none;border-top:1px solid var(--clr-border-light);margin:1.5rem 0}.faq-section h2{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--clr-text)}.faq-section details{border:1px solid var(--clr-border-light);border-radius:var(--radius-md);margin-bottom:.4rem;overflow:hidden;background:var(--clr-surface)}.faq-section summary{padding:.55rem .85rem;cursor:pointer;font-weight:500;font-size:.85rem;color:var(--clr-text);transition:background var(--transition)}.faq-section summary:hover{background:var(--clr-surface-alt)}.faq-section details[open] summary{border-bottom:1px solid var(--clr-border-light)}.faq-section details p{padding:.55rem .85rem;margin:0;font-size:.82rem;color:var(--clr-text-secondary);line-height:1.6}.faq-list{margin-top:1.5rem}.faq-item{border:1px solid var(--clr-border-light);border-radius:var(--radius-md);margin-bottom:.5rem;overflow:hidden;background:var(--clr-surface)}.faq-item summary{padding:.7rem 1rem;cursor:pointer;font-weight:500;font-size:.9rem;color:var(--clr-text);transition:background var(--transition)}.faq-item summary:hover{background:var(--clr-surface-alt)}.faq-item[open] summary{border-bottom:1px solid var(--clr-border-light)}.faq-item p{padding:.7rem 1rem;margin:0;font-size:.85rem;color:var(--clr-text-secondary);line-height:1.6}.type-subgroup{margin-bottom:.75rem}.type-subgroup:last-child{margin-bottom:0}.type-subgroup-header{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;margin-bottom:.5rem;background:var(--clr-surface-alt);border-radius:var(--radius-sm);font-size:.8rem;color:var(--clr-text-secondary)}.type-subgroup-header input[type=checkbox]{width:15px;height:15px;accent-color:var(--clr-primary);cursor:pointer;flex-shrink:0}.type-subgroup-icon{font-size:.9rem;flex-shrink:0}.type-subgroup-label{font-weight:600;flex:1 1}.type-subgroup-count{color:var(--clr-text-muted);padding:1px 7px;border-radius:8px}.btn-remove-type,.type-subgroup-count{font-size:.72rem;font-weight:500;background:var(--clr-surface)}.btn-remove-type{margin-left:auto;padding:.15rem .55rem;border:1px solid var(--clr-border);border-radius:4px;color:var(--clr-text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0}.btn-remove-type:hover{border-color:var(--clr-error);color:var(--clr-error);background:var(--clr-error-bg)}.btn-remove-type.active{background:var(--clr-error);color:#fff;border-color:var(--clr-error)}.btn-remove-type.active:hover{background:#b91c1c;border-color:#b91c1c}.type-subgroup-removed{background:var(--clr-error-bg);border:1px solid var(--clr-error);border-radius:var(--radius-sm)}.type-removed-label{text-decoration:line-through;color:var(--clr-error)}.removed-group{opacity:.4;pointer-events:none;filter:grayscale(.5);transition:opacity var(--transition),filter var(--transition)}.shape-icon{font-size:1.2rem}.shape-icon,.shape-label{color:var(--clr-text-muted)}.shape-label{font-size:.65rem;margin-top:.1rem}html.dark .notice-banner{background:#2c2012;border-color:#6b5020;color:#fbbf24}html.dark .notice-banner strong{color:#fcd34d}html.dark .privacy-info{background:var(--clr-surface-alt);border-color:var(--clr-border);color:var(--clr-text-secondary)}html.dark .privacy-info-dismiss:hover{color:var(--clr-text)}html.dark .stepper-step-active .stepper-circle{background:var(--clr-primary)}html.dark .stepper-step-completed .stepper-circle{background:var(--clr-success-bg);border-color:var(--clr-success)}html.dark .error-banner{border-color:#7f1d1d}html.dark .info-callout{border-color:#1e40af;color:#93c5fd}html.dark .btn-primary:hover:not(:disabled){background:var(--clr-primary-hover);border-color:var(--clr-primary-hover)}html.dark .btn-secondary:hover:not(:disabled){background:#14b8a6;border-color:#14b8a6}html.dark .btn-success:hover:not(:disabled){background:#16a34a;border-color:#16a34a}html.dark .btn-remove-type.active{background:var(--clr-error);border-color:var(--clr-error)}html.dark .btn-remove-type.active:hover{background:#dc2626;border-color:#dc2626}html.dark .type-subgroup-removed{background:var(--clr-error-bg);border-color:var(--clr-error)}html.dark .btn:hover:not(:disabled){border-color:#444}html.dark .v-card textarea{background:var(--clr-surface-alt);color:var(--clr-text)}html.dark .v-card textarea:focus{box-shadow:0 0 0 2px rgba(91,122,255,.2)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);color:var(--clr-text-secondary);cursor:pointer;transition:all var(--transition);font-size:1rem;margin-left:auto;flex-shrink:0}.theme-toggle:hover{background:var(--clr-surface-alt);border-color:#bbb;color:var(--clr-text)}html.dark .theme-toggle:hover{border-color:#555}.btn-preview{background:#7c3aed;color:#fff;border-color:#7c3aed}.btn-preview:hover:not(:disabled){background:#6d28d9;border-color:#6d28d9}html.dark .btn-preview:hover:not(:disabled){background:#8b5cf6;border-color:#8b5cf6}.preview-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:preview-fade-in .2s ease}@keyframes preview-fade-in{0%{opacity:0}to{opacity:1}}.preview-modal{background:var(--clr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--clr-border);width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:preview-slide-up .25s ease}@keyframes preview-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--clr-border);flex-shrink:0}.preview-header h2{font-size:1rem;font-weight:700;color:var(--clr-text);margin:0}.preview-header-actions{display:flex;align-items:center;gap:.6rem}.preview-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--clr-text-muted);font-size:1.4rem;cursor:pointer;transition:all var(--transition);line-height:1}.preview-close:hover{background:var(--clr-surface-alt);color:var(--clr-text)}.preview-slides{flex:1 1;overflow-y:auto;padding:1.25rem;gap:1.25rem}.preview-slide,.preview-slides{display:flex;flex-direction:column}.preview-slide{align-items:center}.preview-slide-label{font-size:.78rem;font-weight:600;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.preview-slide-img{max-width:100%;border:1px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff}html.dark .preview-overlay{background:rgba(0,0,0,.75)}html.dark .preview-slide-img{background:#fff}.slide-viewer-select-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.btn-select-deselect-trigger{font-size:.85rem}.select-deselect-overlay{position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:preview-fade-in .2s ease}.select-deselect-modal{background:var(--clr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--clr-border);width:100%;max-width:420px;animation:preview-slide-up .25s ease;overflow:hidden}.select-deselect-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--clr-border)}.select-deselect-header h2{font-size:1rem;font-weight:700;color:var(--clr-text);margin:0}.select-deselect-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--clr-text-muted);font-size:1.4rem;cursor:pointer;line-height:1;transition:background .15s,color .15s}.select-deselect-close:hover{background:var(--clr-surface-alt);color:var(--clr-text)}.select-deselect-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.select-deselect-group{display:flex;flex-direction:column;gap:.5rem}.select-deselect-group-title{font-size:.8rem;font-weight:600;color:var(--clr-text-muted);margin:0}.select-deselect-actions{display:flex;gap:.5rem;flex-wrap:wrap}.slide-viewer{border:1px solid var(--clr-border);border-radius:var(--radius-lg);background:var(--clr-surface);margin-bottom:1.25rem;overflow:hidden}.slide-viewer-nav{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid var(--clr-border);background:var(--clr-surface-alt);flex-wrap:wrap}.slide-viewer-page{font-size:.85rem;font-weight:600;color:var(--clr-text);min-width:100px;text-align:center}.slide-viewer-actions{display:flex;gap:.4rem;margin-left:auto;align-items:center}.slide-viewer-badge-center{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem}.slide-viewer-badge{font-size:.95rem;font-weight:700;padding:4px 12px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.slide-viewer-badge.original{background:var(--clr-surface);color:var(--clr-text-muted);border:1px solid var(--clr-border)}.slide-viewer-badge.preview{background:rgba(124,58,237,.1);color:#7c3aed;border:1px solid #7c3aed}.slide-viewer-badge.outdated{background:var(--clr-warning-bg);color:var(--clr-warning);border:1px solid var(--clr-warning)}html.dark .slide-viewer-badge.preview{background:rgba(124,58,237,.2);color:#a78bfa}.slide-viewer-filmstrip{display:flex;gap:.4rem;padding:.5rem .85rem;overflow-x:auto;border-bottom:1px solid var(--clr-border-light);background:var(--clr-surface)}.slide-thumb{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.15rem;border:2px solid transparent;border-radius:var(--radius-sm);padding:.2rem;cursor:pointer;background:transparent;transition:all var(--transition)}.slide-thumb:hover{border-color:var(--clr-border);background:var(--clr-surface-alt)}.slide-thumb.active{border-color:var(--clr-primary);background:var(--clr-primary-light)}.slide-thumb img{width:64px;height:48px;object-fit:contain;border-radius:2px;background:#fff;border:1px solid var(--clr-border-light)}.slide-thumb span{font-size:.62rem;color:var(--clr-text-muted);font-weight:600}.slide-thumb.active span{color:var(--clr-primary)}.slide-viewer-body{display:flex;flex-direction:row;align-items:stretch;min-height:200px}.slide-viewer-image{flex:3 1;min-width:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--clr-bg)}.slide-viewer-panel{flex:2 1;min-width:280px;max-height:80vh;overflow-y:auto;border-left:1px solid var(--clr-border-light);background:var(--clr-surface)}@media (max-width:768px){.slide-viewer-body{flex-direction:column}.slide-viewer-panel{width:100%;max-height:none;border-left:none;border-top:1px solid var(--clr-border-light)}.slide-viewer-panel>.slide-viewer-section:first-child{border-top:none}}.slide-viewer-image img{max-width:100%;max-height:75vh;border:1px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;transition:opacity .2s}.slide-viewer-image img.slide-img-loading{opacity:.4}.slide-viewer-loading{font-size:.85rem;color:var(--clr-text-muted);padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.slide-viewer-section{padding:.75rem .85rem;border-top:1px solid var(--clr-border-light)}.slide-viewer-panel>.slide-viewer-section:first-child{border-top:none}.slide-viewer-section h3{font-size:.82rem;font-weight:600;color:var(--clr-text-secondary);margin-bottom:.5rem}.slide-viewer-empty{font-size:.82rem;color:var(--clr-text-muted);font-style:italic;padding:.25rem 0}html.dark .slide-thumb img,html.dark .slide-viewer-image img{background:#fff}.slide-viewer-mode-toggle{display:flex;gap:0;margin-left:auto;align-items:center;border:2px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden}.btn-mode{padding:.35rem 1rem;font-size:.85rem;font-weight:600;border:none;border-radius:0;background:var(--clr-surface);color:var(--clr-text-muted);cursor:pointer;transition:all var(--transition)}.btn-mode:not(:last-of-type){border-right:2px solid var(--clr-border)}.btn-mode:hover:not(:disabled){background:var(--clr-surface-alt);color:var(--clr-text)}.btn-mode-active{background:var(--clr-primary);color:#fff;font-weight:700}.btn-mode-active:hover:not(:disabled){background:var(--clr-primary-hover);color:#fff}.btn-mode-preview.btn-mode-active{background:#7c3aed}.btn-mode-preview.btn-mode-active:hover:not(:disabled){background:#6d28d9}html.dark .btn-mode-preview.btn-mode-active{background:#8b5cf6}html.dark .btn-mode-preview.btn-mode-active:hover:not(:disabled){background:#a78bfa}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.section-header-row h3{margin:0}.btn-toggle-elements{white-space:nowrap;font-size:.75rem;padding:.15rem .5rem}.report-detail-wrapper{margin-top:1.25rem}.report-detail-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--clr-border);border-radius:var(--radius-lg);background:var(--clr-surface);cursor:pointer;text-align:left}.report-detail-toggle:hover{background:var(--clr-surface-alt)}.report-detail-heading{margin:0;font-size:1rem;font-weight:600;color:var(--clr-text)}.report-detail-count{margin-left:auto;font-size:.8rem;color:var(--clr-text-muted)}.collapsible-panel{border:1px solid var(--clr-border);border-radius:var(--radius-sm);overflow:hidden}.collapsible-panel-title{padding:.5rem 1rem;background:var(--clr-surface-alt);font-weight:600;font-size:.95rem;color:var(--clr-text);border-bottom:1px solid var(--clr-border-light)}.rule-status-neutral{background:var(--clr-surface-alt);color:var(--clr-text-muted)}.ai-prompt-section{margin-bottom:1rem}.ai-prompt-label{display:block;font-size:.82rem;font-weight:600;color:var(--clr-text-secondary);margin-bottom:.35rem}.ai-prompt-input{width:100%;padding:.5rem .75rem;font-size:.85rem;font-family:inherit;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-surface);color:var(--clr-text);resize:vertical;transition:border-color var(--transition);line-height:1.5}.ai-prompt-input:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 2px rgba(59,92,255,.12)}html.dark .ai-prompt-input{background:var(--clr-surface-alt)}.select-bar-group{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem}.select-bar-group strong{color:var(--clr-text-secondary);font-weight:600}.select-bar-divider{display:inline-block;width:1px;height:18px;background:var(--clr-border);margin:0 .25rem;vertical-align:middle}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(248,249,251,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--clr-border)}html.dark .site-nav{background:rgba(17,18,23,.85)}.site-nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:60px;gap:1.5rem}.site-logo,.site-nav-inner{display:flex;align-items:center}.site-logo{gap:.4rem;text-decoration:none;color:var(--clr-text);flex-shrink:0}.site-logo-icon{font-size:1.3rem}.site-logo-text{font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.site-nav-links{display:flex;align-items:center;gap:.25rem;margin-left:1rem}.site-nav-link{padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;color:var(--clr-text-secondary);text-decoration:none;transition:all var(--transition)}.site-nav-link:hover{color:var(--clr-text);background:var(--clr-surface-alt)}.btn-nav-cta{margin-left:auto;padding:.4rem 1rem;font-size:.85rem}@media (max-width:640px){.site-nav-inner{padding:0 1rem;gap:.5rem}.site-nav-links{gap:0}.site-nav-link{padding:.4rem .5rem;font-size:.82rem}.btn-nav-cta{padding:.35rem .75rem;font-size:.82rem}}.site-footer{background:var(--clr-surface);border-top:1px solid var(--clr-border);padding:3rem 0 1.5rem;margin-top:0}.site-footer-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.footer-brand{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.footer-tagline{font-size:.85rem;color:var(--clr-text-secondary);line-height:1.6;max-width:280px}.footer-heading{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--clr-text-muted);margin-bottom:.75rem}.footer-col{display:flex;flex-direction:column}.footer-link{font-size:.88rem;color:var(--clr-text-secondary);text-decoration:none;padding:.2rem 0;transition:color var(--transition)}.footer-link:hover{color:var(--clr-text)}.footer-bottom{border-top:1px solid var(--clr-border-light);padding-top:1.25rem;font-size:.82rem;color:var(--clr-text-muted)}@media (max-width:700px){.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.section{padding:4rem 0}.section-alt{background:var(--clr-surface-alt)}.section-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.section-center{text-align:center}.section-title{font-size:2rem;font-weight:800;letter-spacing:-.025em;color:var(--clr-text);margin-bottom:.75rem;line-height:1.2}.section-center .section-title{margin-left:auto;margin-right:auto}.section-subtitle{font-size:1.1rem;color:var(--clr-text-secondary);line-height:1.6;margin-bottom:2rem}.section-center .section-subtitle{margin-left:auto;margin-right:auto;max-width:600px}@media (max-width:640px){.section{padding:2.5rem 0}.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem}.section-inner{padding:0 1rem}}.hero{padding:5rem 0 4rem;text-align:center;background:linear-gradient(180deg,var(--clr-primary-light) 0,var(--clr-bg) 100%)}.hero-inner{max-width:780px;margin:0 auto;padding:0 2rem}.hero-badge{display:inline-block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .9rem;border-radius:20px;background:var(--clr-primary-light);color:#3755f0;border:1px solid var(--clr-primary);margin-bottom:1.25rem}.hero-title{font-size:3rem;font-weight:800;letter-spacing:-.035em;line-height:1.15;color:var(--clr-text);margin-bottom:1.25rem}.hero-highlight{background:linear-gradient(135deg,var(--clr-primary) 0,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--clr-text-secondary);line-height:1.6;max-width:560px;margin:0 auto 2rem}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.hero-free-banner{display:inline-block;background:var(--clr-success-bg,#e6f9ed);color:var(--clr-success,#0a7c3e);border:1px solid var(--clr-success,#0a7c3e);border-radius:var(--radius-md,8px);padding:.6rem 1.25rem;font-size:1rem;margin-bottom:1.5rem}.hero-note{font-size:.85rem;color:var(--clr-text-muted)}.btn-lg{padding:.75rem 1.75rem;font-size:1rem;border-radius:var(--radius-md)}@media (max-width:640px){.hero{padding:3rem 0 2.5rem}.hero-inner{padding:0 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.step-card{text-align:center;padding:2rem 1.5rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--clr-primary);color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.step-title{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--clr-text)}.step-desc{font-size:.92rem;color:var(--clr-text-secondary);line-height:1.6}@media (max-width:700px){.steps-grid{grid-template-columns:1fr;gap:1rem}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.feature-card{padding:1.5rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.feature-icon{font-size:1.6rem;margin-bottom:.75rem}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem;color:var(--clr-text)}.feature-card p{font-size:.88rem;color:var(--clr-text-secondary);line-height:1.55}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.features-grid{grid-template-columns:1fr}}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2.5rem}.stat-block{text-align:center}.stat-big{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:var(--clr-primary);line-height:1.2;margin-bottom:.25rem}.stat-block p{font-size:.92rem;color:var(--clr-text-secondary)}@media (max-width:640px){.stats-row{grid-template-columns:1fr;gap:1rem}.stat-big{font-size:2rem}}.audience-grid,.compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.audience-grid{grid-template-columns:repeat(2,1fr)}.audience-card,.compliance-card{padding:1.5rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.audience-card h3,.compliance-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem;color:var(--clr-text)}.audience-card p,.compliance-card p{font-size:.88rem;color:var(--clr-text-secondary);line-height:1.55}@media (max-width:700px){.audience-grid,.compliance-grid{grid-template-columns:1fr}}.trust-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.trust-badge{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:20px;font-size:.88rem;font-weight:500;color:var(--clr-text-secondary)}.section-cta{background:linear-gradient(180deg,var(--clr-bg) 0,var(--clr-primary-light) 100%);padding:4rem 0 5rem}.cta-title{font-size:2rem;font-weight:800;letter-spacing:-.025em;color:var(--clr-text);margin-bottom:.75rem}.cta-subtitle{font-size:1.1rem;color:var(--clr-text-secondary);margin-bottom:1.5rem;max-width:480px;margin-left:auto;margin-right:auto}.pricing-section-title{font-size:1.3rem;font-weight:700;color:var(--clr-text);margin-bottom:.35rem}.pricing-section-desc{font-size:.95rem;color:var(--clr-text-secondary);margin-bottom:1.5rem}.pricing-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem;align-items:start}.pricing-card{position:relative;padding:2rem 1.5rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);display:flex;flex-direction:column}.pricing-card-popular{border-color:var(--clr-primary);box-shadow:0 0 0 1px var(--clr-primary),var(--shadow-lg)}.pricing-popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:.2rem .9rem;background:var(--clr-primary);color:#fff;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:20px;white-space:nowrap}.pricing-name{font-size:1.1rem;font-weight:700;color:var(--clr-text);margin-bottom:.75rem}.pricing-price{margin-bottom:.25rem}.pricing-amount{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;color:var(--clr-text)}.pricing-period{font-size:.92rem;color:var(--clr-text-muted);margin-left:.15rem}.pricing-savings{font-weight:600;color:var(--clr-success)}.pricing-annual,.pricing-savings{font-size:.82rem;margin-bottom:.75rem}.pricing-annual{color:var(--clr-text-muted)}.pricing-features{list-style:none;padding:0;margin:.75rem 0 1.5rem;flex:1 1}.pricing-features li{font-size:.88rem;color:var(--clr-text-secondary);padding:.3rem 0 .3rem 1.3rem;position:relative}.pricing-features li:before{content:"\2713";position:absolute;left:0;color:var(--clr-success);font-weight:700;font-size:.82rem}.btn-block{display:block;text-align:center;text-decoration:none;width:100%}@media (max-width:800px){.pricing-grid-3{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.about-prose p{font-size:1rem;color:var(--clr-text-secondary);line-height:1.75;margin-bottom:1rem}.about-prose p:last-child{margin-bottom:0}.about-prose strong{color:var(--clr-text);font-weight:600}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem}.about-card{padding:1.5rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.about-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem;color:var(--clr-text)}.about-card p{font-size:.88rem;color:var(--clr-text-secondary);line-height:1.55}.standards-list{display:flex;flex-direction:column;gap:1rem}.standard-item{padding:1.25rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.standard-item h3{font-size:1rem;font-weight:700;margin-bottom:.3rem;color:var(--clr-text)}.standard-item p{font-size:.88rem;color:var(--clr-text-secondary);line-height:1.55}@media (max-width:640px){.about-grid{grid-template-columns:1fr}}.auth-container{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 200px);padding:60px 20px}.auth-card{width:100%;max-width:420px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:var(--shadow-md)}.auth-title{font-size:1.5rem;font-weight:700;color:var(--clr-text);margin:0 0 8px;text-align:center}.auth-subtitle{font-size:.95rem;color:var(--clr-text-secondary);text-align:center;margin:0 0 24px}.auth-form{gap:16px;margin-top:24px}.auth-form,.auth-label{display:flex;flex-direction:column}.auth-label{gap:6px;font-size:.9rem;font-weight:500;color:var(--clr-text)}.auth-input{padding:10px 14px;border:1px solid var(--clr-border);border-radius:var(--radius-md);font-size:.95rem;color:var(--clr-text);background:var(--clr-bg);transition:border-color var(--transition)}.auth-input:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px rgba(59,92,255,.15)}.auth-error{background:var(--clr-error-bg);color:var(--clr-error)}.auth-error,.auth-success{padding:10px 14px;border-radius:var(--radius-md);font-size:.9rem;text-align:center}.auth-success{background:var(--clr-success-bg);color:var(--clr-success);margin-bottom:16px}.auth-message{font-size:.95rem;color:var(--clr-text-secondary);text-align:center;line-height:1.6;margin:16px 0}.auth-message-muted{color:var(--clr-text-muted);font-size:.88rem}.auth-footer{text-align:center;margin-top:20px;font-size:.9rem;color:var(--clr-text-secondary)}.auth-footer a{color:var(--clr-primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.account-card{width:100%;max-width:520px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:var(--shadow-md)}.account-section{margin-top:28px;padding-top:20px;border-top:1px solid var(--clr-border-light)}.account-section:first-of-type{border-top:none;margin-top:20px;padding-top:0}.account-section-title{font-size:1rem;font-weight:600;color:var(--clr-text);margin:0 0 14px}.account-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.account-label{font-size:.9rem;color:var(--clr-text-secondary)}.account-value{font-size:.9rem;font-weight:500;color:var(--clr-text)}.account-tier{background:var(--clr-primary-light);color:var(--clr-primary);padding:2px 10px;border-radius:20px;font-size:.85rem;font-weight:600}.account-no-plan{font-size:.9rem;color:var(--clr-text-muted);margin:8px 0 16px}.account-usage-bar{width:100%;height:8px;background:var(--clr-surface-alt);border-radius:4px;overflow:hidden;margin:8px 0 16px}.account-usage-fill{height:100%;background:var(--clr-primary);border-radius:4px;transition:width .3s ease}.account-points-balance{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.account-points-number{font-size:2rem;font-weight:700;color:var(--clr-primary);line-height:1}.account-points-label{font-size:.9rem;color:var(--clr-text-secondary)}.account-entitlements{margin-top:8px;display:flex;flex-direction:column;gap:6px}.account-entitlement-row{display:flex;align-items:center;gap:8px}.account-entitlement-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.account-entitlement-dot--on{background:var(--clr-success)}.account-entitlement-dot--off{background:var(--clr-border)}.account-entitlement-label{font-size:.9rem;color:var(--clr-text)}.account-entitlement-label--off{color:var(--clr-text-muted)}.account-tx-table-wrap{overflow-x:auto;margin-top:4px}.account-tx-table{width:100%;border-collapse:collapse;font-size:.85rem}.account-tx-table th{text-align:left;padding:6px 8px;font-weight:600;color:var(--clr-text-secondary);border-bottom:1px solid var(--clr-border)}.account-tx-table td{padding:7px 8px;color:var(--clr-text);border-bottom:1px solid var(--clr-border-light)}.account-tx-positive{color:var(--clr-success);font-weight:600}.account-tx-negative,.btn-danger{color:var(--clr-error);font-weight:600}.btn-danger{background:transparent;border:1px solid var(--clr-error);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.btn-danger:hover{background:var(--clr-error);color:white}.btn-secondary{background:var(--clr-surface-alt);color:var(--clr-text);border:1px solid var(--clr-border);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-secondary:hover{background:var(--clr-border-light)}.payment-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.payment-modal{background:var(--clr-surface);border-radius:var(--radius-lg);padding:32px;max-width:520px;width:100%;box-shadow:var(--shadow-lg)}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.payment-modal-header h2{font-size:1.25rem;font-weight:700;color:var(--clr-text);margin:0}.payment-modal-desc{font-size:.9rem;color:var(--clr-text-secondary);margin:0 0 20px}.payment-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.payment-option{display:block;width:100%;padding:16px;border:2px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-bg);cursor:pointer;text-align:left;transition:all var(--transition)}.payment-option-selected,.payment-option:hover{border-color:var(--clr-primary)}.payment-option-selected{background:var(--clr-primary-light)}.payment-option-label{font-weight:600;font-size:.95rem;color:var(--clr-text)}.payment-option-price{font-size:1.1rem;font-weight:700;color:var(--clr-primary);margin:4px 0 2px}.payment-option-desc{font-size:.85rem;color:var(--clr-text-secondary)}.payment-modal-login{text-align:center;margin-top:12px;font-size:.88rem;color:var(--clr-text-muted)}.payment-modal-login a{color:var(--clr-primary);text-decoration:none;font-weight:500}.payment-modal-login a:hover{text-decoration:underline}.site-nav-actions{display:flex;align-items:center;gap:12px}.dash-container{max-width:1280px;margin:0 auto;padding:1.5rem 2rem 3rem}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dash-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.dash-subtitle{color:var(--clr-text-secondary);font-size:.82rem;margin-top:.25rem}.dash-header-actions{display:flex;align-items:center;gap:.75rem}.dash-toggle{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--clr-text-secondary)}.dash-toggle,.dash-toggle input{cursor:pointer}.dash-login{max-width:400px;margin:4rem auto;text-align:center}.dash-login h1{margin-bottom:.5rem}.dash-login p{color:var(--clr-text-secondary);margin-bottom:1.5rem}.dash-key-input{width:100%;padding:.6rem .8rem;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-surface);color:var(--clr-text);font-size:.9rem;margin-bottom:.75rem}.dash-key-input:focus{outline:2px solid var(--clr-primary);border-color:transparent}.dash-error-msg{color:var(--clr-error);margin-top:.75rem;font-size:.85rem}.dash-loading{text-align:center;padding:4rem 0;color:var(--clr-text-secondary)}.dash-error-banner{background:var(--clr-error-bg);color:var(--clr-error);padding:.6rem 1rem;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:1rem}.dash-section{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.dash-section-title{font-size:1rem;font-weight:650;margin-bottom:1rem;color:var(--clr-text)}.dash-gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.dash-gauge-card{border-left:4px solid var(--clr-primary);padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--clr-surface-alt)}.dash-gauge-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--clr-text-secondary);margin-bottom:.25rem}.dash-gauge-value{font-size:1.4rem;font-weight:700;color:var(--clr-text);line-height:1.2}.dash-gauge-unit{font-size:.75rem;font-weight:400;color:var(--clr-text-muted)}.dash-gauge-bar{height:6px;background:var(--clr-border);border-radius:3px;margin:.5rem 0 .25rem;overflow:hidden}.dash-gauge-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.dash-gauge-pct{font-size:.75rem;font-weight:600}.dash-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem}.dash-stat-card{padding:.75rem 1rem;background:var(--clr-surface-alt);border-radius:var(--radius-md);border:1px solid var(--clr-border-light)}.dash-stat-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--clr-text-muted);margin-bottom:.2rem}.dash-stat-value{font-size:1.25rem;font-weight:700;color:var(--clr-text);line-height:1.3}.dash-stat-sub{font-size:.72rem;color:var(--clr-text-secondary);margin-top:.15rem}.dash-funnel{display:flex;flex-direction:column;gap:.5rem}.dash-funnel-step{display:flex;align-items:center;gap:.75rem}.dash-funnel-bar-wrap{flex:1 1;height:28px;background:var(--clr-surface-alt);border-radius:var(--radius-sm);overflow:hidden}.dash-funnel-bar{height:100%;border-radius:var(--radius-sm);transition:width .4s ease;min-width:4px}.dash-funnel-info{display:flex;align-items:center;gap:.5rem;min-width:220px}.dash-funnel-label{font-weight:500;min-width:120px}.dash-funnel-count,.dash-funnel-label{font-size:.82rem;color:var(--clr-text)}.dash-funnel-count{font-weight:700}.dash-funnel-rate{font-size:.72rem;color:var(--clr-text-muted);padding:1px 6px;border-radius:8px}.dash-funnel-rate,.dash-minibar{background:var(--clr-surface-alt)}.dash-minibar{flex:1 1;height:8px;border-radius:4px;overflow:hidden;min-width:60px}.dash-minibar-fill{height:100%;border-radius:4px;transition:width .3s ease}.dash-perf-table{width:100%;border-collapse:collapse;font-size:.82rem}.dash-perf-table th{text-align:left;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--clr-text-muted);padding:.5rem .75rem;border-bottom:1px solid var(--clr-border)}.dash-perf-table td{padding:.5rem .75rem;border-bottom:1px solid var(--clr-border-light)}.dash-perf-op{font-weight:500;color:var(--clr-text)}.dash-perf-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--clr-text-secondary)}.dash-perf-num,.dash-perf-table th:not(:first-child){text-align:right}.dash-perf-last-at{font-size:.75rem;color:var(--clr-text-muted,#999);white-space:nowrap}.dash-hourly{display:flex;align-items:flex-end;gap:2px;height:80px;margin-top:.5rem}.dash-hourly-col{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%}.dash-hourly-bar-wrap{flex:1 1;width:100%;display:flex;align-items:flex-end}.dash-hourly-bar{width:100%;background:var(--clr-primary);border-radius:2px 2px 0 0;opacity:.7;transition:height .3s ease;min-height:2px}.dash-hourly-label{font-size:.55rem;color:var(--clr-text-muted);margin-top:2px;white-space:nowrap}.dash-error-log-wrap{overflow-x:auto}.dash-error-log{width:100%;border-collapse:collapse;font-size:.8rem}.dash-error-log th{text-align:left;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--clr-text-muted);padding:.4rem .6rem;border-bottom:1px solid var(--clr-border)}.dash-error-log td{padding:.4rem .6rem;border-bottom:1px solid var(--clr-border-light);vertical-align:top}.dash-error-time{white-space:nowrap;color:var(--clr-text-muted)}.dash-error-ep code{font-size:.75rem;background:var(--clr-surface-alt);padding:1px 4px;border-radius:3px}.dash-error-status{display:inline-block;padding:1px 6px;border-radius:4px;font-weight:600;font-size:.72rem}.dash-status-4xx{background:var(--clr-warning-bg);color:var(--clr-warning)}.dash-status-5xx{background:var(--clr-error-bg);color:var(--clr-error)}.dash-error-detail{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--clr-text-secondary)}.dash-cf-list{margin-top:1rem}.dash-cf-list h4{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--clr-text-muted);margin-bottom:.5rem}.dash-cf-row{display:flex;align-items:center;gap:.75rem;padding:.3rem 0;font-size:.82rem}.dash-cf-row code{font-size:.75rem;min-width:120px;color:var(--clr-text)}.dash-cf-row span:last-child{min-width:50px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--clr-text-secondary)}.dash-token-info{font-size:.7rem;color:var(--clr-text-muted)}.dash-empty{color:var(--clr-text-muted);font-size:.85rem;padding:.5rem 0}.dash-status-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.dash-status-chip{display:flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border:1px solid;border-radius:var(--radius-sm);font-size:.78rem}.dash-endpoint-list{margin-top:1rem}.dash-endpoint-list h4{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--clr-text-muted);margin-bottom:.5rem}.dash-trend-badge{font-size:.72rem;font-weight:600;margin-left:.3rem}.dash-date-picker{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dash-date-presets{display:flex;border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden}.dash-date-preset{padding:.35rem .65rem;font-size:.78rem;font-weight:500;background:var(--clr-surface);color:var(--clr-text-secondary);border:none;cursor:pointer;transition:background var(--transition),color var(--transition);border-right:1px solid var(--clr-border)}.dash-date-preset:last-child{border-right:none}.dash-date-preset:hover{background:var(--clr-surface-alt);color:var(--clr-text)}.dash-date-preset-active{background:var(--clr-primary);color:#fff}.dash-date-preset-active:hover{background:var(--clr-primary-hover);color:#fff}.dash-date-custom{display:flex;align-items:center;gap:.4rem}.dash-date-field{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--clr-text-secondary)}.dash-date-input{padding:.3rem .5rem;font-size:.78rem;border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);color:var(--clr-text);color-scheme:light;cursor:pointer}.dash-date-input:focus{outline:2px solid var(--clr-primary);border-color:transparent}html.dark .dash-date-input{color-scheme:dark}.dash-feedback-chart{display:flex;align-items:flex-end;gap:.5rem;height:160px;padding:.5rem 0}.dash-feedback-week{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%}.dash-feedback-bar-wrap{flex:1 1;width:100%;display:flex;align-items:flex-end;justify-content:center}.dash-feedback-bar{width:60%;min-height:4px;border-radius:4px 4px 0 0;transition:height .3s}.dash-feedback-week-label{font-size:.65rem;color:var(--clr-text-muted);margin-top:.25rem;white-space:nowrap}.dash-feedback-week-stats{display:flex;gap:.4rem;font-size:.7rem;color:var(--clr-text-secondary)}.dash-feedback-formats{margin-top:1rem}.dash-feedback-formats h4{font-size:.8rem;color:var(--clr-text-muted);margin-bottom:.5rem}.dash-feedback-recent{margin-top:1rem;overflow-x:auto}.dash-feedback-recent h4{font-size:.8rem;color:var(--clr-text-muted);margin-bottom:.5rem}.dash-table{width:100%;border-collapse:collapse;font-size:.8rem}.dash-table th{text-align:left;padding:.4rem .6rem;border-bottom:2px solid var(--clr-border);font-size:.7rem;text-transform:uppercase;color:var(--clr-text-muted)}.dash-table td{padding:.4rem .6rem;border-bottom:1px solid var(--clr-border)}@media (max-width:768px){.dash-container{padding:1rem}.dash-header{flex-direction:column}.dash-header-actions{flex-wrap:wrap}.dash-date-picker{width:100%}.dash-date-custom{flex-wrap:wrap}.dash-gauges{grid-template-columns:1fr}.dash-stat-row{grid-template-columns:1fr 1fr}.dash-funnel-info{min-width:140px}.dash-funnel-label{min-width:80px;font-size:.75rem}.dash-perf-table{font-size:.75rem}.dash-hourly{height:60px}.dash-feedback-chart{height:120px}.dash-feedback-week-label{font-size:.55rem}}.tool-tabs{max-width:1200px;margin:0 auto;padding:0 2rem}.tool-tabs-inner{display:flex;gap:2px;border-bottom:1px solid var(--clr-border);padding-top:.25rem}.tool-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:500;color:var(--clr-text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition),border-color var(--transition)}.tool-tab:hover{color:var(--clr-text)}.tool-tab-active{color:var(--clr-primary);border-bottom-color:var(--clr-primary);font-weight:600}.tool-tab-icon{font-size:1rem}.tool-tab-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:8px;background:var(--clr-primary-light);color:var(--clr-primary);line-height:1.4}@media (max-width:520px){.tool-tabs{padding:0 1rem}.tool-tab{padding:.45rem .65rem;font-size:.78rem}.tool-tab-icon{display:none}}.wc-step1{max-width:620px;margin:0 auto}.wc-url-input-group{margin-bottom:1rem}.wc-input-label{display:block;font-size:.82rem;font-weight:600;color:var(--clr-text-secondary);margin-bottom:.35rem}.wc-url-row{display:flex;gap:.5rem}.wc-url-input{flex:1 1;padding:.6rem .85rem;font-size:.95rem;font-family:inherit;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-surface);color:var(--clr-text);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.wc-url-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px rgba(59,92,255,.12)}.wc-url-input::placeholder{color:var(--clr-text-muted)}.wc-options-row{display:flex;gap:1rem;margin-bottom:1.25rem}.wc-option{flex:1 1}.wc-option label{display:block;font-size:.78rem;font-weight:600;color:var(--clr-text-secondary);margin-bottom:.3rem}.wc-select{width:100%;padding:.45rem .65rem;font-size:.85rem;font-family:inherit;border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);color:var(--clr-text);cursor:pointer}.wc-scan-btn{width:100%;margin-top:.5rem}.wc-error{margin-top:.75rem;padding:.5rem .75rem;background:var(--clr-error-bg);border:1px solid var(--clr-error);border-radius:var(--radius-sm);color:var(--clr-error);font-size:.82rem}.wc-scanning{max-width:620px;margin:2rem auto;text-align:center}.wc-scanning-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.wc-scanning-header h2{font-size:1.15rem;font-weight:600}.wc-scanning-status{font-size:.9rem;color:var(--clr-text-secondary);margin-bottom:.35rem}.wc-scanning-current{font-size:.78rem;color:var(--clr-text-muted);font-family:monospace;margin-bottom:.75rem;word-break:break-all}.wc-summary-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);margin-bottom:1rem;flex-wrap:wrap}.wc-summary-url{font-size:.82rem;font-weight:600;color:var(--clr-text);font-family:monospace;flex-shrink:0}.wc-summary-stats{display:flex;gap:.35rem;flex-wrap:wrap;flex:1 1}.stat-chip-error{background:var(--clr-error-bg)!important;color:var(--clr-error)!important;border-color:var(--clr-error)!important}.stat-chip-warning{background:var(--clr-warning-bg)!important;color:var(--clr-warning)!important;border-color:var(--clr-warning)!important}.stat-chip-info{background:var(--clr-info-bg)!important;color:var(--clr-info)!important;border-color:var(--clr-info)!important}.wc-summary-actions{display:flex;gap:.4rem;flex-shrink:0}.wc-page-card{border:1px solid var(--clr-border);border-radius:var(--radius-md);margin-bottom:.5rem;overflow:hidden}.wc-page-card .rule-header{width:100%;display:flex;align-items:center;gap:.5rem}.wc-page-url{font-family:monospace;font-size:.8rem;color:var(--clr-text)}.wc-page-title,.wc-page-url{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-page-title{font-size:.78rem;color:var(--clr-text-muted)}.wc-page-counts{margin-left:auto;display:flex;gap:.3rem;flex-shrink:0}.wc-count-badge{font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:10px;color:#fff;line-height:1.5}.wc-count-error{background:var(--clr-error)}.wc-count-warning{background:var(--clr-warning)}.wc-count-info{background:var(--clr-info)}.wc-violations-list{padding:.5rem .75rem}.wc-violation-row{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--clr-border-light)}.wc-violation-row:last-child{border-bottom:none}.wc-sev-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.wc-violation-content{flex:1 1;min-width:0}.wc-violation-rule{font-size:.75rem;font-weight:600;color:var(--clr-text-secondary);margin-right:.4rem}.wc-violation-msg{font-size:.8rem;color:var(--clr-text);line-height:1.45}.wc-violation-selector{display:block;font-size:.72rem;color:var(--clr-text-muted);background:var(--clr-surface-alt);padding:2px 6px;border-radius:3px;margin-top:.2rem;word-break:break-all}.wc-fixable-badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--clr-success);background:var(--clr-success-bg);padding:1px 6px;border-radius:6px;margin-top:.25rem}.wc-page-error{color:var(--clr-error);font-size:.82rem;padding:.5rem 0}.wc-page-pass-msg{color:var(--clr-success);font-size:.82rem;padding:.5rem 0}.wc-override-row{display:flex;align-items:center;gap:.4rem;margin-top:.35rem}.wc-override-label{font-size:.75rem;font-weight:600;color:var(--clr-text-secondary);flex-shrink:0}.wc-override-input{flex:1 1;padding:.3rem .5rem;font-size:.8rem;font-family:inherit;border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);color:var(--clr-text)}.wc-override-input:focus{outline:none;border-color:var(--clr-primary)}.wc-no-issues{text-align:center;padding:3rem 1rem}.wc-no-issues-icon{display:block;font-size:3rem;color:var(--clr-success);margin-bottom:.75rem}.wc-no-issues h3{font-size:1.1rem;font-weight:600;margin-bottom:.35rem}.wc-no-issues p{color:var(--clr-text-secondary);font-size:.9rem}.wc-docs-section{margin-top:1.5rem}.wc-docs-heading{font-size:.9rem;font-weight:700;margin-bottom:.5rem;color:var(--clr-text)}.wc-doc-card{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);margin-bottom:.4rem}.wc-doc-icon{font-size:1.5rem;flex-shrink:0}.wc-doc-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.wc-doc-name{font-size:.85rem;font-weight:600;color:var(--clr-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-doc-meta{font-size:.75rem;color:var(--clr-text-muted)}.wc-done{text-align:center;padding:3rem 1rem;max-width:480px;margin:0 auto}.wc-done-icon{width:56px;height:56px;border-radius:50%;background:var(--clr-success-bg);color:var(--clr-success);font-size:1.8rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.wc-done h2{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.wc-done-desc{color:var(--clr-text-secondary);font-size:.9rem;margin-bottom:1.5rem}.wc-done-actions{display:flex;gap:.5rem;justify-content:center}.wc-coming-soon{text-align:center;padding:3rem 1rem;max-width:520px;margin:0 auto}.wc-coming-soon-icon{font-size:3rem;display:block;margin-bottom:.75rem}.wc-coming-soon h1{font-size:1.5rem;font-weight:700;display:inline;margin-right:.5rem}.wc-coming-soon .badge{position:relative;top:-2px}.wc-coming-soon-desc{color:var(--clr-text-secondary);font-size:.95rem;margin:.75rem 0 1.5rem;line-height:1.6}.wc-coming-soon-features{text-align:left;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.wc-feature-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem;color:var(--clr-text);line-height:1.5}.wc-feature-check{color:var(--clr-success);font-weight:700;flex-shrink:0;margin-top:1px}.wc-coming-soon-actions{display:flex;gap:.5rem;justify-content:center}@media (max-width:640px){.wc-summary-bar{flex-direction:column;align-items:flex-start}.wc-summary-actions{width:100%}.wc-summary-actions .btn{flex:1 1}.wc-page-card .rule-header{flex-wrap:wrap}.wc-page-title{display:none}.wc-doc-card{flex-wrap:wrap}.wc-coming-soon-actions,.wc-done-actions{flex-direction:column}}.bulk-step{margin-top:1rem}.bulk-step-title{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.bulk-step-subtitle{color:var(--clr-text-secondary);margin-bottom:1.25rem}.bulk-dropzone{border:2px dashed var(--clr-border);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition);background:var(--clr-surface)}.bulk-dropzone:focus-visible,.bulk-dropzone:hover{border-color:var(--clr-primary);background:var(--clr-primary-light);outline:none}.bulk-dropzone-active{border-color:var(--clr-primary);background:var(--clr-primary-light);border-style:solid}.bulk-dropzone-icon{font-size:2rem;margin-bottom:.5rem}.bulk-dropzone-text{font-weight:500;color:var(--clr-text);margin-bottom:.25rem}.bulk-dropzone-hint{font-size:.8rem;color:var(--clr-text-muted)}.bulk-file-input{display:none}.bulk-url-section{margin-top:1.5rem}.bulk-section-label{font-size:.85rem;font-weight:500;color:var(--clr-text-secondary);margin-bottom:.5rem}.bulk-url-textarea{width:100%;font-family:inherit;font-size:.85rem;padding:.6rem .75rem;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-surface);color:var(--clr-text);resize:vertical;min-height:60px;transition:border-color var(--transition)}.bulk-url-textarea:focus{outline:none;border-color:var(--clr-primary)}.bulk-url-textarea::placeholder{color:var(--clr-text-muted)}.bulk-file-list{margin-top:1.5rem}.bulk-file-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--clr-border-light);border-radius:var(--radius-md);background:var(--clr-surface);margin-top:.375rem;transition:background var(--transition)}.bulk-file-item:hover{background:var(--clr-surface-alt)}.bulk-file-icon{flex-shrink:0;font-size:1rem}.bulk-file-name{flex:1 1;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-file-size{font-size:.75rem;color:var(--clr-text-muted)}.bulk-file-fmt{font-weight:600;text-transform:uppercase;padding:.1rem .4rem;background:var(--clr-surface-alt);color:var(--clr-text-secondary)}.bulk-file-fmt,.bulk-file-source{font-size:.65rem;border-radius:3px}.bulk-file-source{font-weight:500;padding:.1rem .35rem;background:var(--clr-info-bg);color:var(--clr-info)}.bulk-file-remove{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--clr-text-muted);padding:.15rem .35rem;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.bulk-file-remove:hover{color:var(--clr-error);background:var(--clr-error-bg)}.bulk-categories{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.bulk-category-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-surface);cursor:pointer;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.bulk-category-card:hover{background:var(--clr-surface-alt)}.bulk-category-selected{border-color:var(--clr-primary)}.bulk-category-selected,.bulk-category-selected:hover{background:var(--clr-primary-light)}.bulk-category-checkbox{margin-top:.15rem;accent-color:var(--clr-primary);width:16px;height:16px;flex-shrink:0}.bulk-category-content{display:flex;flex-direction:column;gap:.15rem}.bulk-category-label{font-weight:600;font-size:.9rem}.bulk-category-desc{font-size:.8rem;color:var(--clr-text-secondary)}.bulk-summary-line{font-size:.85rem;color:var(--clr-text-secondary);margin-bottom:1rem}.bulk-progress-list{display:flex;flex-direction:column;gap:.375rem;margin-top:1rem;margin-bottom:1rem}.bulk-progress-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--clr-border-light);border-radius:var(--radius-md);background:var(--clr-surface);transition:background var(--transition),border-color var(--transition)}.bulk-progress-done{border-color:var(--clr-success);background:var(--clr-success-bg)}.bulk-progress-error{border-color:var(--clr-error);background:var(--clr-error-bg)}.bulk-progress-processing{border-color:var(--clr-primary);background:var(--clr-primary-light)}.bulk-progress-icon{flex-shrink:0;font-size:.9rem}.bulk-progress-name{flex:1 1;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-progress-status{font-size:.8rem;color:var(--clr-text-secondary);flex-shrink:0}.bulk-progress-done .bulk-progress-status{color:var(--clr-success)}.bulk-progress-error .bulk-progress-status{color:var(--clr-error)}.bulk-done-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.bulk-done-icon{width:36px;height:36px;border-radius:50%;background:var(--clr-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.bulk-done-summary{color:var(--clr-text-secondary);margin-bottom:1rem}.bulk-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.bulk-actions-split,.wc-docs-header{justify-content:space-between}.wc-docs-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.wc-docs-header .wc-docs-heading{margin-bottom:0}@media (max-width:640px){.bulk-dropzone{padding:1.5rem 1rem}.bulk-actions-split{flex-direction:column-reverse;gap:.5rem}.bulk-actions-split .btn{width:100%}.bulk-file-name,.bulk-progress-name{max-width:140px}.wc-docs-header{flex-direction:column;align-items:flex-start}}.feature-disabled-notice{text-align:center;padding:3rem 2rem;max-width:480px;margin:2rem auto}.feature-disabled-notice h2{font-size:1.3rem;margin-bottom:.75rem}.feature-disabled-notice p{color:var(--clr-muted);margin-bottom:1.5rem}.dash-card{background:var(--card-bg,#f8f9fa);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.dark .dash-card{background:var(--card-bg-dark,#1e1e2e)}.dash-card h3{margin:0 0 .75rem;font-size:.95rem;font-weight:600}.dash-card-highlight{border-left:4px solid var(--accent,#3b82f6)}.funnel-bars{display:flex;flex-direction:column;gap:.5rem}.funnel-row{display:flex;align-items:center;gap:.75rem}.funnel-label{min-width:140px;font-size:.85rem;text-align:right}.funnel-bar-bg{flex:1 1;height:22px;background:var(--clr-surface,#e5e7eb);border-radius:4px;overflow:hidden}.dark .funnel-bar-bg{background:rgba(255,255,255,.08)}.funnel-bar-fill{height:100%;background:var(--clr-primary,#3b82f6);border-radius:4px;transition:width .3s ease}.funnel-count{min-width:48px;text-align:right;font-size:.85rem;font-weight:600}.insight-row{display:flex;align-items:baseline;gap:12px;margin:8px 0}.insight-big{font-size:2.5rem;font-weight:700;color:var(--accent,#3b82f6)}.insight-desc{font-size:.95rem;opacity:.7}.insight-detail{display:flex;gap:24px;font-size:.85rem;opacity:.6}.dash-metrics-row{display:flex;gap:16px;margin-top:12px}.dash-metric{flex:1 1;text-align:center;padding:16px;background:var(--card-bg,#f8f9fa);border-radius:8px}.dark .dash-metric{background:var(--card-bg-dark,#1e1e2e)}.dash-metric-value{display:block;font-size:1.8rem;font-weight:700}.dash-metric-label{display:block;font-size:.8rem;opacity:.6;margin-top:4px}.blog-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.blog-card{display:block;padding:1.5rem 2rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.blog-card:hover{border-color:var(--clr-primary);box-shadow:var(--shadow-md)}.blog-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.85rem;margin-bottom:.5rem}.blog-card-dot,.blog-card-meta{color:var(--clr-text-muted)}.blog-card-title{font-size:1.35rem;font-weight:700;margin-bottom:.5rem;line-height:1.3}.blog-card-desc{color:var(--clr-text-secondary);line-height:1.6;margin-bottom:.75rem}.blog-card-tags{display:flex;gap:.5rem;flex-wrap:wrap}.blog-tag{font-size:.75rem;padding:2px 10px;border-radius:20px;background:var(--clr-primary-light);color:var(--clr-primary);font-weight:600}.blog-post{padding:2rem 1rem 4rem}.blog-post-inner{max-width:720px;margin:0 auto}.blog-post-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--clr-border)}.blog-post-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.blog-back-link{font-size:.9rem;color:var(--clr-primary);text-decoration:none;font-weight:500}.blog-back-link:hover{text-decoration:underline}.blog-post-date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--clr-text-muted)}.blog-post-title{font-size:2.2rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.blog-post-subtitle{font-size:1.15rem;color:var(--clr-text-secondary);line-height:1.6}.blog-section{margin-bottom:2.5rem}.blog-section h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;line-height:1.3}.blog-section h3{font-size:1.1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem}.blog-section p{font-size:1.05rem;line-height:1.7;margin-bottom:.75rem;color:var(--clr-text-secondary)}.blog-section ol,.blog-section ul{margin:.75rem 0;padding-left:1.5rem}.blog-section li{font-size:1.05rem;line-height:1.7;margin-bottom:.5rem;color:var(--clr-text-secondary)}.blog-wcag-ref{font-size:.85rem!important;color:var(--clr-text-muted)!important;font-style:italic;margin-bottom:.75rem}.blog-comparison{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.blog-bad{background:var(--clr-error-bg);border-left:3px solid var(--clr-error)}.blog-bad,.blog-good{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.95rem;line-height:1.5}.blog-good{background:var(--clr-success-bg);border-left:3px solid var(--clr-success)}.blog-tip{padding:1rem 1.25rem;background:var(--clr-info-bg);border-left:3px solid var(--clr-info);border-radius:var(--radius-sm);font-size:.95rem;line-height:1.6;margin:1rem 0}.blog-tip a{color:var(--clr-primary);font-weight:600}.blog-checklist{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1.5rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.blog-check-item{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.5;color:var(--clr-text-secondary);cursor:default}.blog-check-item input[type=checkbox]{margin-top:4px;accent-color:var(--clr-primary)}.blog-cta-section{text-align:center;padding:2rem;background:var(--clr-surface-alt);border-radius:var(--radius-lg)}.blog-cta-section p{color:var(--clr-text-secondary)}@media (max-width:600px){.blog-post-title{font-size:1.6rem}.blog-post-subtitle{font-size:1rem}.blog-section h2{font-size:1.3rem}.blog-post-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}