/* Global Persian typography: Vazirmatn is the maintained Vazir family. */
html,body,button,input,textarea,select{font-family:"Vazirmatn",Tahoma,sans-serif!important;font-feature-settings:"ss01" 1,"tnum" 1}
.public-nav .nav-journal{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:800}.public-nav .nav-journal span{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:var(--primary-soft);font-size:9px}

/* Orientation for the complete SEO workflow on the health page. */
.seo-health-intro{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(360px,1.45fr);gap:18px;margin:0 0 18px;padding:19px 21px;border:1px solid color-mix(in srgb,var(--cyan) 25%,var(--border));border-radius:18px;background:linear-gradient(125deg,color-mix(in srgb,var(--cyan) 7%,var(--surface)),var(--surface) 62%);box-shadow:0 9px 25px rgba(31,25,67,.035)}.seo-health-intro-copy>span{display:block;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.8px}.seo-health-intro-copy h2{margin:4px 0 5px;font-size:17px}.seo-health-intro-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.9}.seo-health-intro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center}.seo-health-intro-steps a{display:flex;align-items:center;gap:8px;min-width:0;padding:11px 9px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;transition:.18s}.seo-health-intro-steps a:hover{border-color:color-mix(in srgb,var(--cyan) 42%,var(--border));transform:translateY(-1px)}.seo-health-intro-steps i{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:color-mix(in srgb,var(--cyan) 12%,transparent);color:var(--cyan);font-size:10px;font-style:normal;font-weight:900}.seo-health-intro-steps b,.seo-health-intro-steps small{display:block}.seo-health-intro-steps b{font-size:10px}.seo-health-intro-steps small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.6}.seo-health-intro-note{grid-column:1/-1;padding-top:10px;border-top:1px solid var(--border);color:var(--subtle);font-size:8px;line-height:1.8}
@media(max-width:900px){.seo-health-intro{grid-template-columns:1fr}.seo-health-intro-steps{max-width:700px}}@media(max-width:560px){.seo-health-intro{padding:15px}.seo-health-intro-steps{grid-template-columns:1fr}.seo-health-intro-note{font-size:8px}}

/* On-page keyword focus analysis */
.keyword-focus-panel{margin:18px 0;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 10px 34px rgba(31,25,67,.045);scroll-margin-top:85px}.keyword-focus-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,color-mix(in srgb,var(--primary-soft) 62%,var(--surface)),var(--surface) 56%)}.focus-title{display:flex;align-items:center;gap:15px}.focus-title>div{min-width:0}.focus-icon{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;color:#fff;font-size:23px;font-weight:900;background:linear-gradient(145deg,var(--primary),var(--cyan));box-shadow:0 9px 24px color-mix(in srgb,var(--primary) 24%,transparent)}.focus-title .ai-label{font-size:10px;padding:4px 9px}.focus-title h2{font-size:20px;margin:7px 0 2px;letter-spacing:-.5px}.focus-title p{color:var(--muted);margin:0;font-size:12px}.keyword-focus-button{min-width:235px}.button-loading{display:none;align-items:center;gap:4px}.button-loading i{width:5px;height:5px;border-radius:50%;background:#fff;animation:focusLoading .9s ease-in-out infinite}.button-loading i:nth-child(2){animation-delay:.14s}.button-loading i:nth-child(3){animation-delay:.28s}.keyword-focus-button.is-loading .button-label{display:none}.keyword-focus-button.is-loading .button-loading{display:flex}@keyframes focusLoading{0%,100%{opacity:.4;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}.focus-overview{display:grid;grid-template-columns:repeat(3,minmax(120px,.65fr)) 1.6fr;gap:10px;padding:18px 22px;background:var(--surface)}.focus-overview>article{padding:14px 15px;border:1px solid var(--border);border-radius:13px;background:var(--bg)}.focus-overview article span,.focus-overview article strong,.focus-overview article small{display:block}.focus-overview article span{font-size:10px;color:var(--muted)}.focus-overview article strong{font-size:23px;line-height:1.5}.focus-overview article small{font-size:9px;color:var(--subtle)}.focus-disclaimer{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:13px;background:color-mix(in srgb,var(--cyan) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--cyan) 20%,var(--border))}.focus-disclaimer>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:color-mix(in srgb,var(--cyan) 16%,transparent);color:var(--cyan);font-weight:900}.focus-disclaimer p{margin:0}.focus-disclaimer b,.focus-disclaimer small{display:block}.focus-disclaimer b{font-size:10px}.focus-disclaimer small{font-size:9px;color:var(--muted);line-height:1.8;margin-top:2px}.focus-table{border-top:1px solid var(--border)}.focus-row{display:grid;grid-template-columns:1.35fr .72fr .64fr .58fr 1.1fr;gap:14px;align-items:center;padding:13px 22px;border-bottom:1px solid var(--border);min-height:69px}.focus-row:not(.focus-table-head):hover{background:var(--surface-2)}.focus-table-head{min-height:42px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:700}.focus-keyword b,.focus-keyword small,.page-evidence b,.page-evidence a,.focus-rank strong,.focus-rank b,.focus-rank small{display:block}.focus-keyword b{font-size:13px}.focus-keyword small{font-size:9px;color:var(--muted);margin-top:3px}.focus-keyword i{font-style:normal;color:var(--primary);background:var(--primary-soft);border-radius:12px;padding:2px 6px;margin-left:4px}.focus-level{display:inline-flex;font-style:normal;font-size:9px;font-weight:800;padding:4px 8px;border-radius:20px}.focus-level.high{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.focus-level.medium{color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent)}.focus-level.low{color:var(--muted);background:var(--surface-2)}.focus-score{display:block;color:var(--subtle);font-size:8px;margin-top:4px}.page-evidence b{font-size:11px}.page-evidence a,.ranking-page a{color:var(--primary);font-size:9px;margin-top:3px}.focus-rank strong{font-size:24px;line-height:1.2;color:var(--primary)}.focus-rank b{font-size:10px}.focus-rank small,.ranking-page small{font-size:8px;color:var(--subtle)}.focus-rank .rank-failed{color:var(--red)}.ranking-page{direction:ltr;text-align:left;overflow:hidden}.ranking-page a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;color:var(--subtle);font-size:9px}.focus-footer a{color:var(--primary);font-weight:800}.focus-empty{display:flex;align-items:center;justify-content:center;gap:28px;padding:42px 25px}.focus-empty h3{font-size:16px;margin:0 0 5px}.focus-empty p{color:var(--muted);margin:0;max-width:650px}.focus-empty>div:last-child>div{display:flex;gap:15px;margin-top:13px;font-size:9px;color:var(--green)}.focus-radar{width:94px;height:94px;position:relative;display:grid;place-items:center;flex:0 0 auto}.focus-radar i{position:absolute;inset:8px;border:1px dashed color-mix(in srgb,var(--primary) 32%,transparent);border-radius:50%;animation:rankOrbit 8s linear infinite}.focus-radar i:nth-child(2){inset:25px;animation-direction:reverse}.focus-radar span{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-weight:900;font-size:17px}

/* Cleaner, readable assistant conversation */
.pro-chat{border-radius:16px;box-shadow:none;border:1px solid var(--border)}.chat-project-bar{height:66px;padding:0 20px;background:var(--surface)}.chat-project-bar b{font-size:12px}.chat-project-bar small{font-size:10px}.context-ready{font-size:10px;padding:6px 10px}.chat-scroll{padding:30px 30px 22px;background:var(--surface)}.pro-chat .assistant-messages{gap:25px}.message-row{gap:11px}.message-row .bubble{max-width:min(82%,820px)}.message-row .ai-avatar{width:31px;height:31px;border-radius:10px;font-size:13px;margin-top:1px}.chat-user-avatar{width:31px;height:31px;border-radius:10px;font-size:11px}.user-message .user-bubble{max-width:min(68%,650px);padding:10px 14px;border-radius:15px 15px 4px 15px;box-shadow:none}.ai-message .ai-bubble{display:block;background:transparent;color:var(--text);border:0;border-radius:0;padding:2px 4px}.message-content{font-size:14px;line-height:2.05}.message-content p{margin:0 0 11px}.message-content h4{font-size:15px;line-height:1.7;margin:15px 0 6px}.message-content ul,.message-content ol{margin:7px 0 13px;padding-right:24px}.message-content li{margin:6px 0;padding-right:2px}.answer-source{display:inline-block;border:0;padding:3px 8px;margin-top:9px;border-radius:20px;background:var(--surface-2);color:var(--muted);font-size:9px}.pro-welcome{margin-bottom:26px}.pro-welcome .bubble{max-width:720px!important}.pro-composer{margin:0 20px 12px;padding:10px 13px 8px;border-radius:16px;background:var(--surface);box-shadow:0 8px 28px rgba(28,23,62,.08)}.pro-composer textarea{font-size:13px;min-height:44px}.pro-composer>div{padding-top:8px}.composer-hint{font-size:9px}.thinking-bubble{display:flex!important;min-width:285px!important;padding:10px 14px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:linear-gradient(110deg,var(--surface-2),var(--primary-soft),var(--surface-2))!important}.thinking-bubble strong{font-size:12px}.thinking-bubble small{font-size:10px}.pro-context{padding:18px}.context-title span{font-size:9px}.context-source{padding:11px 0!important}.manage-context{font-size:10px}.conversation-list b{font-size:10px}.conversation-list small{font-size:9px}

/* Clear keyword metrics and labels */
.keyword-overview{grid-template-columns:repeat(4,.58fr) 1.55fr}.keyword-health.connected b{color:var(--green)}.keyword-health.connected>b i{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}.opportunity-explainer{display:flex;align-items:center;gap:10px;margin:0 14px 13px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--primary-soft) 55%,var(--surface))}.opportunity-explainer>span,.click-data-note>span{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--primary);color:#fff;font-weight:900}.opportunity-explainer p,.click-data-note p{margin:0}.opportunity-explainer b,.opportunity-explainer small,.click-data-note b,.click-data-note small{display:block}.opportunity-explainer b,.click-data-note b{font-size:11px}.opportunity-explainer small,.click-data-note small{font-size:9px;line-height:1.9;color:var(--muted)}.idea-main h3{font-size:14px;line-height:1.8;margin:7px 0 2px}.idea-main p{font-size:9px;line-height:1.8}.idea-score{width:50px;height:50px}.idea-score strong{font-size:17px}.idea-score small{font-size:8px}.keyword-data-table .table-head,.keyword-data-table .table-row{min-width:940px;grid-template-columns:1.55fr .42fr .65fr .45fr .65fr .55fr 1fr}.keyword-name-cell b{font-size:15px;line-height:1.75}.keyword-name-cell small{font-size:9px;margin-top:2px}.monthly-click-cell b{font-size:14px}.monthly-click-cell small{font-size:8px!important}.click-data-note{display:flex;align-items:center;gap:10px;padding:13px 20px;background:color-mix(in srgb,var(--cyan) 7%,var(--surface));border-top:1px solid color-mix(in srgb,var(--cyan) 18%,var(--border))}.click-data-note>span{background:var(--cyan)}

@media(max-width:1050px){.keyword-overview{grid-template-columns:repeat(2,1fr)}.keyword-health{grid-column:span 2}.focus-overview{grid-template-columns:repeat(3,1fr)}.focus-disclaimer{grid-column:span 3}.focus-row{grid-template-columns:1.25fr .75fr .6fr .65fr}.focus-row>span:last-child{display:none}.focus-table-head>span:last-child{display:none}}
@media(max-width:760px){.keyword-focus-head{align-items:flex-start;flex-direction:column;padding:20px}.keyword-focus-head form,.keyword-focus-button{width:100%}.focus-title{align-items:flex-start}.focus-title h2{font-size:17px}.focus-overview{grid-template-columns:1fr 1fr;padding:13px}.focus-overview>article:nth-child(3){grid-column:span 2}.focus-disclaimer{grid-column:span 2}.focus-table{overflow-x:auto}.focus-row{min-width:720px}.focus-empty{align-items:flex-start;flex-direction:column}.focus-empty>div:last-child>div{flex-direction:column;gap:5px}.chat-scroll{padding:22px 14px}.message-row .bubble{max-width:88%}.user-message .user-bubble{max-width:78%}.message-content{font-size:13px}.pro-composer{margin:0 9px 8px}}

/* Unified SEO growth command center */
.growth-nav{background:linear-gradient(100deg,color-mix(in srgb,var(--primary-soft) 70%,transparent),transparent)}.growth-kicker,.section-eyebrow{display:block;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:1.2px}.growth-heading{align-items:flex-end}.growth-hero{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:12px;margin-bottom:18px}.growth-hero>article{display:flex;align-items:center;gap:13px;min-height:112px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:0 8px 26px rgba(31,25,67,.035)}.growth-hero article>div small,.growth-hero article>div b,.growth-hero article>div span{display:block}.growth-hero article>div small{font-size:9px;color:var(--muted)}.growth-hero article>div b{font-size:20px;margin:3px 0}.growth-hero article>div span{font-size:8px;color:var(--subtle)}.growth-score{background:linear-gradient(120deg,color-mix(in srgb,var(--primary-soft) 72%,var(--surface)),var(--surface))!important}.growth-score .score-ring{width:72px;height:72px}.growth-score .score-ring:before{inset:7px}.growth-score .score-ring span{font-size:19px!important}.growth-score .score-ring small{display:inline!important}.metric-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;font-size:17px;font-weight:900}.metric-icon.violet{color:var(--primary);background:var(--primary-soft)}.metric-icon.cyan{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,transparent)}.metric-icon.green{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.metric-icon.orange{color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent)}
.growth-section{margin-bottom:18px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 9px 32px rgba(31,25,67,.035)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{font-size:18px;margin:4px 0 2px}.section-heading p{font-size:10px;color:var(--muted);margin:0}.section-heading.compact{margin-bottom:14px}.section-heading.compact h2{font-size:16px}.data-badge{font-size:9px;color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent);padding:5px 9px;border-radius:20px}.count-bubble{width:42px;height:42px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);border-radius:13px;font-size:17px;font-weight:900}
.connection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.connection-card{display:flex;flex-direction:column;min-height:235px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg);transition:.2s}.connection-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));box-shadow:0 10px 25px rgba(43,34,94,.06)}.connection-card.connected{background:linear-gradient(145deg,color-mix(in srgb,var(--green) 5%,var(--surface)),var(--surface))}.connection-card header{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:9px}.connection-card header h3{font-size:12px;margin:0}.connection-card header small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.connection-card header em{font-style:normal;font-size:8px;color:var(--subtle)}.connection-card.connected header em{color:var(--green)}.connection-logo{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-weight:900}.connection-logo.search{color:#4285f4;background:#eaf1ff}.connection-logo.analytics{color:#f59e0b;background:#fff4dd}.connection-logo.speed{color:#11a9bd;background:#e4f9fb}.connection-logo.links{color:#7856ff;background:var(--primary-soft)}.connection-card>p{flex:1;margin:17px 0;font-size:9px;color:var(--muted);line-height:1.9}.connection-card>form>.button{width:100%;justify-content:center}.property-form{margin-top:17px}.property-form label{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.property-form>div{display:flex}.property-form input{width:100%;min-width:0;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:0 9px 9px 0;padding:8px;font-size:9px;direction:ltr}.property-form button{border:0;background:var(--primary);color:#fff;border-radius:9px 0 0 9px;padding:0 10px;font-size:9px}.connection-card footer{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto}.connection-card footer>small{font-size:7px;color:var(--subtle)}
.growth-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.crawl-progress>div{height:8px;background:var(--surface-2);border-radius:10px;overflow:hidden}.crawl-progress>div span{display:block;height:100%;max-width:100%;background:linear-gradient(90deg,var(--primary),var(--cyan));border-radius:10px}.crawl-progress>small{display:block;color:var(--muted);font-size:8px;margin-top:6px}.mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.mini-metrics article{padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:12px}.mini-metrics b,.mini-metrics small{display:block}.mini-metrics b{font-size:17px}.mini-metrics small{font-size:8px;color:var(--muted)}.honesty-note{display:flex;align-items:center;gap:9px;padding:10px 12px!important;margin:10px 0 0!important;border-radius:11px;background:color-mix(in srgb,var(--cyan) 7%,var(--surface));color:var(--muted);font-size:8px!important}.honesty-note>span{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:color-mix(in srgb,var(--cyan) 15%,transparent);color:var(--cyan);font-weight:900}.growth-empty{min-height:155px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted)}.growth-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--primary-soft);color:var(--primary);font-size:19px}.growth-empty h3{font-size:12px;color:var(--text);margin:10px 0 3px}.growth-empty p{font-size:9px;margin:0;max-width:440px}.growth-empty.small{min-height:180px}
.speed-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.speed-comparison>article{padding:15px;border-radius:15px;background:var(--bg);border:1px solid var(--border)}.speed-comparison article header{display:flex;align-items:center;justify-content:space-between;font-size:11px}.speed-grade{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-weight:900}.speed-grade.good{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.speed-grade.medium{color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent)}.speed-grade.bad{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.speed-comparison article>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:16px 0}.speed-comparison article>div span{border-left:1px solid var(--border)}.speed-comparison article>div span:last-child{border:0}.speed-comparison small,.speed-comparison b{display:block}.speed-comparison article>div small{font-size:8px;color:var(--muted)}.speed-comparison article>div b{font-size:11px;margin-top:2px}.speed-comparison footer{font-size:7px;color:var(--subtle)}
.opportunity-list{display:grid;gap:9px}.opportunity-list article{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.opportunity-score{width:52px;height:52px;display:grid;place-items:center;align-content:center;border-radius:14px;background:var(--primary-soft);color:var(--primary);font-size:17px;font-weight:900}.opportunity-score small{font-size:7px}.opportunity-list em{font-style:normal;font-size:8px;color:var(--cyan);font-weight:800}.opportunity-list h3{font-size:12px;margin:3px 0}.opportunity-list p{font-size:9px;color:var(--muted);margin:0}.opportunity-list strong{display:block;font-size:8px;margin-top:5px;font-weight:600}.link-suggestion-list,.alert-list{display:grid;gap:8px}.link-suggestion-list article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--border);border-radius:12px}.link-suggestion-list b,.link-suggestion-list small{display:block}.link-suggestion-list b{font-size:10px}.link-suggestion-list small{direction:ltr;text-align:left;color:var(--subtle);font-size:7px}.link-suggestion-list p{font-size:8px;color:var(--muted);margin:3px 0 0}.link-suggestion-list button{width:29px;height:29px;border:0;border-radius:9px;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green);cursor:pointer}.alert-list article{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px}.alert-list article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-weight:900}.alert-list article.critical>span{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.alert-list article.warning>span{color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent)}.alert-list b{font-size:10px}.alert-list p{font-size:8px;color:var(--muted);margin:2px 0}.alert-list button{border:0;background:transparent;color:var(--primary);font-size:8px;cursor:pointer}.backlink-summary{display:flex;gap:12px;font-size:9px;color:var(--muted)}.backlink-summary b{color:var(--text)}.backlink-table .table-head,.backlink-table .table-row{display:grid;grid-template-columns:1fr 1.4fr .4fr .5fr;gap:12px;padding:11px 13px;border-bottom:1px solid var(--border);font-size:9px}.backlink-table .table-head{background:var(--surface-2);color:var(--muted);border-radius:10px}.backlink-table a{color:var(--primary)}.backlink-table .lost{color:var(--red)}.backlink-table .active{color:var(--green)}
@media(max-width:1280px){.growth-hero{grid-template-columns:1.3fr repeat(2,1fr)}.connection-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.growth-two-column{grid-template-columns:1fr}.growth-hero{grid-template-columns:1fr 1fr}.growth-score{grid-column:span 2}.connection-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.growth-heading{align-items:flex-start}.growth-heading .heading-actions{width:100%}.growth-heading .heading-actions>*{flex:1}.growth-hero{grid-template-columns:1fr}.growth-score{grid-column:auto}.connection-grid{grid-template-columns:1fr}.speed-comparison{grid-template-columns:1fr}.mini-metrics{grid-template-columns:1fr 1fr}.opportunity-list article{grid-template-columns:50px 1fr}.opportunity-list article form{grid-column:span 2}.backlink-table{overflow-x:auto}.backlink-table .table-head,.backlink-table .table-row{min-width:620px}}
.connection-logo.keywords{color:#7856ff;background:var(--primary-soft)}.opportunity-actions{display:grid;gap:6px}.opportunity-actions form,.opportunity-actions button{width:100%}
.automation-list,.operation-list{display:grid;gap:8px}.automation-list form{display:grid;grid-template-columns:1fr auto 39px;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:12px}.automation-list b,.automation-list small{display:block}.automation-list b{font-size:10px}.automation-list small{font-size:7px;color:var(--muted)}.automation-list label{font-size:8px;color:var(--muted)}.automation-list input[type=number]{width:45px;padding:4px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font:inherit}.automation-toggle{width:39px;height:22px;padding:3px;border:0;border-radius:20px;background:var(--surface-2);cursor:pointer}.automation-toggle i{display:block;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:.2s}.automation-toggle.on{background:color-mix(in srgb,var(--green) 20%,transparent)}.automation-toggle.on i{background:var(--green);transform:translateX(-17px)}.honesty-note code{direction:ltr;background:var(--surface-2);padding:2px 5px;border-radius:5px}.operation-list article{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:10px;border-bottom:1px solid var(--border)}.operation-list article>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.operation-list b,.operation-list small{display:block}.operation-list b{font-size:9px}.operation-list small{font-size:7px;color:var(--muted)}.operation-list em{font-style:normal;font-size:7px;color:var(--green)}
.operation-list article>div:last-child{text-align:left}.operation-list article>div:last-child button{border:0;background:transparent;color:var(--primary);font-size:7px;cursor:pointer;padding:2px 0}

/* Readable tables and keyword discovery: never rely on 7–9px text for data. */
.data-table .table-head,.focus-table-head,.backlink-table .table-head{font-size:12px!important;line-height:1.8;font-weight:800}.data-table .table-row,.focus-row:not(.focus-table-head),.backlink-table .table-row{font-size:13px!important;line-height:1.9;min-height:74px}.data-table .table-row small,.focus-row small,.backlink-table .table-row small{font-size:10px!important;line-height:1.8}.keyword-data-table .table-row>span{font-size:13px}.keyword-name-cell b{font-size:17px!important;line-height:1.8}.keyword-name-cell small{font-size:11px!important}.monthly-click-cell b{font-size:17px!important}.monthly-click-cell small{font-size:10px!important}.rank-number{font-size:17px!important;font-weight:800}.keyword-table-panel .panel-header h2{font-size:20px}.keyword-table-panel .panel-header p,.keyword-table-panel .table-search input{font-size:12px}.idea-card{min-height:126px;padding:18px!important}.idea-main h3{font-size:17px!important;line-height:1.85;margin:8px 0 3px}.idea-main p{font-size:11px!important;line-height:1.9}.intent-badge,.cluster-badge{font-size:10px!important;padding:4px 8px!important}.idea-score{width:58px!important;height:58px!important}.idea-score strong{font-size:20px!important}.idea-score small{font-size:9px!important}.idea-observed-data{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:9px;padding-top:8px;border-top:1px solid var(--border)}.idea-observed-data span{font-size:10px;color:var(--muted)}.idea-observed-data b{font-size:12px;color:var(--text)}.idea-add{width:40px!important;height:40px!important;font-size:20px!important}.opportunity-explainer b,.click-data-note b{font-size:13px!important}.opportunity-explainer small,.click-data-note small{font-size:11px!important;line-height:2}.keyword-health span,.keyword-health small{font-size:11px!important}.keyword-health b{font-size:13px!important}
@media(max-width:760px){.data-table .table-head{font-size:11px!important}.data-table .table-row{font-size:12px!important}.idea-main h3{font-size:15px!important}.heading-actions form{width:100%}.heading-actions form .button{width:100%;justify-content:center}}
.keyword-overview{grid-template-columns:repeat(5,minmax(105px,.58fr)) 1.55fr}
@media(max-width:1050px){.keyword-overview{grid-template-columns:repeat(2,1fr)}.keyword-health{grid-column:span 2}}

/* High-legibility pass for table titles, field names and values. */
.keyword-table-panel{overflow:hidden}.keyword-table-panel .keyword-table-title{padding:24px 26px!important;min-height:104px}.table-section-label{display:block;margin-bottom:4px;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:1px}.keyword-table-panel .keyword-table-title h2{font-size:26px!important;line-height:1.5;margin:0 0 3px!important;letter-spacing:-.5px}.keyword-table-panel .keyword-table-title p{font-size:14px!important;line-height:1.9}.keyword-table-panel .table-search{font-size:16px!important;padding:11px 14px!important}.keyword-table-panel .table-search input{font-size:14px!important;min-width:190px}.keyword-data-table .table-head{min-height:62px!important;padding-top:15px!important;padding-bottom:15px!important;background:color-mix(in srgb,var(--primary-soft) 48%,var(--surface-2))!important;color:var(--text)!important;font-size:14px!important;font-weight:900!important}.keyword-data-table .table-head>span{font-size:14px!important;white-space:nowrap}.keyword-data-table .table-row{min-height:92px!important;padding-top:16px!important;padding-bottom:16px!important}.keyword-data-table .table-head,.keyword-data-table .table-row{min-width:1120px!important;grid-template-columns:1.55fr .5fr .78fr .58fr .72fr .62fr 1fr!important;column-gap:18px!important}.keyword-data-table .table-row>span{font-size:15px!important;font-weight:600;line-height:1.9}.keyword-data-table .keyword-name-cell b{font-size:20px!important}.keyword-data-table .keyword-name-cell small{font-size:12px!important;color:var(--muted);font-weight:500}.keyword-data-table .rank-number{font-size:21px!important;color:var(--text)}.keyword-data-table .monthly-click-cell{display:inline-flex;min-width:118px;max-width:160px;flex-direction:column;align-items:center;justify-content:center;padding:9px 12px;border-radius:12px;background:color-mix(in srgb,var(--cyan) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--cyan) 18%,var(--border))}.keyword-data-table .monthly-click-cell b{font-size:21px!important;color:var(--cyan)}.keyword-data-table .monthly-click-cell small{font-size:11px!important;color:var(--muted)}.keyword-data-table .rank-change-cell b,.keyword-data-table .rank-change-cell em{font-size:16px!important;font-weight:800}.keyword-data-table .device-cell,.keyword-data-table .location-cell{font-size:15px!important}.keyword-data-table .target-cell a{font-size:14px!important;font-weight:700;color:var(--primary)}.keyword-overview article strong{font-size:25px!important}.keyword-overview article small{font-size:12px!important;line-height:1.7}.keyword-overview .keyword-health>span{font-size:12px!important}.keyword-overview .keyword-health>b{font-size:15px!important}.keyword-overview .keyword-health>small{font-size:12px!important;line-height:1.9}.keyword-table-panel .click-data-note{padding:18px 24px!important}.keyword-table-panel .click-data-note b{font-size:15px!important}.keyword-table-panel .click-data-note small{font-size:13px!important;line-height:2}
.data-table:not(.keyword-data-table) .table-head,.focus-table-head,.backlink-table .table-head{font-size:14px!important;font-weight:900!important}.data-table:not(.keyword-data-table) .table-row,.focus-row:not(.focus-table-head),.backlink-table .table-row{font-size:15px!important}.data-table:not(.keyword-data-table) .table-row small,.focus-row small,.backlink-table .table-row small{font-size:12px!important}
@media(max-width:760px){.keyword-table-panel .keyword-table-title{padding:20px!important}.keyword-table-panel .keyword-table-title h2{font-size:22px!important}.keyword-table-panel .keyword-table-title p{font-size:13px!important}.keyword-data-table .table-head>span{font-size:13px!important}.keyword-data-table .table-row>span{font-size:14px!important}}

/* Conversational content studio */
.content-writer-heading{margin-bottom:16px}.content-writer-heading h1{font-size:29px;letter-spacing:-.8px}.content-writer-heading p{max-width:780px;font-size:13px;line-height:2}.content-writer-heading .heading-actions{display:flex;align-items:center;gap:9px}.content-writer-heading .heading-actions form{margin:0}
.writer-stage-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;padding:13px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.writer-stage-bar span{display:flex;align-items:center;gap:8px;color:var(--subtle)}.writer-stage-bar span i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);font-style:normal;font-size:11px;font-weight:900}.writer-stage-bar span b{font-size:11px;white-space:nowrap}.writer-stage-bar>em{width:42px;height:2px;background:var(--border)}.writer-stage-bar span.active{color:var(--primary)}.writer-stage-bar span.active i{color:#fff;background:linear-gradient(145deg,var(--primary),#9b6cff);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 25%,transparent)}.writer-stage-bar span.done{color:var(--green)}.writer-stage-bar span.done i{background:color-mix(in srgb,var(--green) 12%,transparent)}.writer-stage-bar span.done i:after{content:"";width:16px;height:16px;background:currentColor;mask:url("../icons/panel-check.svg") center/contain no-repeat}.writer-stage-bar span.done i{font-size:0}.writer-stage-bar span.done i:after{font-size:12px}
.content-writer-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:start}.writer-sidebar{display:grid;gap:13px}.writer-side-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 8px 28px rgba(31,25,67,.035)}.writer-side-card>header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--border)}.writer-side-card header small,.writer-side-card header h2{display:block;margin:0}.writer-side-card header small{color:var(--primary);font-size:9px;font-weight:800}.writer-side-card header h2{font-size:14px;margin-top:3px}.writer-side-card>header>span{min-width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:900}
.writer-session-list{max-height:225px;overflow:auto;padding:7px}.writer-session-list>a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:12px;color:var(--text);transition:.18s}.writer-session-list>a:hover,.writer-session-list>a.active{background:var(--primary-soft)}.writer-session-list>a>i{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--surface-2);color:var(--primary);font-style:normal}.writer-session-list>a.active>i{color:#fff;background:var(--primary)}.writer-session-list b,.writer-session-list small{display:block}.writer-session-list b{font-size:10px;line-height:1.8}.writer-session-list small{color:var(--muted);font-size:8px;margin-top:1px}
.writer-source-list{max-height:250px;overflow:auto;padding:7px}.writer-source-list>a{display:flex;align-items:flex-start;gap:9px;padding:10px;border-radius:11px;color:var(--text);border-bottom:1px solid var(--border)}.writer-source-list>a:last-child{border:0}.writer-source-list>a:hover{background:var(--surface-2)}.writer-source-list>a>i{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:color-mix(in srgb,var(--cyan) 11%,transparent);color:var(--cyan);font-style:normal}.writer-source-list b,.writer-source-list small{display:block}.writer-source-list b{font-size:9px;line-height:1.8}.writer-source-list small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right;color:var(--subtle);font-size:7px}.writer-side-empty{padding:23px 16px;text-align:center;color:var(--muted)}.writer-side-empty>span{width:35px;height:35px;display:grid;place-items:center;margin:0 auto 8px;border-radius:11px;background:var(--surface-2);color:var(--cyan);font-size:17px}.writer-side-empty p{font-size:9px;line-height:1.9;margin:0}
.draft-side-card>[data-draft-content]{padding:16px}.draft-side-card [data-draft-content]>b,.draft-side-card [data-draft-content]>small{display:block}.draft-side-card [data-draft-content]>b{font-size:11px;line-height:1.9}.draft-side-card [data-draft-content]>small{color:var(--muted);font-size:9px;margin:3px 0 12px}.draft-side-card [data-draft-content]>p{color:var(--muted);font-size:9px;line-height:2;margin:0}.draft-side-card .button{width:100%;justify-content:center}
.writer-chat-shell{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 18px 50px rgba(31,25,67,.06)}.writer-chat-head{height:73px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:0 19px;border-bottom:1px solid var(--border);background:linear-gradient(115deg,color-mix(in srgb,var(--primary-soft) 48%,var(--surface)),var(--surface) 54%)}.writer-project-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--primary),var(--cyan));font-size:16px;font-weight:900}.writer-chat-head>div:nth-child(2)>b,.writer-chat-head>div:nth-child(2)>small{display:block}.writer-chat-head>div:nth-child(2)>b{font-size:12px}.writer-chat-head>div:nth-child(2)>small{font-size:9px;color:var(--muted);margin-top:2px}.writer-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:20px;background:var(--surface);border:1px solid var(--border);font-size:9px;font-weight:800;color:var(--muted)}.writer-status i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--orange) 11%,transparent)}.writer-status.drafting{color:var(--green)}.writer-status.drafting i{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 11%,transparent)}.writer-status.generating{color:var(--primary)}.writer-status.generating i{background:var(--primary);animation:writerPulse 1s infinite}
.writer-chat-scroll{height:555px;overflow-y:auto;scroll-behavior:smooth;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 16%,var(--surface)),var(--surface) 25%)}.writer-messages{display:flex;flex-direction:column;gap:24px;padding:30px 31px 45px}.writer-message{width:100%;display:flex;align-items:flex-start;gap:10px;direction:ltr}.writer-message.writer-user{flex-direction:row-reverse}.writer-avatar{width:33px;height:33px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:linear-gradient(145deg,var(--primary),#4d388f);color:#fff;font-size:11px;font-weight:900}.writer-ai .writer-avatar{background:linear-gradient(145deg,#8b5cff,var(--cyan));font-size:14px}.writer-bubble{max-width:min(76%,780px);direction:rtl;text-align:right;padding:12px 15px;border:1px solid var(--border);border-radius:17px 17px 5px 17px;background:var(--surface);color:var(--text);box-shadow:0 5px 16px rgba(31,25,67,.035)}.writer-user .writer-bubble{color:#fff;border:0;border-radius:17px 17px 17px 5px;background:linear-gradient(135deg,var(--primary),#7650ed);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 17%,transparent)}.writer-ai .writer-bubble{border-radius:17px 17px 17px 5px}.writer-bubble.brief-bubble{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 58%,var(--surface)),var(--surface))}.writer-bubble.draft-bubble{border-color:color-mix(in srgb,var(--green) 28%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--green) 6%,var(--surface)),var(--surface))}.writer-message-content{font-size:13px;line-height:2}.writer-message-content p{margin:0 0 10px}.writer-message-content p:last-child{margin-bottom:0}.writer-message-content ul,.writer-message-content ol{padding-right:23px;margin:8px 0 12px}.writer-message-content li{margin:5px 0}.writer-message-content h4{font-size:14px;margin:12px 0 5px}.writer-message-content a{color:var(--primary);font-weight:700}.writer-bubble>small{display:block;margin-top:8px;color:var(--subtle);font-size:8px}.writer-user .writer-bubble>small{color:rgba(255,255,255,.72)}
.writer-quick-prompts{display:flex;gap:7px;overflow-x:auto;padding:9px 20px 0;border-top:1px solid var(--border)}.writer-quick-prompts button{white-space:nowrap;padding:7px 10px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--muted);font-size:9px;cursor:pointer}.writer-quick-prompts button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.writer-composer{margin:10px 18px 7px;padding:11px 13px 9px;border:1.5px solid color-mix(in srgb,var(--primary) 48%,var(--border));border-radius:16px;background:var(--surface);box-shadow:0 9px 26px rgba(31,25,67,.07);transition:.18s}.writer-composer:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent),0 9px 26px rgba(31,25,67,.07)}.writer-composer textarea{display:block;width:100%;min-height:44px;max-height:190px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:12px;line-height:1.9}.writer-composer>div{display:flex;align-items:center;justify-content:space-between;padding-top:7px;border-top:1px solid var(--border)}.writer-composer>div>small{font-size:8px;color:var(--subtle)}.writer-send{display:inline-flex;align-items:center;gap:7px;padding:6px 7px 6px 11px;border:0;border-radius:11px;background:var(--primary);color:#fff;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.writer-send i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.17);font-style:normal;font-size:14px}.writer-send:disabled{opacity:.55;cursor:wait}.writer-honesty{text-align:center;color:var(--subtle);font-size:7px;margin:0 0 10px}
.writer-thinking .writer-bubble{display:flex;align-items:center;gap:13px;min-width:310px;background:linear-gradient(110deg,var(--surface),var(--primary-soft),var(--surface));background-size:220% 100%;animation:writerShimmer 2.2s linear infinite}.writer-thinking-animation{display:flex;gap:4px}.writer-thinking-animation i{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:writerDot .9s ease-in-out infinite}.writer-thinking-animation i:nth-child(2){animation-delay:.14s}.writer-thinking-animation i:nth-child(3){animation-delay:.28s}.writer-thinking .writer-bubble>div:last-child>b,.writer-thinking .writer-bubble>div:last-child>small{display:block}.writer-thinking .writer-bubble>div:last-child>b{font-size:10px}.writer-thinking .writer-bubble>div:last-child>small{font-size:8px;color:var(--muted);margin-top:3px}.writer-chat-error{align-self:center;padding:9px 12px;border-radius:11px;background:color-mix(in srgb,var(--red) 8%,var(--surface));color:var(--red);font-size:10px}.writer-chat-error span{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:5px;border-radius:7px;background:color-mix(in srgb,var(--red) 13%,transparent);font-weight:900}
.writer-library{margin-top:18px;padding:20px;border:1px solid var(--border);border-radius:19px;background:var(--surface)}.writer-library>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.writer-library header small{color:var(--primary);font-size:9px;font-weight:800}.writer-library header h2{font-size:16px;margin:3px 0}.writer-library header>span{font-size:9px;color:var(--muted)}.writer-library>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.writer-library>div>a{position:relative;padding:15px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--bg)}.writer-library>div>a:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));transform:translateY(-1px)}.writer-library a>b,.writer-library a>small{display:block}.writer-library a>b{font-size:11px;margin:11px 0 4px}.writer-library a>small{font-size:8px;color:var(--muted)}.writer-library a>i{position:absolute;left:14px;bottom:13px;color:var(--primary);font-style:normal}
@keyframes writerDot{0%,100%{opacity:.35;transform:translateY(1px)}50%{opacity:1;transform:translateY(-3px)}}@keyframes writerShimmer{to{background-position:-220% 0}}@keyframes writerPulse{50%{opacity:.4;transform:scale(.7)}}
@media(max-width:1100px){.content-writer-layout{grid-template-columns:260px minmax(0,1fr)}.writer-stage-bar>em{width:20px}.writer-library>div{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.content-writer-layout{grid-template-columns:1fr}.writer-sidebar{grid-template-columns:1fr 1fr}.conversation-card{grid-column:span 2}.writer-stage-bar{justify-content:flex-start;overflow-x:auto}.writer-stage-bar>em{min-width:22px}.writer-chat-scroll{height:510px}}
@media(max-width:620px){.content-writer-heading{align-items:flex-start}.content-writer-heading h1{font-size:23px}.content-writer-heading .heading-actions{width:100%}.content-writer-heading .heading-actions>*{flex:1}.content-writer-heading .button{width:100%;justify-content:center}.writer-stage-bar{padding:10px}.writer-stage-bar span b{font-size:9px}.writer-stage-bar span i{width:25px;height:25px}.writer-sidebar{grid-template-columns:1fr}.conversation-card{grid-column:auto}.writer-chat-head{grid-template-columns:37px 1fr}.writer-status{grid-column:span 2;justify-self:stretch;justify-content:center;margin-bottom:9px}.writer-chat-head{height:auto;padding:12px}.writer-chat-scroll{height:480px}.writer-messages{padding:23px 13px 35px;gap:20px}.writer-bubble{max-width:88%;padding:10px 12px}.writer-message-content{font-size:12px}.writer-composer{margin:9px}.writer-composer>div>small{display:none}.writer-library>div{grid-template-columns:1fr}}

/* Balanced keyword intelligence workspace */
.kw-studio{--kw-radius:17px}.kw-heading{margin-bottom:15px}.kw-heading h1{font-size:27px;letter-spacing:-.6px}.kw-heading p{font-size:12px;line-height:1.9}.kw-kicker{display:block;margin-bottom:5px;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:1.5px}.kw-heading .heading-actions{display:flex;gap:8px}.kw-heading .heading-actions form{margin:0}
.kw-hero{display:grid;grid-template-columns:.95fr 1.55fr;gap:13px;margin-bottom:13px}.kw-hero-copy,.kw-source-map{border:1px solid var(--border);border-radius:var(--kw-radius);background:var(--surface);box-shadow:0 8px 28px rgba(31,25,67,.035)}.kw-hero-copy{display:flex;align-items:center;gap:15px;padding:18px;background:linear-gradient(125deg,color-mix(in srgb,var(--primary-soft) 72%,var(--surface)),var(--surface))}.kw-orbit{width:51px;height:51px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--primary),var(--cyan));font-size:22px;font-weight:900;box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 22%,transparent)}.kw-hero-copy small{color:var(--primary);font-size:9px;font-weight:800}.kw-hero-copy h2{font-size:17px;line-height:1.65;margin:3px 0}.kw-hero-copy p{max-width:540px;color:var(--muted);font-size:9px;line-height:1.9;margin:0}.kw-source-map{display:grid;grid-template-columns:repeat(4,1fr);padding:8px}.kw-source-map article{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:10px;border-left:1px solid var(--border)}.kw-source-map article:last-child{border:0}.kw-source-map article>i{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--muted);font-style:normal}.kw-source-map article b,.kw-source-map article small{display:block}.kw-source-map article b{font-size:9px}.kw-source-map article small{font-size:7px;color:var(--subtle);margin-top:2px}.kw-source-map article>em{position:absolute;left:8px;top:5px;color:var(--subtle);font-size:7px;font-style:normal}.kw-source-map article.ready>i{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.kw-source-map article.ready>em{color:var(--green)}
.kw-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:13px}.kw-metrics article{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 6px 20px rgba(31,25,67,.025)}.kw-metrics article>i{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;font-style:normal;font-size:15px;font-weight:900}.kw-metrics i.violet{color:var(--primary);background:var(--primary-soft)}.kw-metrics i.cyan{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 11%,transparent)}.kw-metrics i.green{color:var(--green);background:color-mix(in srgb,var(--green) 11%,transparent)}.kw-metrics i.orange{color:var(--orange);background:color-mix(in srgb,var(--orange) 11%,transparent)}.kw-metrics i.blue{color:#4384ef;background:color-mix(in srgb,#4384ef 11%,transparent)}.kw-metrics i.pink{color:#db56a7;background:color-mix(in srgb,#db56a7 10%,transparent)}.kw-metrics small,.kw-metrics strong,.kw-metrics span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kw-metrics small{font-size:8px;color:var(--muted)}.kw-metrics strong{font-size:19px;line-height:1.35}.kw-metrics span{font-size:7px;color:var(--subtle)}
.kw-panel{margin-bottom:14px;overflow:hidden;border:1px solid var(--border);border-radius:var(--kw-radius);background:var(--surface);box-shadow:0 9px 30px rgba(31,25,67,.035)}.kw-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--border)}.kw-panel-head>div>span{display:block;color:var(--primary);font-size:8px;font-weight:900;letter-spacing:.7px}.kw-panel-head h2{font-size:17px;line-height:1.5;margin:3px 0}.kw-panel-head p{color:var(--muted);font-size:9px;margin:0}.kw-refresh{padding:8px 12px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:10px;background:var(--primary-soft);color:var(--primary);font:inherit;font-size:9px;font-weight:800;cursor:pointer}.kw-refresh:hover{background:var(--primary);color:#fff}
.kw-discovery-table,.kw-tracking-table{overflow-x:auto}.kw-discovery-row{display:grid;grid-template-columns:1.35fr .7fr 1fr .45fr .55fr .55fr;gap:12px;align-items:center;min-width:920px;min-height:65px;padding:10px 20px;border-bottom:1px solid var(--border);font-size:11px}.kw-discovery-row:not(.head):hover,.kw-track-row:not(.head):hover{background:color-mix(in srgb,var(--primary-soft) 25%,var(--surface))}.kw-discovery-row.head,.kw-track-row.head{min-height:42px;background:var(--surface-2);color:var(--muted);font-size:9px;font-weight:800}.kw-discovered-name b,.kw-discovered-name small,.kw-pages b,.kw-pages small,.kw-rank-state b,.kw-rank-state small{display:block}.kw-discovered-name b{font-size:12px}.kw-discovered-name small{font-size:8px;color:var(--muted);margin-top:2px}.kw-discovered-name small i{padding:2px 6px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-style:normal}.kw-focus{display:inline-flex;padding:4px 8px;border-radius:15px;font-size:8px;font-style:normal;font-weight:800}.kw-focus.high{color:var(--green);background:color-mix(in srgb,var(--green) 11%,transparent)}.kw-focus.medium{color:var(--orange);background:color-mix(in srgb,var(--orange) 11%,transparent)}.kw-focus.low{color:var(--muted);background:var(--surface-2)}.kw-score{display:block;color:var(--subtle);font-size:7px;margin-top:3px}.kw-evidence{display:flex;flex-wrap:wrap;gap:4px}.kw-evidence i{padding:3px 6px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:7px;font-style:normal}.kw-pages b,.kw-rank-state b{font-size:14px}.kw-pages small,.kw-rank-state small{color:var(--muted);font-size:7px}.kw-rank-state.found b{color:var(--green)}.kw-rank-state.not_found b{color:var(--orange)}.kw-add-track{padding:7px 9px;border:0;border-radius:9px;background:var(--primary);color:#fff;font:inherit;font-size:8px;font-weight:800;cursor:pointer}.kw-tracked-check{color:var(--green);font-size:8px;font-weight:800}
.kw-honesty{display:flex;align-items:flex-start;gap:9px;padding:11px 18px;background:color-mix(in srgb,var(--cyan) 6%,var(--surface))}.kw-honesty>i{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--cyan);background:color-mix(in srgb,var(--cyan) 13%,transparent);font-style:normal;font-weight:900}.kw-honesty p{margin:0}.kw-honesty b,.kw-honesty span{display:block}.kw-honesty b{font-size:9px}.kw-honesty span{color:var(--muted);font-size:8px;line-height:1.8}
.kw-search{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:12px}.kw-search input{width:175px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:9px}.kw-track-row{display:grid;grid-template-columns:1.45fr .45fr .8fr .75fr .5fr 1fr;gap:12px;align-items:center;min-width:980px;min-height:72px;padding:11px 20px;border-bottom:1px solid var(--border)}.kw-track-row>span{font-size:10px}.kw-keyword-name b,.kw-keyword-name small,.kw-current-rank b,.kw-current-rank small,.kw-market-cell b,.kw-market-cell small,.kw-market-cell em,.kw-real-clicks b,.kw-real-clicks small,.kw-change b,.kw-change small,.kw-target b,.kw-target small{display:block}.kw-keyword-name b{font-size:14px!important;line-height:1.7}.kw-keyword-name small{font-size:8px!important;color:var(--muted)}.kw-current-rank b{font-size:17px;color:var(--primary)}.kw-current-rank small,.kw-market-cell small,.kw-real-clicks small,.kw-change small,.kw-target small{font-size:7px;color:var(--muted)}.kw-market-cell b,.kw-real-clicks b{font-size:14px}.kw-market-cell em{color:var(--cyan);font-size:7px;font-style:normal;margin-top:2px}.kw-real-clicks b{color:#4384ef}.kw-change b{font-size:11px}.kw-change b.up{color:var(--green)}.kw-change b.down{color:var(--red)}.kw-target a{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left;color:var(--primary);font-size:8px;font-weight:700}.kw-data-legend{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--border)}.kw-data-legend>div{display:flex;align-items:flex-start;gap:9px;padding:12px 18px}.kw-data-legend>div:first-child{border-left:1px solid var(--border)}.kw-data-legend i{width:9px;height:9px;flex:0 0 auto;margin-top:5px;border-radius:50%}.kw-data-legend i.market{background:var(--cyan);box-shadow:0 0 0 4px color-mix(in srgb,var(--cyan) 10%,transparent)}.kw-data-legend i.real{background:#4384ef;box-shadow:0 0 0 4px color-mix(in srgb,#4384ef 10%,transparent)}.kw-data-legend p{margin:0}.kw-data-legend b,.kw-data-legend span{display:block}.kw-data-legend b{font-size:9px}.kw-data-legend span{color:var(--muted);font-size:8px;line-height:1.8}
.kw-track-actions{display:flex;align-items:center;gap:7px}.kw-track-actions form{margin:0}
.kw-priority-help{display:flex;align-items:center;gap:9px;margin:12px 14px 0;padding:9px 11px;border:1px solid color-mix(in srgb,var(--primary) 17%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--primary-soft) 48%,var(--surface))}.kw-priority-help>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:var(--primary);color:#fff;font-size:10px;font-weight:900}.kw-priority-help p{margin:0}.kw-priority-help b,.kw-priority-help small{display:block}.kw-priority-help b{font-size:9px}.kw-priority-help small{color:var(--muted);font-size:8px;line-height:1.8}.kw-idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px 14px}.kw-idea-card{display:grid;grid-template-columns:43px 1fr 29px;align-items:start;gap:9px;min-height:116px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--bg)}.kw-idea-card:hover{border-color:color-mix(in srgb,var(--primary) 26%,var(--border));box-shadow:0 7px 18px rgba(31,25,67,.035)}.kw-idea-score{width:42px;height:42px;display:grid;place-items:center;align-content:center;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.kw-idea-score strong{font-size:14px;line-height:1.2}.kw-idea-score small{font-size:6px}.kw-idea-main>div{display:flex;flex-wrap:wrap;gap:4px}.kw-idea-main>div span{padding:2px 6px;border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:6px}.kw-idea-main>div span.intent{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,transparent)}.kw-idea-main>div span.intent.commercial{color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,transparent)}.kw-idea-main>div span.intent.transactional{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.kw-idea-main>div span.targeted{color:var(--primary);background:var(--primary-soft)}.kw-idea-main h3{font-size:11px;line-height:1.75;margin:6px 0 2px}.kw-idea-main p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:28px;color:var(--muted);font-size:7px;line-height:1.8;margin:0}.kw-idea-main footer{display:flex;gap:10px;margin-top:7px;padding-top:6px;border-top:1px solid var(--border);color:var(--muted);font-size:7px}.kw-idea-main footer b{color:var(--text)}.kw-idea-card>form button{width:28px;height:28px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-size:15px;cursor:pointer}
.kw-empty{display:flex;align-items:center;justify-content:center;gap:16px;min-height:160px;padding:28px}.kw-empty>span{width:45px;height:45px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:var(--primary-soft);color:var(--primary);font-size:19px;font-weight:900}.kw-empty h3{font-size:13px;margin:0 0 4px}.kw-empty p{max-width:650px;color:var(--muted);font-size:9px;line-height:1.9;margin:0}.kw-empty.compact{min-height:130px}
@media(max-width:1250px){.kw-hero{grid-template-columns:1fr}.kw-metrics{grid-template-columns:repeat(3,1fr)}.kw-idea-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.kw-source-map{grid-template-columns:1fr 1fr}.kw-source-map article:nth-child(2){border-left:0}.kw-source-map article:nth-child(-n+2){border-bottom:1px solid var(--border)}.kw-data-legend{grid-template-columns:1fr}.kw-data-legend>div:first-child{border-left:0;border-bottom:1px solid var(--border)}}
@media(max-width:700px){.kw-heading{align-items:flex-start}.kw-heading .heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.kw-heading .heading-actions form{grid-column:span 2}.kw-heading .heading-actions .button{width:100%;justify-content:center}.kw-metrics{grid-template-columns:1fr 1fr}.kw-idea-grid{grid-template-columns:1fr}.kw-panel-head{align-items:flex-start;flex-direction:column}.kw-panel-head form,.kw-refresh,.kw-search,.kw-track-actions{width:100%}.kw-track-actions{align-items:stretch;flex-direction:column}.kw-search input{width:100%}.kw-empty{align-items:flex-start;flex-direction:column}.kw-empty form,.kw-empty .button{width:100%}}
@media(max-width:470px){.kw-source-map,.kw-metrics{grid-template-columns:1fr}.kw-source-map article{border-left:0!important;border-bottom:1px solid var(--border)}.kw-source-map article:last-child{border-bottom:0}.kw-heading .heading-actions{grid-template-columns:1fr}.kw-heading .heading-actions form{grid-column:auto}.kw-hero-copy{align-items:flex-start}.kw-hero-copy h2{font-size:15px}}

/* Three clear tabs for keyword work: focus, rank tracking, and opportunities. */
.kw-metrics-compact{grid-template-columns:repeat(4,1fr)}.kw-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 14px}.kw-tabs>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--text);transition:.18s}.kw-tabs>a:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));transform:translateY(-1px)}.kw-tabs>a.active{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:linear-gradient(125deg,var(--primary-soft),var(--surface));box-shadow:0 9px 25px color-mix(in srgb,var(--primary) 9%,transparent)}.kw-tabs>a>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--surface-2);color:var(--muted);font-size:16px;font-style:normal;font-weight:900}.kw-tabs>a.active>i{color:#fff;background:var(--primary)}.kw-tabs b,.kw-tabs small{display:block}.kw-tabs b{font-size:11px}.kw-tabs small{color:var(--muted);font-size:8px;margin-top:2px}.kw-tabs em{min-width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--primary);font-size:10px;font-style:normal;font-weight:900}.kw-tabs>a.active em{background:#fff;color:var(--primary)}.kw-tab-panel{min-height:450px}.kw-tab-guide{display:flex;align-items:flex-start;gap:10px;margin:13px 15px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--primary) 17%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--primary-soft) 42%,var(--surface))}.kw-tab-guide>i{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--primary);color:#fff;font-size:13px;font-style:normal}.kw-tab-guide p{margin:0}.kw-tab-guide b,.kw-tab-guide span{display:block}.kw-tab-guide b{font-size:10px}.kw-tab-guide span{color:var(--muted);font-size:9px;line-height:1.85}.kw-tab-guide.click-guide{border-color:color-mix(in srgb,#4384ef 18%,var(--border));background:color-mix(in srgb,#4384ef 5%,var(--surface))}.kw-tab-guide.click-guide>i{background:#4384ef}.kw-tracking-table .kw-track-row{grid-template-columns:1.4fr .44fr .82fr .78fr .52fr 1fr .38fr;min-width:1130px}.kw-delete{padding:7px 9px;border:1px solid color-mix(in srgb,var(--red) 24%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--red) 7%,var(--surface));color:var(--red);font:inherit;font-size:8px;font-weight:800;cursor:pointer}.kw-delete:hover{color:#fff;background:var(--red)}.kw-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 5px;padding:11px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.kw-pagination a,.kw-pagination>span{min-width:78px;text-align:center;font-size:9px}.kw-pagination a{padding:7px 9px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-weight:800}.kw-pagination>span:not(.disabled){color:var(--muted)}.kw-pagination>span b{color:var(--text)}.kw-pagination .disabled{color:var(--subtle);opacity:.5}
@media(max-width:1050px){.kw-metrics-compact{grid-template-columns:repeat(2,1fr)}.kw-tabs{grid-template-columns:1fr}.kw-tabs>a{min-height:64px}.kw-tab-panel{min-height:0}}
@media(max-width:700px){.kw-metrics-compact{grid-template-columns:1fr 1fr}.kw-tabs>a{padding:11px}.kw-tabs b{font-size:10px}.kw-tabs small{font-size:7px}.kw-pagination{gap:7px}.kw-pagination a,.kw-pagination>span{min-width:auto;font-size:8px}.kw-pagination>span:not(.disabled){flex:1}}

/* Readability pass: focus and rank tables plus application sidebar. */
.kw-studio .kw-metrics-compact article{padding:15px}.kw-studio .kw-metrics-compact small{font-size:10px}.kw-studio .kw-metrics-compact strong{font-size:23px}.kw-studio .kw-metrics-compact span{font-size:9px}.kw-studio .kw-tabs b{font-size:13px}.kw-studio .kw-tabs small{font-size:10px}.kw-studio .kw-tabs em{font-size:11px}.kw-studio .kw-panel-head{padding:21px 22px}.kw-studio .kw-panel-head>div>span{font-size:10px}.kw-studio .kw-panel-head h2{font-size:20px}.kw-studio .kw-panel-head p{font-size:11px;line-height:1.9}.kw-studio .kw-refresh{padding:10px 14px;font-size:11px}.kw-studio .kw-tab-guide{margin:16px 18px;padding:14px 15px;gap:12px}.kw-studio .kw-tab-guide>i{width:33px;height:33px;border-radius:10px;font-size:15px}.kw-studio .kw-tab-guide b{font-size:12px}.kw-studio .kw-tab-guide span{font-size:11px;line-height:2}
.kw-studio .kw-discovery-row{min-height:82px;padding:14px 22px;gap:15px;font-size:13px}.kw-studio .kw-discovery-row.head{min-height:53px;font-size:12px}.kw-studio .kw-discovered-name b{font-size:15px}.kw-studio .kw-discovered-name small{font-size:10px;margin-top:4px}.kw-studio .kw-focus{padding:5px 9px;font-size:10px}.kw-studio .kw-score{font-size:9px;margin-top:5px}.kw-studio .kw-evidence{gap:6px}.kw-studio .kw-evidence i{padding:4px 7px;font-size:9px}.kw-studio .kw-pages b,.kw-studio .kw-rank-state b{font-size:18px}.kw-studio .kw-pages small,.kw-studio .kw-rank-state small{font-size:9px}.kw-studio .kw-add-track{padding:9px 11px;font-size:10px}.kw-studio .kw-tracked-check{font-size:10px}
.kw-studio .kw-track-row{min-height:94px;padding:15px 22px;gap:16px}.kw-studio .kw-track-row.head{min-height:53px;font-size:12px}.kw-studio .kw-track-row>span{font-size:13px}.kw-studio .kw-keyword-name b{font-size:17px!important}.kw-studio .kw-keyword-name small{font-size:10px!important;margin-top:3px}.kw-studio .kw-current-rank b{font-size:21px}.kw-studio .kw-current-rank small,.kw-studio .kw-market-cell small,.kw-studio .kw-real-clicks small,.kw-studio .kw-change small,.kw-studio .kw-target small{font-size:9px}.kw-studio .kw-market-cell b,.kw-studio .kw-real-clicks b{font-size:17px}.kw-studio .kw-market-cell em{font-size:9px;margin-top:4px}.kw-studio .kw-change b{font-size:14px}.kw-studio .kw-target a{font-size:10px;max-width:240px}.kw-studio .kw-delete{padding:9px 12px;font-size:10px}.kw-studio .kw-data-legend b{font-size:11px}.kw-studio .kw-data-legend span{font-size:10px;line-height:1.95}
.app-sidebar{width:272px}.app-content{margin-right:272px}.sidebar-nav{gap:5px}.nav-label{font-size:10px;padding:18px 12px 6px}.sidebar-nav a,.support-link{min-height:46px;padding:0 12px;font-size:13px;gap:11px}.nav-glyph{font-size:18px;width:23px}.sidebar-nav a em{min-width:24px;height:22px;font-size:9px}.sidebar-nav .ai-nav i{font-size:8px;padding:2px 6px}.workspace-select b{font-size:12px}.workspace-select small{font-size:9px}.support-link span{width:22px}.usage-card>div:first-child{font-size:10px}.usage-card small,.usage-card a{font-size:9px}
.app-sidebar{overflow:hidden}.sidebar-nav{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:0 3px 14px;margin:0 -3px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:99px;background:var(--border)}.sidebar-bottom{position:relative;z-index:1;flex:0 0 auto;padding-top:9px;background:var(--surface);border-top:1px solid var(--border)}
@media(max-width:760px){.app-sidebar{width:270px}.app-content{margin-right:0}.kw-studio .kw-track-row{min-height:86px}.kw-studio .kw-discovery-row{min-height:76px}.kw-studio .kw-panel-head h2{font-size:18px}.kw-studio .kw-tab-guide span{font-size:10px}}

/* Temporary metrics-free keyword tracking layout. */
.growth-hero{grid-template-columns:1.35fr repeat(2,1fr)}
.kw-tracking-table .kw-track-row{grid-template-columns:1.45fr .55fr .9fr .55fr 1.05fr .38fr;min-width:980px}
.kw-studio .kw-current-rank small,.kw-studio .kw-change small,.kw-studio .kw-target small{font-size:9px}

/* Business-fit AI assessment for tracked keywords. */
.kw-tracking-table .kw-track-row{grid-template-columns:1.3fr .5fr .9fr .55fr 1.05fr .38fr;min-width:980px}
.ai-fit-guide{border-color:color-mix(in srgb,var(--cyan) 22%,var(--border));background:color-mix(in srgb,var(--cyan) 6%,var(--surface))}.ai-fit-guide>i{background:var(--cyan)}
.kw-ai-fit b,.kw-ai-fit small{display:block}.kw-ai-fit b{font-size:10px}.kw-ai-fit small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.75}.kw-ai-fit.suitable b{color:var(--green)}.kw-ai-fit.review b{color:var(--orange)}.kw-ai-fit.unsuitable b{color:var(--red)}.kw-ai-fit.unreviewed b{color:var(--muted)}
.kw-studio .kw-ai-fit b{font-size:12px}.kw-studio .kw-ai-fit small{font-size:9px}

/* Device glyphs in the rank-check table. */
.rank-device-label{display:inline-flex;align-items:center;gap:7px}.rank-device-label svg{width:18px;height:18px;flex:0 0 auto;stroke:var(--primary);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.rank-device-cell small{padding-right:25px}

/* Prominent per-competitor refresh action. */
.competitor-card>footer .competitor-refresh{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 12px 6px 7px;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:13px;background:linear-gradient(135deg,var(--primary),#7864ff);box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 23%,transparent);color:#fff;font:inherit;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.competitor-card>footer .competitor-refresh:before{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.23) 48%,transparent 72%);content:"";transform:translateX(-130%);transition:transform .5s ease}.competitor-card>footer .competitor-refresh:hover{color:#fff;filter:saturate(1.12);box-shadow:0 11px 25px color-mix(in srgb,var(--primary) 31%,transparent);transform:translateY(-2px)}.competitor-card>footer .competitor-refresh:hover:before{transform:translateX(130%)}.competitor-card>footer .competitor-refresh:focus-visible{outline:3px solid color-mix(in srgb,var(--cyan) 48%,transparent);outline-offset:3px}.competitor-refresh-icon{position:relative;width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(255,255,255,.18)}.competitor-refresh-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.competitor-card>footer .competitor-refresh .button-label{position:relative;display:grid;line-height:1.2;text-align:right}.competitor-card>footer .competitor-refresh .button-label b,.competitor-card>footer .competitor-refresh .button-label small{display:block}.competitor-card>footer .competitor-refresh .button-label b{font-size:9px}.competitor-card>footer .competitor-refresh .button-label small{margin-top:2px;color:rgba(255,255,255,.78);font-size:7px}.competitor-card>footer .competitor-refresh .button-loading{position:relative;color:#fff;font-size:8px}.competitor-card>footer .competitor-refresh.is-loading{pointer-events:none;filter:saturate(.75)}.competitor-card>footer .competitor-refresh.is-loading .button-label,.competitor-card>footer .competitor-refresh.is-loading .competitor-refresh-icon{display:none}.competitor-card>footer .competitor-refresh.is-loading .button-loading{display:flex}

/* Readable keyword opportunity cards with an expandable two-sentence AI opinion. */
.kw-studio .kw-idea-grid{gap:12px;padding:16px 18px 19px}.kw-studio .kw-idea-card{grid-template-columns:54px minmax(0,1fr) 42px;gap:12px;min-height:151px;padding:16px;border-radius:16px;background:linear-gradient(145deg,var(--bg),var(--surface));transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.kw-studio .kw-idea-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 10px 24px rgba(31,25,67,.06);transform:translateY(-1px)}.kw-studio .kw-idea-score{width:54px;height:54px;border-radius:15px}.kw-studio .kw-idea-score strong{font-size:19px}.kw-studio .kw-idea-score small{font-size:8px}.kw-studio .kw-idea-main>div{gap:6px}.kw-studio .kw-idea-main>div span{padding:4px 8px;border-radius:10px;font-size:9px}.kw-studio .kw-idea-main h3{font-size:16px!important;line-height:1.85;margin:9px 0 2px}.idea-opinion-hint{display:block;color:var(--muted);font-size:9px;line-height:1.8}.kw-studio .kw-idea-card>form button{width:39px;height:39px;border-radius:12px;font-size:22px;box-shadow:0 6px 13px color-mix(in srgb,var(--primary) 20%,transparent);transition:transform .18s ease,filter .18s ease}.kw-studio .kw-idea-card>form button:hover{filter:brightness(1.08);transform:translateY(-2px)}.idea-ai-opinion{grid-column:1/-1;margin-top:1px;border:1px solid color-mix(in srgb,var(--cyan) 24%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--cyan) 5%,var(--surface));overflow:hidden}.idea-ai-opinion>summary{display:flex;align-items:center;gap:8px;min-height:39px;padding:6px 10px;list-style:none;cursor:pointer;color:var(--cyan);user-select:none}.idea-ai-opinion>summary::-webkit-details-marker{display:none}.idea-ai-opinion-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:color-mix(in srgb,var(--cyan) 14%,transparent)}.idea-ai-opinion-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.idea-ai-opinion summary b{font-size:10px}.idea-ai-opinion summary i{margin-right:auto;font-size:15px;font-style:normal;transition:transform .18s ease}.idea-ai-opinion[open] summary i{transform:rotate(180deg)}.idea-ai-opinion>div{padding:0 12px 11px;border-top:1px solid color-mix(in srgb,var(--cyan) 15%,var(--border))}.idea-ai-opinion>div>span{display:block;margin-top:9px;color:var(--cyan);font-size:8px;font-weight:900}.idea-ai-opinion p{margin:4px 0 0;color:var(--text);font-size:11px;line-height:2.05}.idea-ai-opinion[open]{background:color-mix(in srgb,var(--cyan) 8%,var(--surface));box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
@media(max-width:700px){.kw-studio .kw-idea-card{grid-template-columns:50px minmax(0,1fr) 38px;padding:14px}.kw-studio .kw-idea-score{width:50px;height:50px}.kw-studio .kw-idea-main h3{font-size:15px!important}.idea-ai-opinion p{font-size:10px}}

/* The AI opinion is a compact popover, not a permanent card footer. */
.kw-studio .kw-idea-card{position:relative;grid-template-columns:54px minmax(0,1fr) auto;min-height:122px;padding:14px 16px}.kw-studio .kw-idea-main h3{margin-bottom:0}.idea-card-actions{display:flex;align-items:center;align-self:start;gap:7px}.kw-studio .kw-idea-card .idea-card-actions>form button{width:36px;height:36px;border-radius:11px;font-size:20px}.kw-studio .idea-ai-opinion{position:relative;display:block;grid-column:auto;margin:0;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}.kw-studio .idea-ai-opinion>summary{display:grid;width:34px;min-height:34px;padding:0;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--cyan) 10%,var(--surface));color:var(--cyan);transition:background .18s ease,transform .18s ease}.kw-studio .idea-ai-opinion>summary:hover{background:color-mix(in srgb,var(--cyan) 18%,var(--surface));transform:translateY(-1px)}.kw-studio .idea-ai-opinion-icon{width:24px;height:24px;background:transparent}.kw-studio .idea-ai-opinion>div{position:absolute;z-index:30;inset-inline-start:0;inset-block-start:calc(100% + 8px);width:min(300px,calc(100vw - 92px));padding:11px 12px;border:1px solid color-mix(in srgb,var(--cyan) 31%,var(--border));border-radius:13px;background:var(--surface);box-shadow:0 14px 32px rgba(28,39,79,.16)}.kw-studio .idea-ai-opinion>div:before{position:absolute;inset-block-start:-6px;inset-inline-start:12px;width:10px;height:10px;border-top:1px solid color-mix(in srgb,var(--cyan) 31%,var(--border));border-left:1px solid color-mix(in srgb,var(--cyan) 31%,var(--border));background:var(--surface);content:"";transform:rotate(45deg)}.kw-studio .idea-ai-opinion>div>span{position:relative;margin:0;color:var(--cyan);font-size:9px}.kw-studio .idea-ai-opinion p{position:relative;margin:5px 0 0;color:var(--text);font-size:10px;line-height:2}.kw-studio .idea-ai-opinion[open]{background:transparent;box-shadow:none}.kw-studio .idea-ai-opinion[open]>summary{background:var(--cyan);color:#fff}.kw-studio .idea-ai-opinion[open]>summary i{transform:none}@media(max-width:700px){.kw-studio .kw-idea-card{grid-template-columns:50px minmax(0,1fr) auto;min-height:114px;padding:13px}.kw-studio .idea-ai-opinion>div{inset-inline-start:auto;inset-inline-end:0;width:min(286px,calc(100vw - 65px))}}

/* Restore the original compact card layout; only the AI opinion is a small inline trigger. */
.kw-studio .kw-idea-grid{gap:8px;padding:12px 14px 14px}.kw-studio .kw-idea-card{grid-template-columns:43px minmax(0,1fr) 29px;gap:9px;min-height:116px;padding:12px;border-radius:13px;background:var(--bg);box-shadow:none;transform:none}.kw-studio .kw-idea-card:hover{box-shadow:0 7px 18px rgba(31,25,67,.035);transform:none}.kw-studio .kw-idea-score{width:42px;height:42px;border-radius:12px}.kw-studio .kw-idea-score strong{font-size:14px}.kw-studio .kw-idea-score small{font-size:6px}.kw-studio .kw-idea-main>div{gap:4px}.kw-studio .kw-idea-main>div span{padding:2px 6px;border-radius:9px;font-size:7px}.kw-studio .kw-idea-main h3{font-size:13px!important;line-height:1.8;margin:6px 0 3px}.kw-studio .kw-idea-card>form button{width:28px;height:28px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-size:15px;box-shadow:none;transform:none}.kw-studio .kw-idea-main .idea-ai-opinion{position:relative;display:inline-block;margin:0;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}.kw-studio .kw-idea-main .idea-ai-opinion>summary{display:inline-flex;width:auto;min-height:22px;padding:0;align-items:center;gap:4px;border-radius:0;background:transparent;color:var(--cyan);font-weight:800}.kw-studio .kw-idea-main .idea-ai-opinion>summary:hover{background:transparent;transform:none;color:color-mix(in srgb,var(--cyan) 78%,var(--primary))}.kw-studio .kw-idea-main .idea-ai-opinion-icon{width:18px;height:18px;flex:0 0 auto}.kw-studio .kw-idea-main .idea-ai-opinion-icon svg{width:13px;height:13px}.kw-studio .kw-idea-main .idea-ai-opinion summary b{font-size:8px}.kw-studio .kw-idea-main .idea-ai-opinion>div{inset-inline-start:0;inset-block-start:calc(100% + 7px);width:min(290px,calc(100vw - 76px));padding:10px 11px}.kw-studio .kw-idea-main .idea-ai-opinion>div>span{font-size:8px}.kw-studio .kw-idea-main .idea-ai-opinion p{font-size:9px;line-height:1.95}@media(max-width:700px){.kw-studio .kw-idea-card{grid-template-columns:43px minmax(0,1fr) 29px;min-height:110px;padding:12px}.kw-studio .kw-idea-main h3{font-size:12px!important}.kw-studio .kw-idea-main .idea-ai-opinion>div{inset-inline-start:auto;inset-inline-end:0;width:min(278px,calc(100vw - 58px))}}

/* Readability refinement for suggestion cards and their AI popovers. */
.kw-studio .kw-idea-main h3{font-size:14px!important;line-height:1.9;margin:7px 0 4px;font-weight:800}.kw-studio .kw-idea-main .idea-ai-opinion>summary{min-height:25px;gap:5px}.kw-studio .kw-idea-main .idea-ai-opinion-icon{width:20px;height:20px}.kw-studio .kw-idea-main .idea-ai-opinion-icon svg{width:14px;height:14px}.kw-studio .kw-idea-main .idea-ai-opinion summary b{font-size:9px;letter-spacing:-.1px}.kw-studio .kw-idea-main .idea-ai-opinion>div{width:min(320px,calc(100vw - 76px));padding:13px 14px;border-radius:14px}.kw-studio .kw-idea-main .idea-ai-opinion>div>span{font-size:9px}.kw-studio .kw-idea-main .idea-ai-opinion p{margin-top:6px;font-size:11px;line-height:2.1;font-weight:500}@media(max-width:700px){.kw-studio .kw-idea-main h3{font-size:13px!important}.kw-studio .kw-idea-main .idea-ai-opinion summary b{font-size:8px}.kw-studio .kw-idea-main .idea-ai-opinion p{font-size:10px;line-height:2}.kw-studio .kw-idea-main .idea-ai-opinion>div{width:min(290px,calc(100vw - 58px))}}

/* Make the AI trigger and its short explanation unmistakably readable. */
.kw-studio .kw-idea-main .idea-ai-opinion>summary{min-height:29px!important;gap:6px}.kw-studio .kw-idea-main .idea-ai-opinion-icon{width:23px;height:23px}.kw-studio .kw-idea-main .idea-ai-opinion-icon svg{width:16px;height:16px}.kw-studio .kw-idea-main .idea-ai-opinion summary b{font-size:12px!important;font-weight:900;letter-spacing:0}.kw-studio .kw-idea-main .idea-ai-opinion>div{width:min(350px,calc(100vw - 72px));padding:15px 16px}.kw-studio .kw-idea-main .idea-ai-opinion>div>span{font-size:11px;font-weight:900}.kw-studio .kw-idea-main .idea-ai-opinion p{font-size:13px!important;line-height:2.15;font-weight:500}@media(max-width:700px){.kw-studio .kw-idea-main .idea-ai-opinion summary b{font-size:10px!important}.kw-studio .kw-idea-main .idea-ai-opinion p{font-size:11px!important}.kw-studio .kw-idea-main .idea-ai-opinion>div{width:min(306px,calc(100vw - 52px))}}

/* The popover must show the full AI opinion, never the card's two-line clamp. */
.kw-studio .kw-idea-main .idea-ai-opinion p{display:block!important;overflow:visible!important;min-height:0!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important}

/* Site statistics: collected data only, with source-aware empty states. */
.site-stats-heading{align-items:flex-end}.site-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 16px}.site-stat-card{min-height:118px;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px rgba(31,25,67,.035)}.site-stat-card.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 72%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.site-stat-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:var(--primary-soft);color:var(--primary);font-size:18px;font-weight:900}.site-stat-icon.cyan{background:color-mix(in srgb,var(--cyan) 12%,transparent);color:var(--cyan)}.site-stat-icon.orange{background:color-mix(in srgb,var(--orange) 13%,transparent);color:var(--orange)}.site-stat-icon.green{background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.site-stat-card small,.site-stat-card b,.site-stat-card em{display:block}.site-stat-card small{font-size:10px;color:var(--muted)}.site-stat-card b{margin:3px 0;font-size:23px;line-height:1;font-weight:900}.site-stat-card b i{font-size:10px;font-style:normal;color:var(--muted)}.site-stat-card em{font-size:9px;font-style:normal;color:var(--subtle)}.site-stats-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.site-stats-panel{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 8px 26px rgba(31,25,67,.035)}.site-stats-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--border)}.site-stats-panel>header span{display:block;font-size:9px;font-weight:900;letter-spacing:1px;color:var(--primary)}.site-stats-panel>header h2{margin:4px 0;font-size:18px}.site-stats-panel>header p{margin:0;font-size:10px;color:var(--muted)}.site-stats-panel>header>a{white-space:nowrap;font-size:10px;font-weight:800;color:var(--primary)}.status-chip{padding:5px 9px;border-radius:99px;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green);font-size:9px}.page-summary,.backlink-stat-row,.keyword-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin:14px 18px;border:1px solid var(--border);border-radius:13px;overflow:hidden}.page-summary span,.backlink-stat-row span,.keyword-stat-grid span{min-height:55px;display:grid;place-content:center;text-align:center;gap:3px;background:var(--surface)}.page-summary b,.backlink-stat-row b,.keyword-stat-grid b{font-size:16px}.page-summary span,.backlink-stat-row span{font-size:9px;color:var(--muted)}.site-page-list,.site-backlink-list{padding:0 18px 18px;overflow-x:auto}.site-table-head,.site-table-row{display:grid;grid-template-columns:minmax(230px,1.6fr) .45fr .4fr .55fr;gap:12px;align-items:center;padding:10px 12px;font-size:11px}.site-table-head{border-radius:10px;background:var(--surface-2);font-size:10px;font-weight:800;color:var(--muted)}.site-table-row{border-bottom:1px solid var(--border)}.site-table-row>span:first-child{min-width:0}.site-table-row b,.site-table-row small{display:block}.site-table-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.site-table-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;direction:ltr;text-align:right;font-size:9px;color:var(--subtle)}.site-table-row a{color:var(--primary);font-weight:800}.http-status,.link-status{font-size:9px;font-weight:800}.http-status.good,.link-status.active{color:var(--green)}.http-status.bad,.link-status.lost{color:var(--red)}.stats-empty{min-height:155px;display:grid;place-content:center;justify-items:center;gap:9px;padding:20px;text-align:center;color:var(--muted)}.stats-empty span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);color:var(--primary);font-size:18px}.stats-empty p{max-width:360px;margin:0;font-size:11px;line-height:2}.backlink-stat-row{grid-template-columns:repeat(3,1fr)}.keyword-stat-grid{margin:18px;grid-template-columns:repeat(4,1fr)}.keyword-stat-grid small{font-size:10px;color:var(--muted)}.source-status-list{padding:8px 18px 18px}.source-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid var(--border)}.source-status-list>div:last-child{border:0}.source-status-list span{display:flex;align-items:center;gap:8px}.source-status-list i{width:8px;height:8px;border-radius:50%;background:var(--subtle)}.source-status-list i.connected{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}.source-status-list i.needs_attention{background:var(--orange)}.source-status-list b{font-size:11px}.source-status-list small{font-size:10px;color:var(--muted)}@media(max-width:1050px){.site-stats-grid{grid-template-columns:repeat(2,1fr)}.site-stats-layout{grid-template-columns:1fr}.site-stats-panel{min-width:0}}@media(max-width:620px){.site-stats-heading{align-items:flex-start}.site-stats-heading .heading-actions{width:100%}.site-stats-heading .heading-actions>*{flex:1}.site-stats-grid{grid-template-columns:1fr}.site-table-head,.site-table-row{min-width:620px}.keyword-stat-grid,.page-summary{grid-template-columns:repeat(2,1fr)}.site-stats-panel>header{padding:15px}.site-stats-panel>header h2{font-size:16px}}

/* Notifications float above the sidebar at the actual lower-right screen corner. */
.toast-stack{top:auto!important;right:18px!important;bottom:18px!important;left:auto!important;z-index:500!important;max-width:min(400px,calc(100vw - 36px));pointer-events:none}.toast{position:relative;min-width:340px!important;padding:15px 42px 15px 16px!important;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border))!important;border-radius:18px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,#fff),var(--surface))!important;box-shadow:0 20px 52px rgba(27,19,74,.2),0 2px 8px rgba(27,19,74,.07)!important;backdrop-filter:blur(14px);font-size:12px!important;line-height:1.9!important;pointer-events:auto;transition:opacity .34s ease,transform .34s cubic-bezier(.2,.8,.2,1),filter .34s ease;animation:toast-slide-in .42s cubic-bezier(.2,.85,.25,1.08) both}.toast:before{position:absolute;top:0;right:18px;left:18px;height:3px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,var(--primary),var(--cyan));content:""}.toast>span{width:30px!important;height:30px!important;border-radius:10px!important}.toast.error{border-color:color-mix(in srgb,var(--red) 48%,var(--border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--red) 7%,var(--surface)),var(--surface))!important;color:color-mix(in srgb,var(--text) 86%,var(--red))!important}.toast.error:before{background:linear-gradient(90deg,var(--red),#ff9a9a)}.toast.error>span{background:color-mix(in srgb,var(--red) 14%,transparent)!important;color:var(--red)!important}.toast.leaving{opacity:0;filter:blur(1px);transform:translateX(32px) scale(.96)}.toast button{position:absolute;top:12px;right:12px;width:24px;height:24px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:17px!important;line-height:1!important;cursor:pointer;transition:background .18s ease,color .18s ease}.toast button:hover{background:var(--surface-2);color:var(--text)}@keyframes toast-slide-in{from{opacity:0;transform:translateX(44px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}@media(max-width:620px){.toast-stack{right:10px!important;bottom:12px!important;max-width:calc(100vw - 20px)}.toast{min-width:0!important}}
.toast.success{border-color:color-mix(in srgb,var(--green) 48%,var(--border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 13%,var(--surface)),var(--surface))!important;color:color-mix(in srgb,var(--text) 89%,var(--green))!important}.toast.success:before{background:linear-gradient(90deg,var(--green),#79dfad)}.toast.success>span{background:color-mix(in srgb,var(--green) 15%,transparent)!important;color:var(--green)!important}.kw-refresh.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:152px;pointer-events:none;cursor:wait;background:var(--primary)!important;color:#fff!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.inline-loader{display:inline-flex;align-items:center;gap:3px;direction:ltr}.inline-loader i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:kw-button-pulse .8s ease-in-out infinite}.inline-loader i:nth-child(2){animation-delay:.13s}.inline-loader i:nth-child(3){animation-delay:.26s}@keyframes kw-button-pulse{0%,100%{opacity:.38;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}.kw-track-row.head>span small{display:block;margin-top:2px;color:var(--subtle);font-size:7px;font-weight:600}
.toast.warning{border-color:color-mix(in srgb,var(--orange) 48%,var(--border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 12%,var(--surface)),var(--surface))!important;color:color-mix(in srgb,var(--text) 88%,var(--orange))!important}.toast.warning:before{background:linear-gradient(90deg,var(--orange),#ffc36a)}.toast.warning>span{background:color-mix(in srgb,var(--orange) 16%,transparent)!important;color:var(--orange)!important}.kw-tracked-error{display:inline-flex;align-items:center;gap:4px;color:var(--red);font-size:8px;font-weight:800}.kw-tracked-error:before{width:15px;height:15px;display:grid;place-items:center;border-radius:5px;background:color-mix(in srgb,var(--red) 12%,transparent);content:"!"}
.kw-studio .kw-discovery-row{grid-template-columns:1.55fr .8fr .5fr .72fr .78fr;min-width:760px}.kw-rank-state.error b,.kw-rank-state.error small{color:var(--red)}

/* A shared plain-language orientation panel: visible once per page, then remembered. */
.plain-language-guide{margin:0 0 18px;border:1px solid color-mix(in srgb,var(--cyan) 29%,var(--border));border-radius:17px;background:linear-gradient(105deg,color-mix(in srgb,var(--cyan) 8%,var(--surface)),var(--surface) 62%);box-shadow:0 8px 23px rgba(30,71,110,.035);overflow:hidden}.plain-language-guide>summary{display:flex;align-items:center;gap:12px;min-height:74px;padding:13px 17px;list-style:none;cursor:pointer;user-select:none}.plain-language-guide>summary::-webkit-details-marker{display:none}.plain-language-guide-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:var(--cyan);color:#fff;font-size:19px;font-weight:900;box-shadow:0 7px 15px color-mix(in srgb,var(--cyan) 22%,transparent)}.plain-language-guide-copy{min-width:0;display:grid;gap:2px}.plain-language-guide-copy small{color:var(--cyan);font-size:10px;font-weight:900}.plain-language-guide-copy b{font-size:15px;line-height:1.7}.plain-language-guide-copy em{overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;line-height:1.85;white-space:nowrap;text-overflow:ellipsis}.plain-language-guide-toggle{display:flex;align-items:center;gap:7px;margin-right:auto;color:var(--cyan);font-size:10px;font-weight:800;white-space:nowrap}.plain-language-guide-toggle strong{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--cyan) 11%,transparent);font-size:16px;transition:transform .2s ease}.plain-language-guide[open] .plain-language-guide-toggle strong{transform:rotate(180deg)}.plain-language-guide-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 17px 15px;border-top:1px solid color-mix(in srgb,var(--cyan) 15%,var(--border))}.plain-language-guide-body p{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;color:var(--muted);font-size:11px;line-height:2}.plain-language-guide-body p>span{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;margin-top:1px;border-radius:8px;background:color-mix(in srgb,var(--cyan) 12%,transparent);color:var(--cyan);font-weight:900}.plain-language-guide-body b{color:var(--text);white-space:nowrap}@media(max-width:760px){.plain-language-guide{margin-bottom:14px}.plain-language-guide>summary{min-height:68px;padding:12px}.plain-language-guide-icon{width:34px;height:34px;border-radius:11px;font-size:16px}.plain-language-guide-copy b{font-size:13px}.plain-language-guide-copy em{font-size:10px}.plain-language-guide-toggle i{display:none}.plain-language-guide-body{grid-template-columns:1fr;padding:0 12px 12px}.plain-language-guide-body p{margin-top:9px;font-size:10px;line-height:1.95}}

/* Contextual AI launcher: small by default, a focused page-aware conversation on demand. */
.context-ai-launcher{position:fixed;z-index:460;bottom:20px;left:20px;display:flex;align-items:center;gap:9px;padding:8px 14px 8px 9px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:17px;background:linear-gradient(135deg,#251a58,var(--primary));color:#fff;box-shadow:0 16px 38px rgba(56,39,132,.3);font:inherit;text-align:right;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.context-ai-launcher:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(56,39,132,.36)}.context-ai-launcher.is-open{opacity:0;transform:translateY(10px) scale(.9);pointer-events:none}.context-ai-launcher-orb,.context-ai-head-orb{display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.17)}.context-ai-launcher-orb{width:36px;height:36px;animation:context-ai-glow 2.7s ease-in-out infinite}.context-ai-launcher-orb svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.context-ai-launcher b,.context-ai-launcher small{display:block}.context-ai-launcher b{font-size:11px}.context-ai-launcher small{margin-top:1px;opacity:.75;font-size:8px}.context-ai-panel{position:fixed;z-index:461;bottom:20px;left:20px;display:flex;visibility:hidden;width:min(390px,calc(100vw - 34px));height:min(560px,calc(100vh - 40px));flex-direction:column;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border));border-radius:22px;background:var(--surface);box-shadow:0 26px 70px rgba(26,19,71,.27);opacity:0;overflow:hidden;pointer-events:none;transform:translateY(18px) scale(.96);transform-origin:bottom left;transition:opacity .23s ease,transform .27s cubic-bezier(.2,.85,.25,1.08),visibility .27s}.context-ai-panel.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.context-ai-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 13px;background:linear-gradient(110deg,#1e1749,var(--primary));color:#fff}.context-ai-head>div{display:flex;min-width:0;align-items:center;gap:9px}.context-ai-head-orb{width:33px;height:33px;flex:0 0 auto;font-size:16px}.context-ai-head p{min-width:0;margin:0}.context-ai-head b,.context-ai-head small{display:block}.context-ai-head b{font-size:12px}.context-ai-head small{overflow:hidden;margin-top:2px;font-size:8px;opacity:.76;white-space:nowrap;text-overflow:ellipsis}.context-ai-head button{width:29px;height:29px;border:0;border-radius:9px;background:rgba(255,255,255,.13);color:#fff;font:inherit;font-size:20px;line-height:1;cursor:pointer}.context-ai-head button:hover{background:rgba(255,255,255,.23)}.context-ai-messages{display:flex;min-height:0;flex:1;flex-direction:column;gap:10px;padding:15px;overflow-y:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 32%,var(--surface)),var(--surface) 34%)}.context-ai-welcome,.context-ai-message{display:flex;align-items:flex-start;gap:8px}.context-ai-welcome>span,.context-ai-message.ai>span{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--primary);color:#fff;font-size:13px}.context-ai-welcome p,.context-ai-message>div{margin:0;padding:10px 11px;border:1px solid var(--border);border-radius:12px 3px 12px 12px;background:var(--surface);color:var(--text);font-size:11px;line-height:2}.context-ai-message.user{justify-content:flex-start}.context-ai-message.user>div{margin-right:34px;border-color:color-mix(in srgb,var(--primary) 26%,var(--border));border-radius:3px 12px 12px;background:var(--primary);color:#fff}.context-ai-message.ai>div{min-width:0}.context-ai-message.ai .message-content p{margin:0 0 7px}.context-ai-message.ai .message-content p:last-child{margin-bottom:0}.context-ai-message.ai .message-content ul,.context-ai-message.ai .message-content ol{margin:5px 0;padding-right:17px}.context-ai-thinking{display:flex;align-items:center;gap:7px;width:max-content;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:12px;background:var(--surface);color:var(--muted);font-size:10px}.context-ai-thinking i{width:5px;height:5px;border-radius:50%;background:var(--primary);animation:context-ai-dot .85s ease-in-out infinite}.context-ai-thinking i:nth-child(2){animation-delay:.13s}.context-ai-thinking i:nth-child(3){animation-delay:.26s}.context-ai-prompts{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border);background:var(--surface);overflow-x:auto}.context-ai-prompts button{flex:0 0 auto;padding:6px 9px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:20px;background:var(--primary-soft);color:var(--primary);font:inherit;font-size:9px;font-weight:800;cursor:pointer}.context-ai-composer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface)}.context-ai-composer textarea{width:100%;min-height:36px;max-height:110px;resize:none;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);font:inherit;font-size:11px;line-height:1.8;outline:none;padding:7px 9px}.context-ai-composer textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}.context-ai-composer button{width:35px;height:35px;flex:0 0 auto;border:0;border-radius:11px;background:var(--primary);color:#fff;font:inherit;font-size:18px;cursor:pointer}.context-ai-composer button:disabled{opacity:.55;cursor:wait}.context-ai-full-link{padding:9px 12px 11px;background:var(--surface);color:var(--primary);font-size:10px;font-weight:900;text-align:center;border-top:1px solid var(--border)}@keyframes context-ai-glow{50%{box-shadow:0 0 0 6px rgba(255,255,255,.09)}}@keyframes context-ai-dot{0%,100%{opacity:.35;transform:translateY(1px)}50%{opacity:1;transform:translateY(-2px)}}@media(max-width:760px){.context-ai-launcher{bottom:13px;left:13px}.context-ai-panel{bottom:10px;left:10px;width:calc(100vw - 20px);height:min(570px,calc(100vh - 20px));border-radius:19px}.context-ai-launcher small{display:none}.context-ai-launcher{padding-left:10px}.context-ai-messages{padding:12px}.context-ai-welcome p,.context-ai-message>div{font-size:10px}}

/* Rich content editor: no raw Markdown, with the AI controls kept in the useful side panel. */
.rich-content-editor{align-items:start}.rich-editor-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,color-mix(in srgb,var(--primary-soft) 44%,var(--surface)),var(--surface) 55%)}.rich-editor-intro>div{display:grid;gap:3px}.rich-editor-intro span{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.5px}.rich-editor-intro b{font-size:12px}.rich-editor-intro small{max-width:260px;color:var(--muted);font-size:9px;line-height:1.8}.rich-editor-paper{min-height:760px;padding:0;background:var(--surface)}.rich-editor-paper .ck.ck-editor{border:0;border-radius:0;box-shadow:none}.rich-editor-paper .ck.ck-toolbar{padding:9px 16px;border:0;border-bottom:1px solid var(--border);background:var(--surface-2)}.rich-editor-paper .ck.ck-toolbar .ck-toolbar__items{gap:3px}.rich-editor-paper .ck.ck-button{border-radius:8px!important}.rich-editor-paper .ck.ck-button.ck-on{background:var(--primary-soft)!important;color:var(--primary)!important}.rich-editor-paper .ck.ck-button:not(.ck-disabled):hover{background:color-mix(in srgb,var(--primary) 9%,var(--surface))!important}.rich-editor-paper .ck.ck-editor__main>.ck-editor__editable{min-height:675px;padding:42px 60px;border:0!important;background:var(--surface);color:var(--text);box-shadow:none!important;font:400 14px/2.25 var(--font);direction:rtl;text-align:right}.rich-editor-paper .ck-content h1{margin:0 0 18px;font-size:28px;line-height:1.6}.rich-editor-paper .ck-content h2{margin:32px 0 12px;padding-right:12px;border-right:4px solid var(--primary);font-size:21px;line-height:1.8}.rich-editor-paper .ck-content h3{margin:24px 0 9px;font-size:17px;line-height:1.8}.rich-editor-paper .ck-content p{margin:0 0 15px}.rich-editor-paper .ck-content strong{font-weight:900}.rich-editor-paper .ck-content hr{margin:28px 0;border:0;border-top:1px solid var(--border)}.rich-editor-paper .ck-content figure.table{margin:24px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.rich-editor-paper .ck-content table{margin:0;width:100%;font-size:12px}.rich-editor-paper .ck-content table th{background:var(--primary-soft);color:var(--primary);font-weight:900}.rich-editor-paper .ck-content table td,.rich-editor-paper .ck-content table th{padding:10px 12px;text-align:right}.rich-editor-paper .ck-content figure.image{margin:22px auto;max-width:min(100%,720px)}.rich-editor-paper .ck-content figure.image img{border-radius:14px;box-shadow:0 10px 30px rgba(29,22,65,.12)}.editor-load-note{margin:0;padding:12px 20px;background:#fff4e8;color:#a75b00;font-size:10px;line-height:1.8}.editor-ai-actions{padding:0;overflow:hidden;border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:linear-gradient(155deg,color-mix(in srgb,var(--primary-soft) 72%,var(--surface)),var(--surface) 50%)}.editor-ai-actions-head{display:flex;align-items:center;gap:9px;padding:14px 15px;border-bottom:1px solid color-mix(in srgb,var(--primary) 17%,var(--border))}.editor-ai-actions-head>span{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--primary),#7b65ff);color:#fff;font-size:15px}.editor-ai-actions-head h3{margin:0;font-size:11px}.editor-ai-actions-head p{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.7}.editor-ai-actions .content-ai-presets{padding:11px 13px 0}.editor-ai-actions .content-ai-presets button{padding:5px 8px;background:var(--surface);font-size:8px}.editor-ai-actions textarea{display:block;box-sizing:border-box;width:calc(100% - 26px);margin:11px 13px 8px;resize:vertical;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:10px;background:var(--surface);color:var(--text);padding:9px;font:inherit;font-size:9px;line-height:1.8;outline:none}.editor-ai-actions textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.editor-ai-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 13px}.editor-ai-action-buttons button{min-height:35px;border:0;border-radius:9px;background:var(--primary);color:#fff;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.editor-ai-action-buttons button.secondary{border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));background:var(--surface);color:var(--primary)}.editor-ai-action-buttons button:disabled{opacity:.55;cursor:wait}.editor-ai-actions .content-ai-feedback{display:block;padding:9px 13px 13px;font-size:8px;line-height:1.8}.metadata-card{box-shadow:0 9px 20px rgba(30,23,78,.035)}.metadata-head button{background:linear-gradient(135deg,var(--primary),#7a62ff)}
@media(max-width:850px){.rich-editor-intro{align-items:flex-start;flex-direction:column}.rich-editor-paper .ck.ck-editor__main>.ck-editor__editable{padding:28px 22px;min-height:590px}}
@media(max-width:560px){.editor-ai-action-buttons{grid-template-columns:1fr}.rich-editor-paper .ck.ck-toolbar{padding:8px}.rich-editor-paper .ck.ck-editor__main>.ck-editor__editable{padding:22px 15px;font-size:13px}.rich-editor-intro{padding:14px}.rich-editor-intro small{max-width:none}}

/* Give content work a comfortable, easy-to-read scale instead of compact dashboard cards. */
.editor-ai-actions{min-height:274px}.editor-ai-actions-head{gap:10px;padding:18px 17px}.editor-ai-actions-head>span{width:38px;height:38px;border-radius:12px;font-size:18px}.editor-ai-actions-head h3{font-size:13px}.editor-ai-actions-head p{margin-top:4px;font-size:9px}.editor-ai-actions .content-ai-presets{padding:14px 16px 0}.editor-ai-actions .content-ai-presets button{padding:6px 10px;font-size:9px}.editor-ai-actions textarea{width:calc(100% - 32px);margin:13px 16px 10px;padding:10px;font-size:10px;border-radius:11px}.editor-ai-action-buttons{gap:7px;padding:0 16px}.editor-ai-action-buttons button{min-height:39px;font-size:9px;border-radius:10px}.editor-ai-actions .content-ai-feedback{padding:11px 16px 16px;font-size:9px}.score-card{min-height:270px!important;padding:22px!important}.score-card .score-ring.medium{width:128px;height:128px;margin:22px auto 18px}.score-card .score-ring.medium span{font-size:24px}.score-card .panel-header h3{font-size:14px}.score-card .panel-header span{font-size:10px}.score-card>p{font-size:10px!important;line-height:2!important}

/* The whole side column is a draft-specific conversation, not a stack of passive cards. */
.editor-chat-aside{display:block;position:sticky;top:86px}.editor-chat-panel{display:flex;min-height:700px;height:calc(100vh - 128px);max-height:820px;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:18px;background:var(--surface);box-shadow:0 18px 40px rgba(32,23,86,.08)}.editor-chat-head{display:flex;align-items:center;gap:10px;padding:16px;background:linear-gradient(120deg,#21184f,var(--primary));color:#fff}.editor-chat-head>span{display:grid;width:35px;height:35px;place-items:center;flex:0 0 auto;border-radius:11px;background:rgba(255,255,255,.16);font-size:18px}.editor-chat-head b,.editor-chat-head small{display:block}.editor-chat-head b{font-size:12px}.editor-chat-head small{margin-top:2px;font-size:8px;line-height:1.7;opacity:.76}.editor-chat-context{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--primary-soft) 42%,var(--surface))}.editor-chat-context b{min-width:0;overflow:hidden;color:var(--primary);font-size:9px;white-space:nowrap;text-overflow:ellipsis}.editor-chat-context span{flex:0 0 auto;color:var(--muted);font-size:8px}.editor-chat-messages{display:flex;min-height:0;flex:1;flex-direction:column;gap:11px;padding:14px;overflow-y:auto;direction:ltr;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 22%,var(--surface)),var(--surface) 36%)}.editor-chat-message{display:flex;max-width:100%;direction:ltr}.editor-chat-message.user{justify-content:flex-end}.editor-chat-message.ai{justify-content:flex-start;align-items:flex-start;gap:7px}.editor-chat-message.ai>span{display:grid;width:25px;height:25px;place-items:center;flex:0 0 auto;border-radius:8px;background:var(--primary);color:#fff;font-size:12px}.editor-chat-message>div{max-width:87%;padding:10px 11px;border:1px solid var(--border);border-radius:13px 13px 13px 4px;background:var(--surface);color:var(--text);font-size:10px;line-height:2;direction:rtl;text-align:right;word-break:break-word}.editor-chat-message.user>div{border:0;border-radius:13px 13px 4px 13px;background:linear-gradient(135deg,var(--primary),#7c61ff);color:#fff;box-shadow:0 7px 15px color-mix(in srgb,var(--primary) 20%,transparent)}.editor-chat-message.ai p{margin:0 0 7px}.editor-chat-message.ai p:last-child{margin-bottom:0}.editor-chat-message.ai ul,.editor-chat-message.ai ol{margin:5px 0;padding-right:18px}.editor-chat-prompts{display:flex;gap:5px;padding:9px 11px;border-top:1px solid var(--border);overflow-x:auto;background:var(--surface)}.editor-chat-prompts button{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:99px;background:var(--primary-soft);color:var(--primary);padding:5px 8px;font:inherit;font-size:8px;font-weight:800;cursor:pointer}.editor-chat-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 11px 9px;background:var(--surface)}.editor-chat-tools button{min-height:32px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:9px;background:var(--surface);color:var(--primary);font:inherit;font-size:8px;font-weight:900;cursor:pointer}.editor-chat-tools button:first-child{background:var(--primary);color:#fff}.editor-chat-aside .content-ai-feedback{display:block;padding:0 12px 8px;background:var(--surface);font-size:8px;line-height:1.8}.editor-chat-composer{display:flex;align-items:flex-end;gap:7px;padding:10px;border-top:1px solid var(--border);background:var(--surface)}.editor-chat-composer textarea{min-height:39px;max-height:110px;flex:1;resize:none;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);padding:8px 9px;font:inherit;font-size:10px;line-height:1.8;outline:none}.editor-chat-composer textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.editor-chat-composer button{display:grid;width:37px;height:37px;place-items:center;flex:0 0 auto;border:0;border-radius:11px;background:var(--primary);color:#fff;font:inherit;font-size:18px}.editor-chat-composer button:disabled{opacity:.55;cursor:wait}
@media(max-width:850px){.editor-chat-aside{position:static}.editor-chat-panel{height:620px;min-height:620px;max-height:none}}@media(max-width:560px){.editor-chat-panel{height:590px;min-height:590px;border-radius:14px}.editor-chat-head{padding:13px}.editor-chat-messages{padding:11px}.editor-chat-message>div{font-size:10px}}

/* A proper writing agent needs readable messages and enough room to work. */
.rich-content-editor{grid-template-columns:minmax(0,1fr) minmax(370px,420px);gap:22px}.editor-chat-panel{min-height:740px;height:calc(100vh - 116px);max-height:880px;border-radius:21px;box-shadow:0 20px 48px rgba(32,23,86,.11)}.editor-chat-head{gap:12px;padding:19px 18px}.editor-chat-head>span{width:40px;height:40px;border-radius:13px;font-size:20px}.editor-chat-head b{font-size:15px}.editor-chat-head small{margin-top:3px;font-size:10px;line-height:1.8}.editor-chat-head em{margin-right:auto;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(255,255,255,.13);padding:4px 8px;color:#fff;font-size:10px;font-style:normal;font-weight:900}.editor-chat-context{padding:11px 15px}.editor-chat-context b{font-size:11px}.editor-chat-context span{font-size:10px}.editor-chat-messages{gap:15px;padding:17px}.editor-chat-message.ai{gap:9px}.editor-chat-message.ai>span{width:29px;height:29px;border-radius:10px;font-size:14px}.editor-chat-message>div{max-width:89%;padding:13px 14px;border-radius:16px 16px 16px 5px;font-size:12px;line-height:2.15}.editor-chat-message.user>div{border-radius:16px 16px 5px 16px}.editor-chat-message.ai p{margin-bottom:9px}.editor-chat-message.ai ul,.editor-chat-message.ai ol{margin:7px 0;padding-right:21px}.editor-chat-prompts{gap:7px;padding:11px 14px}.editor-chat-prompts button{padding:7px 10px;font-size:10px}.editor-chat-tools{gap:8px;padding:0 14px 10px}.editor-chat-tools button{min-height:38px;border-radius:11px;font-size:10px}.editor-chat-aside .content-ai-feedback{padding:0 14px 10px;font-size:10px;line-height:1.9}.editor-chat-composer{gap:9px;padding:13px}.editor-chat-composer textarea{min-height:48px;padding:10px 11px;border-radius:13px;font-size:12px;line-height:1.9}.editor-chat-composer button{width:44px;height:44px;border-radius:13px;font-size:21px}@media(max-width:1120px){.rich-content-editor{grid-template-columns:minmax(0,1fr) 350px;gap:16px}.editor-chat-message>div{font-size:11px}}@media(max-width:850px){.rich-content-editor{grid-template-columns:1fr}.editor-chat-aside{grid-row:1}.editor-chat-panel{height:680px;min-height:680px;max-height:none}}@media(max-width:560px){.editor-chat-panel{height:610px;min-height:610px}.editor-chat-head{padding:14px}.editor-chat-head b{font-size:13px}.editor-chat-message>div{max-width:90%;font-size:11px}.editor-chat-composer textarea{font-size:11px}}

.editor-chat-upload{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:9px;margin:0 13px 9px;padding:8px;border:1px solid color-mix(in srgb,var(--primary) 27%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--primary-soft) 58%,var(--surface))}.editor-chat-upload[hidden]{display:none}.editor-chat-upload img{display:block;width:42px;height:42px;border-radius:9px;object-fit:cover;background:var(--surface-2)}.editor-chat-upload b,.editor-chat-upload small{display:block}.editor-chat-upload b{font-size:10px}.editor-chat-upload small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.7}.editor-chat-upload button{width:28px;height:28px;border:0;border-radius:8px;background:var(--surface);color:var(--muted);font:inherit;font-size:16px;cursor:pointer}.editor-chat-composer .editor-chat-attach{border:1px solid color-mix(in srgb,var(--primary) 27%,var(--border));background:var(--primary-soft);color:var(--primary);transition:transform .18s ease,background .18s ease,color .18s ease}.editor-chat-composer .editor-chat-attach:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.editor-chat-composer .editor-chat-attach svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;transform:rotate(-10deg)}.editor-chat-message .editor-chat-image{display:block;max-width:100%;max-height:180px;margin:0 0 8px;border-radius:10px;object-fit:cover}

/* Turn the health number into a clear route from diagnosis to a concrete fix. */
.site-stat-card.health-card{position:relative;color:var(--text);text-decoration:none;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.site-stat-card.health-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--green) 44%,var(--border));box-shadow:0 13px 27px rgba(26,160,102,.12)}.site-stat-card.health-card em{padding-left:20px;color:var(--green);font-weight:800}.health-card-arrow{position:absolute;left:14px;bottom:15px;color:var(--green);font-size:15px;font-style:normal;opacity:.75;transition:transform .2s ease}.health-card:hover .health-card-arrow{transform:translateX(-3px)}.health-improvement-plan{margin:0 0 18px;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 23%,var(--border));border-radius:18px;background:linear-gradient(125deg,color-mix(in srgb,var(--primary-soft) 58%,var(--surface)),var(--surface) 54%);box-shadow:0 10px 26px rgba(31,25,67,.04)}.health-improvement-plan>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.health-improvement-plan header span{display:block;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.8px}.health-improvement-plan h2{margin:4px 0 3px;font-size:17px}.health-improvement-plan p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}.health-improvement-plan>header>a{flex:0 0 auto;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:10px;background:var(--surface);color:var(--primary);font-size:10px;font-weight:900;text-decoration:none}.health-improvement-plan>header>a i,.health-priority-item>a i{font-style:normal}.health-priority-list{display:grid;gap:8px;margin-top:14px}.health-priority-item{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.health-priority-number{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:900}.health-priority-item.critical .health-priority-number{background:#fff0f1;color:var(--red)}.health-priority-item.warning .health-priority-number{background:#fff4e7;color:var(--orange)}.health-priority-title{display:flex;align-items:center;gap:7px}.health-priority-title b{font-size:11px}.health-priority-title em{padding:3px 6px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:8px;font-style:normal}.health-priority-item p{margin:3px 0;color:var(--muted);font-size:9px;line-height:1.7}.health-priority-item small{display:block;color:var(--text);font-size:9px;line-height:1.7}.health-priority-item small i{margin-left:3px;color:var(--primary);font-style:normal}.health-priority-item>a{align-self:center;white-space:nowrap;color:var(--primary);font-size:9px;font-weight:900;text-decoration:none}.health-improvement-plan.is-healthy{border-color:color-mix(in srgb,var(--green) 30%,var(--border));background:linear-gradient(125deg,color-mix(in srgb,var(--green) 8%,var(--surface)),var(--surface) 54%)}.health-improvement-plan.is-healthy header span{color:var(--green)}@media(max-width:680px){.health-improvement-plan{padding:14px}.health-improvement-plan>header{display:grid}.health-improvement-plan>header>a{justify-self:start}.health-priority-item{grid-template-columns:28px 1fr}.health-priority-item>a{grid-column:2}.health-priority-title{align-items:flex-start;flex-direction:column;gap:3px}.site-stat-card.health-card em{padding-left:0}}

/* Content studio: keep the live chat composer visible and make Markdown editable. */
.writer-chat-shell{display:flex;max-height:calc(100vh - 170px);min-height:640px;height:calc(100vh - 210px);flex-direction:column;position:sticky;top:86px}.writer-chat-scroll{height:auto;min-height:0;flex:1}.writer-messages{padding-bottom:25px}.writer-quick-prompts{flex:0 0 auto}.writer-composer{flex:0 0 auto}.content-ai-inline{display:grid;grid-template-columns:34px minmax(180px,1fr) auto;align-items:center;gap:10px;margin:14px 16px 0;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--primary-soft) 56%,var(--surface)),var(--surface))}.content-ai-inline-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-weight:900}.content-ai-inline-copy b,.content-ai-inline-copy small{display:block}.content-ai-inline-copy b{font-size:11px}.content-ai-inline-copy small{margin-top:2px;color:var(--muted);font-size:9px}.content-ai-presets{display:flex;flex-wrap:wrap;gap:5px;grid-column:2/-1}.content-ai-presets button{border:1px solid color-mix(in srgb,var(--primary) 19%,var(--border));border-radius:99px;background:var(--surface);color:var(--primary);padding:4px 8px;font:inherit;font-size:8px;font-weight:800;cursor:pointer}.content-ai-request{display:flex;grid-column:1/-1;gap:7px}.content-ai-request input{min-width:0;flex:1;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:8px 10px;font:inherit;font-size:10px;outline:none}.content-ai-request input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.content-ai-request button,.metadata-head button{border:0;border-radius:10px;background:var(--primary);color:#fff;padding:8px 10px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.content-ai-request button:disabled,.metadata-head button:disabled{opacity:.55;cursor:wait}.content-ai-feedback{grid-column:1/-1;color:var(--muted);font-size:8px}.content-ai-feedback.is-error,.metadata-feedback.is-error{color:var(--red)}.content-markdown-preview{min-height:760px;padding:42px 60px;background:var(--surface);color:var(--text);font-size:14px;line-height:2.25}.content-markdown-preview h4{margin:23px 0 8px;font-size:18px;line-height:1.8}.content-markdown-preview p{margin:0 0 13px}.content-markdown-preview ul,.content-markdown-preview ol{padding-right:25px;margin:8px 0 14px}.content-markdown-preview li{margin:6px 0}.markdown-table-wrap{margin:17px 0;overflow-x:auto;border:1px solid var(--border);border-radius:11px}.markdown-table-wrap table{width:100%;border-collapse:collapse;min-width:420px}.markdown-table-wrap th,.markdown-table-wrap td{padding:9px 11px;border-bottom:1px solid var(--border);border-left:1px solid var(--border);text-align:right;font-size:11px}.markdown-table-wrap th{background:var(--primary-soft);color:var(--primary);font-weight:900}.markdown-table-wrap tr:last-child td{border-bottom:0}.metadata-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.metadata-head h3{margin:0}.metadata-head p{margin:3px 0 0;color:var(--muted);font-size:8px}.metadata-head button{white-space:nowrap;padding:6px 8px;font-size:8px}.metadata-card .field label{display:flex;justify-content:space-between;gap:8px}.metadata-card .field label small,.metadata-feedback{color:var(--subtle);font-size:8px}.metadata-feedback{display:block;line-height:1.8}.editor-toolbar button.is-active{color:#fff;background:var(--primary);border-color:var(--primary)}@media(max-width:850px){.writer-chat-shell{position:static;height:650px;max-height:none}.content-ai-inline{grid-template-columns:34px 1fr}.content-ai-presets{grid-column:1/-1}.content-markdown-preview{padding:28px 22px}}@media(max-width:620px){.writer-chat-shell{height:620px;min-height:0}.content-ai-inline{margin:10px 9px 0}.content-ai-request{flex-direction:column}.content-ai-request button{width:100%}.content-markdown-preview{min-height:620px;padding:22px 16px}.content-ai-inline-copy small{line-height:1.7}}
.page-findings-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin:18px 0}
.page-findings-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.page-findings-head h2{font-size:18px;margin:4px 0 7px}
.page-findings-head p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}
.page-findings-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}
.page-findings-filters a{font-size:10px;padding:7px 12px;border-radius:9px;background:var(--surface-2);color:var(--muted)}
.page-findings-filters a.active{background:var(--primary-soft);color:var(--primary);font-weight:800}
.page-finding-row{display:grid;grid-template-columns:1.2fr 1.4fr 1fr;align-items:center;gap:16px;padding:14px 2px;border-top:1px solid var(--border)}
.page-finding-main{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.page-finding-main b{font-size:11px}.page-finding-main small{width:100%;font-size:9px;color:var(--muted)}
.page-finding-row p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}
.page-finding-row>a{font-size:9px;color:var(--primary);overflow-wrap:anywhere;text-align:left}
.page-findings-empty{font-size:11px;color:var(--muted);padding:20px 0;border-top:1px solid var(--border)}
.page-findings-pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding-top:18px;font-size:10px}
.page-findings-pagination a{color:var(--primary)}
@media(max-width:760px){.page-findings-head{align-items:stretch;flex-direction:column}.page-finding-row{grid-template-columns:1fr;gap:6px}.page-finding-row>a{text-align:right}.page-findings-panel{padding:16px}}

/* Task-first workspace pages. */
.ux-page-heading{margin-bottom:18px}.ux-page-heading h1{font-size:24px}.ux-page-heading p{max-width:650px}
.ux-audit-overview{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:10px;margin-bottom:18px}
.ux-audit-overview>*{display:grid;gap:4px;min-height:108px;padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:15px;text-decoration:none;color:var(--text)}
.ux-audit-overview span{font-size:10px;color:var(--muted)}.ux-audit-overview strong{font-size:22px}.ux-audit-overview small{font-size:9px;color:var(--muted)}
.ux-audit-worklist,.ux-start-card,.ux-next-section,.ux-secondary-details{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:16px}
.ux-audit-worklist{padding:20px}.ux-section-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:17px}.ux-section-head span,.ux-next-section span{color:var(--primary);font-size:10px;font-weight:800}.ux-section-head h2,.ux-next-section h2{margin:3px 0 4px;font-size:17px}.ux-section-head p,.ux-next-section p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}.ux-section-head>a{font-size:10px;color:var(--primary);white-space:nowrap}
.ux-filter-tabs{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:15px}.ux-filter-tabs a{display:flex;gap:7px;padding:8px 12px;border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:10px}.ux-filter-tabs a.active{background:var(--primary-soft);color:var(--primary);font-weight:800}
.ux-finding-list{display:grid;gap:8px}.ux-finding-group{border:1px solid var(--border);border-radius:12px;overflow:hidden}.ux-finding-group summary{display:flex;gap:10px;align-items:center;list-style:none;cursor:pointer;padding:12px 15px}.ux-finding-group summary::-webkit-details-marker{display:none}.ux-finding-name{flex:1}.ux-finding-name b,.ux-finding-name small{display:block}.ux-finding-name b{font-size:12px}.ux-finding-name small{font-size:9px;color:var(--muted);margin-top:2px}.ux-finding-group summary>i{font-style:normal;color:var(--muted)}.ux-finding-group[open] summary>i{transform:rotate(180deg)}
.ux-finding-detail{padding:14px 16px;border-top:1px solid var(--border);background:var(--bg)}.ux-finding-detail p{font-size:11px;line-height:1.8;margin:0 0 13px}.ux-affected-pages>b{font-size:10px}.ux-affected-pages ul{list-style:none;margin:8px 0 0;padding:0;max-height:280px;overflow:auto;display:grid;gap:6px}.ux-affected-pages li a{display:grid;gap:2px;padding:9px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:10px}.ux-affected-pages li a small{direction:ltr;text-align:right;color:var(--primary);font-size:9px;overflow-wrap:anywhere}.ux-scope-note{font-size:9px;color:var(--muted);margin:14px 0 0;line-height:1.8}.ux-empty{font-size:11px;color:var(--muted);padding:20px}.ux-start-card{padding:24px}.ux-start-card h2{font-size:17px}.ux-start-card p{font-size:11px;color:var(--muted)}
.ux-next-section{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px}.ux-keyword-preview{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.ux-keyword-preview span{padding:4px 8px;border-radius:7px;background:var(--surface-2);color:var(--text);font-size:9px}.ux-secondary-details{padding:0 20px}.ux-secondary-details>summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;padding:16px 0;font-size:11px;font-weight:800}.ux-secondary-details>summary::-webkit-details-marker{display:none}.ux-secondary-details>div{border-top:1px solid var(--border);padding:15px 0}.ux-secondary-actions{display:flex;gap:8px;flex-wrap:wrap}.ux-optional-report h2{font-size:13px}.ux-optional-report p,.ux-quick-issues p{font-size:10px;color:var(--muted);line-height:1.8}.ux-quick-issues{display:grid;gap:8px;margin-top:14px}.ux-quick-issues article{border-top:1px solid var(--border);padding-top:10px;font-size:10px}.ux-quick-issues a{color:var(--primary)}
@media(max-width:900px){.ux-audit-overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ux-audit-overview{grid-template-columns:1fr 1fr}.ux-section-head,.ux-next-section{flex-direction:column;align-items:stretch}.ux-audit-worklist{padding:15px}.ux-audit-overview>*{min-height:95px;padding:12px}.ux-finding-group .severity-pill{display:none}}
.sidebar-more{margin-top:2px}.sidebar-more>summary{display:flex;align-items:center;gap:11px;min-height:46px;padding:0 12px;border-radius:9px;cursor:pointer;list-style:none;color:var(--muted);font-size:13px;font-weight:600}.sidebar-more>summary::-webkit-details-marker{display:none}.sidebar-more>summary:hover{background:var(--surface-2);color:var(--text)}.sidebar-more>summary i{margin-right:auto;font-style:normal}.sidebar-more[open]>summary i{transform:rotate(180deg)}.sidebar-more>a{display:flex;align-items:center;gap:11px;min-height:46px;padding:0 12px;font-size:13px;font-weight:600;color:var(--muted);border-radius:9px}.sidebar-more>a.active{background:var(--primary-soft);color:var(--primary);font-weight:800}
.ux-growth-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:10px}.ux-growth-tabs a{padding:9px 13px;color:var(--muted);font-size:11px;border-radius:9px}.ux-growth-tabs a.active{background:var(--primary-soft);color:var(--primary);font-weight:800}
.ux-home-priority,.ux-home-sites{padding:19px;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:16px}.ux-home-priority>p{font-size:11px;color:var(--muted)}.ux-home-issue-list{display:grid;gap:8px}.ux-home-issue-list a{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:10px;color:var(--text)}.ux-home-issue-list a>span:nth-child(2){flex:1}.ux-home-issue-list b,.ux-home-issue-list small{display:block}.ux-home-issue-list b{font-size:11px}.ux-home-issue-list small{font-size:9px;color:var(--muted)}.ux-home-issue-list i{font-style:normal;color:var(--primary)}.ux-home-sites .project-row{grid-template-columns:42px minmax(140px,1fr) 80px 75px 20px}.ux-home-sites .project-row .row-arrow{justify-self:end}
@media(max-width:600px){.ux-home-priority,.ux-home-sites{padding:14px}.ux-home-sites .project-row{grid-template-columns:36px minmax(100px,1fr) 60px 15px}.ux-home-sites .project-row>span:nth-child(4){display:none}}
.ux-project-start{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;margin-bottom:15px;background:linear-gradient(120deg,var(--primary-soft),var(--surface) 65%);border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:17px}.ux-project-start span{font-size:10px;color:var(--primary);font-weight:800}.ux-project-start h2{font-size:19px;margin:5px 0}.ux-project-start p{font-size:11px;color:var(--muted);line-height:1.8;max-width:600px;margin:0}.ux-project-start>a{white-space:nowrap}.ux-project-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ux-project-paths a{display:grid;grid-template-columns:33px 1fr 18px;align-items:center;gap:4px 10px;padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text)}.ux-project-paths a>span{grid-row:span 2;display:grid;place-items:center;width:33px;height:33px;background:var(--primary-soft);border-radius:9px;color:var(--primary);font-weight:900}.ux-project-paths b{font-size:12px}.ux-project-paths small{font-size:9px;color:var(--muted)}.ux-project-paths i{grid-column:3;grid-row:span 2;font-style:normal;color:var(--primary)}.ux-project-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px}.ux-project-links a{font-size:11px;color:var(--primary)}
@media(max-width:760px){.ux-project-start{align-items:stretch;flex-direction:column}.ux-project-paths{grid-template-columns:1fr}}
.ux-writer-sources>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:13px 15px;font-size:11px}.ux-writer-sources>summary::-webkit-details-marker{display:none}.ux-writer-sources>summary span{color:var(--muted)}.ux-writer-sources .writer-source-list{border-top:1px solid var(--border)}.ux-content-advanced{margin:14px 0}.ux-content-advanced button{background:none;border:0;color:var(--primary);font-size:11px;cursor:pointer;padding:5px}
.ux-inline-help{margin:0 0 14px;color:var(--muted);font-size:10px}.ux-inline-help summary{cursor:pointer;color:var(--primary)}.ux-inline-help p{margin:6px 0 0;line-height:1.8}

/* Audit: readable categories, fixes, and affected page links. */
.ux-audit-heading h1{font-size:30px;line-height:1.45}
.ux-audit-heading>div>p{font-size:15px;line-height:1.8}
.ux-audit-overview{gap:14px;margin-bottom:22px}
.ux-audit-overview>*{min-height:140px;gap:8px;padding:20px 22px;align-content:center}
.ux-audit-overview span{font-size:14px;font-weight:750;color:var(--text)}
.ux-audit-overview strong{font-size:29px;line-height:1.3}
.ux-audit-overview small{font-size:12px;line-height:1.6}
.ux-audit-overview>a:hover{border-color:var(--primary);box-shadow:0 7px 22px color-mix(in srgb,var(--primary) 9%,transparent)}
.ux-audit-overview .ux-technical-card{border-right:4px solid var(--cyan)}
.ux-audit-overview .ux-content-card{border-right:4px solid var(--orange)}
.ux-audit-worklist{padding:28px}
.ux-section-head{margin-bottom:22px}
.ux-section-head span{font-size:13px}
.ux-section-head h2{font-size:24px;line-height:1.5}
.ux-section-head p{font-size:14px;line-height:1.8}
.ux-section-head>a{font-size:13px;font-weight:750}
.ux-filter-tabs{gap:9px;padding-bottom:23px}
.ux-filter-tabs a{align-items:center;gap:10px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:700}
.ux-filter-tabs a b{font-size:12px}
.ux-finding-section{margin-bottom:26px}
.ux-finding-section:last-of-type{margin-bottom:0}
.ux-finding-section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;margin-bottom:12px;border-radius:12px;background:var(--surface-2);border-right:4px solid var(--border)}
.ux-finding-section-technical>header{border-right-color:var(--cyan)}
.ux-finding-section-content>header{border-right-color:var(--orange)}
.ux-finding-section-links>header{border-right-color:var(--primary)}
.ux-finding-section h3{font-size:20px;line-height:1.5;margin:0}
.ux-finding-section header p{font-size:13px;line-height:1.7;color:var(--muted);margin:4px 0 0}
.ux-finding-section header>strong{flex:0 0 auto;padding:6px 11px;border-radius:9px;background:var(--surface);font-size:14px}
.ux-finding-list{gap:10px}
.ux-finding-group{border-radius:13px}
.ux-finding-group summary{gap:14px;min-height:76px;padding:15px 18px}
.ux-finding-group summary:hover{background:var(--surface-2)}
.ux-finding-name b{font-size:16px;line-height:1.6}
.ux-finding-name small{font-size:12px;line-height:1.5;margin-top:3px}
.ux-finding-group .severity-pill{font-size:12px}
.ux-finding-detail{padding:20px 22px}
.ux-finding-action{padding:15px 17px;margin-bottom:19px;border-radius:11px;background:var(--surface);border:1px solid var(--border)}
.ux-finding-action>b,.ux-affected-pages>b{display:block;font-size:14px;color:var(--text)}
.ux-finding-action p{font-size:15px;line-height:1.9;margin:7px 0 0}
.ux-affected-pages ul{gap:9px;margin-top:11px;max-height:370px}
.ux-affected-pages li a{grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:13px 15px;border-radius:10px;font-size:14px}
.ux-affected-pages li a:hover{border-color:var(--primary);background:var(--primary-soft)}
.ux-page-link-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}
.ux-page-link-open{color:var(--primary);font-size:13px;font-weight:750;white-space:nowrap}
.ux-affected-pages li a small{grid-column:1/-1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:12px;color:var(--muted)}
.ux-scope-note,.ux-empty{font-size:13px;line-height:1.8}
.ux-scope-note{margin-top:20px}
.ux-next-section h2{font-size:20px}.ux-next-section p{font-size:14px}
.ux-secondary-details>summary{font-size:14px}.ux-optional-report h2{font-size:17px}.ux-optional-report p,.ux-quick-issues p,.ux-quick-issues article{font-size:13px}
@media(max-width:900px){.ux-audit-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ux-audit-heading h1{font-size:25px}.ux-audit-heading>div>p{font-size:14px}.ux-audit-overview{gap:9px}.ux-audit-overview>*{min-height:120px;padding:14px}.ux-audit-overview strong{font-size:22px}.ux-audit-overview span{font-size:12px}.ux-audit-overview small{font-size:11px}.ux-audit-worklist{padding:16px}.ux-section-head h2{font-size:21px}.ux-finding-section>header{align-items:flex-start}.ux-finding-section h3{font-size:18px}.ux-finding-section header p{font-size:12px}.ux-finding-group summary{padding:12px;gap:9px}.ux-finding-name b{font-size:14px}.ux-finding-detail{padding:13px}.ux-finding-action p{font-size:14px}.ux-affected-pages li a{grid-template-columns:1fr}.ux-page-link-open{grid-row:3}.ux-affected-pages li a small{grid-column:1}}

.ux-single-page-audit{padding:26px 28px;margin-bottom:22px;background:var(--surface);border:1px solid var(--border);border-radius:17px}
.ux-single-page-head span{font-size:13px;font-weight:800;color:var(--primary)}
.ux-single-page-head h2{margin:5px 0;font-size:23px;line-height:1.5}
.ux-single-page-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.ux-single-page-form{margin-top:19px}
.ux-single-page-form label{display:block;margin-bottom:8px;font-size:13px;font-weight:800}
.ux-single-page-form>div{display:flex;gap:10px}
.ux-single-page-form input{flex:1;min-width:0;min-height:49px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:14px;text-align:left}
.ux-single-page-form input:focus{outline:2px solid color-mix(in srgb,var(--primary) 50%,transparent);outline-offset:1px}
.ux-single-page-result{margin-top:24px;padding-top:21px;border-top:1px solid var(--border)}
.ux-single-page-result>header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}
.ux-single-page-result>header span{color:var(--muted);font-size:12px}
.ux-single-page-result h3{margin:5px 0;font-size:19px;line-height:1.6}
.ux-single-page-result>header a{display:block;max-width:680px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary);font-size:13px;text-align:right}
.ux-single-page-badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.ux-single-page-badges b{padding:7px 10px;border-radius:8px;background:var(--surface-2);font-size:12px;white-space:nowrap}
.ux-single-page-category{margin-top:16px}
.ux-single-page-category h4{padding:10px 13px;margin:0 0 9px;border-radius:9px;background:var(--surface-2);font-size:16px}
.ux-single-page-category h4 small{margin-right:8px;color:var(--muted);font-size:12px}
.ux-single-page-category article{padding:13px 15px;margin-bottom:7px;border:1px solid var(--border);border-radius:10px}
.ux-single-page-category article b{font-size:14px}
.ux-single-page-category article p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.8}
.ux-single-page-clear{padding:16px;border-radius:10px;background:color-mix(in srgb,var(--green) 8%,var(--surface));font-size:14px}
.ux-single-page-note{margin:17px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
@media(max-width:700px){.ux-single-page-audit{padding:18px}.ux-single-page-form>div,.ux-single-page-result>header{flex-direction:column}.ux-single-page-form button{width:100%}.ux-single-page-result>header a{max-width:100%}.ux-single-page-badges{justify-content:flex-start}}

/* Brand artwork: the full wordmark keeps its Persian lettering at every size. */
.brand .brand-logo{display:block;width:160px;height:auto;max-height:52px;object-fit:contain}
.brand .brand-logo-dark{display:none}
[data-theme=dark] .brand .brand-logo-default{display:none}
[data-theme=dark] .brand .brand-logo-dark{display:block}
@media(max-width:600px){.brand .brand-logo{width:142px}}

.brand.auth-brand .brand-logo{width:64px;height:64px;max-height:none;object-fit:contain}

@media(max-width:600px){
  .public-footer{padding-top:24px}
  .footer-grid>div:first-child{text-align:center}
  .footer-grid>div:first-child .brand{display:flex;width:100%;justify-content:center;margin:0 auto 4px}
  .footer-grid>div:first-child .brand-logo{width:190px;max-height:64px}
  .footer-grid>div:first-child p{margin-inline:auto;text-align:center}
  .footer-bottom{margin-top:18px;padding-top:12px}
}


/* Audit findings: keep the diagnosis, fix, and page addresses easy to scan. */
.ux-finding-group{border-color:var(--border);box-shadow:0 2px 12px rgba(20,26,53,.035)}
.ux-finding-group summary{min-height:88px;padding:20px 22px}
.ux-finding-name b{font-size:18px;line-height:1.7}
.ux-finding-name small{font-size:13px;line-height:1.7}
.ux-finding-detail{padding:22px 24px}
.ux-finding-action{padding:19px 21px;margin-bottom:23px}
.ux-finding-action-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ux-finding-action-head b,.ux-affected-pages>b{font-size:16px;line-height:1.6}
.ux-finding-action p{font-size:17px;line-height:2;margin:12px 0 0;max-width:80ch}
.ux-copy-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 13px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--primary);font:inherit;font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer}
.ux-copy-button:hover{border-color:var(--primary);background:var(--primary-soft)}
.ux-copy-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.ux-copy-button[data-copy-state="success"]{color:var(--green)}
.ux-copy-button[data-copy-state="error"]{color:var(--red)}
.ux-affected-pages ul{gap:11px;max-height:470px}
.ux-affected-pages li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px 15px;background:var(--surface);border:1px solid var(--border);border-radius:11px}
.ux-affected-pages li:hover{border-color:var(--primary)}
.ux-affected-pages li a{min-width:0;padding:0;background:none;border:0;border-radius:0;font-size:15px;line-height:1.75}
.ux-affected-pages li a:hover{background:none;border-color:transparent}
.ux-page-link-title{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.ux-affected-pages li a small{overflow:visible;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;direction:ltr;text-align:left;font-size:13px;line-height:1.7}
.ux-copy-url{align-self:center}
@media(max-width:600px){.ux-finding-group summary{min-height:72px;padding:14px}.ux-finding-name b{font-size:16px}.ux-finding-name small{font-size:12px}.ux-finding-detail{padding:14px}.ux-finding-action{padding:15px}.ux-finding-action p{font-size:16px}.ux-affected-pages li{grid-template-columns:1fr;padding:12px}.ux-affected-pages li a{grid-template-columns:minmax(0,1fr) auto;font-size:14px}.ux-affected-pages li a small{grid-column:1/-1}.ux-page-link-open{grid-row:auto}.ux-copy-url{justify-self:start}}

.ux-audit-overview{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ux-audit-overview .ux-audit-clear{border-right:4px solid var(--green)}
.ux-affected-pages li .ux-finding-evidence{grid-column:1/-1;margin:0;padding-top:8px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;line-height:1.9}
.ux-single-page-category article .ux-finding-evidence{margin-top:10px;padding-top:9px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;line-height:1.9}
.kw-source-note{margin:0 0 16px;padding:14px 18px;border:1px solid color-mix(in srgb,#e6a23c 35%,var(--border));border-radius:14px;background:color-mix(in srgb,#e6a23c 8%,var(--surface));color:var(--text);font-size:13px;line-height:1.9}.kw-source-note a{color:var(--primary);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.writer-export-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 15px;border-top:1px solid var(--border)}.writer-export-actions[hidden]{display:none}.writer-export-actions a{padding:8px 11px;border:1px solid var(--border);border-radius:10px;color:var(--primary);background:var(--primary-soft);font-size:11px;font-weight:800}.writer-export-actions a:hover{background:var(--primary);color:#fff}
.editor-image-assets{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.editor-image-assets h2{margin:0 0 10px;font-size:13px}.editor-image-assets>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editor-image-assets a{display:block;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);text-decoration:none}.editor-image-assets img{display:block;width:100%;height:110px;object-fit:cover}.editor-image-assets span{display:block;padding:7px;font-size:11px;font-weight:700}
.writer-attachment-preview{display:flex;align-items:center;gap:9px;margin:0 0 8px;padding:7px;border-radius:11px;background:var(--surface-2);font-size:11px}.writer-attachment-preview[hidden]{display:none}.writer-attachment-preview img{width:50px;height:50px;object-fit:cover;border-radius:8px}.writer-attachment-preview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.writer-attachment-preview input{min-width:100px;flex:1;border:1px solid var(--border);border-radius:8px;padding:7px;background:var(--surface);color:var(--text);font:inherit;font-size:10px}.writer-attachment-preview button{margin-inline-start:auto;border:0;background:transparent;color:var(--red);font-size:20px;cursor:pointer}.writer-attach-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.writer-attach-actions button,.writer-attach-actions select{border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--primary);font:inherit;font-size:10px;padding:6px 8px;cursor:pointer}.writer-attach-actions small{color:var(--muted)}.writer-chat-head{grid-template-columns:42px minmax(0,1fr) auto auto}.writer-fullscreen-close{display:none;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);padding:7px 10px;font:inherit;font-size:10px;cursor:pointer}
.content-writer-layout.writer-leaving{animation:writerSwitchOut .17s ease-in both}.content-writer-layout.writer-entering{animation:writerSwitchIn .38s ease-out both}@keyframes writerSwitchOut{to{opacity:.2;transform:translateY(10px) scale(.995)}}@keyframes writerSwitchIn{from{opacity:.2;transform:translateY(12px) scale(.995)}to{opacity:1;transform:none}}
body.writer-fullscreen-open{overflow:hidden}.content-writer-layout.writer-expanded{position:fixed;inset:0;z-index:9999;display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:12px;height:100dvh;padding:12px;background:var(--surface-2);align-items:stretch}.writer-expanded .writer-sidebar{min-height:0;overflow-y:auto;align-content:start}.writer-expanded .writer-chat-shell{position:relative;top:auto;width:100%;height:100%;max-height:none;min-height:0}.writer-expanded .writer-fullscreen-close{display:block}.writer-expanded .writer-chat-scroll{min-height:0;flex:1}
@media(max-width:760px){.content-writer-layout.writer-expanded{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.writer-expanded .writer-sidebar{display:none}.writer-expanded .writer-chat-head{padding:0 9px;gap:6px}.writer-expanded .writer-chat-head>div:nth-child(2)>small{display:none}.writer-expanded .writer-fullscreen-close{font-size:9px;padding:6px}}
@media(prefers-reduced-motion:reduce){.content-writer-layout.writer-leaving,.content-writer-layout.writer-entering{animation:none}}
/* Keep image controls inside the composer and reveal them only for a selected file. */
.writer-fullscreen-toggle{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--primary);padding:7px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.writer-fullscreen-toggle:hover{border-color:var(--primary);background:var(--primary-soft)}
.writer-fullscreen-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.writer-chat-head{flex-shrink:0}
@media(max-width:620px){.writer-chat-head{grid-template-columns:37px minmax(0,1fr) auto}.writer-chat-head .writer-status{grid-column:1/-1;grid-row:2}.writer-fullscreen-toggle{grid-column:3;grid-row:1;font-size:10px;padding:6px 8px}.writer-expanded .writer-chat-head{padding:10px 9px}}
.writer-composer{padding:12px 14px 10px}
.writer-composer > .writer-attachment-preview{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;justify-content:initial;gap:10px;margin:0 0 10px;padding:9px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:12px;background:var(--primary-soft)}
.writer-composer > .writer-attachment-preview[hidden]{display:none}
.writer-attachment-preview img{width:48px;height:48px;border-radius:9px;background:var(--surface);object-fit:cover}
.writer-attachment-fields{min-width:0}
.writer-attachment-fields strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:11px;font-weight:800}
.writer-attachment-fields > div{display:flex;gap:7px;margin-top:6px}
.writer-attachment-fields select,.writer-attachment-fields input{height:31px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:10px;padding:5px 8px}
.writer-attachment-fields select{flex:0 0 auto;max-width:115px;cursor:pointer}
.writer-attachment-fields input{flex:1}
.writer-attachment-preview [data-writer-remove-image]{width:28px;height:28px;align-self:start;margin:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}
.writer-attachment-preview [data-writer-remove-image]:hover{background:var(--surface);color:var(--red)}
.writer-composer > .writer-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;border-top:1px solid var(--border)}
.writer-attach-actions{display:flex;align-items:center;gap:12px;min-width:0}
.writer-attach-actions [data-writer-attach-image]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--primary);font:inherit;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.writer-attach-actions [data-writer-attach-image]:hover{border-color:var(--primary);background:var(--primary-soft)}
.writer-attach-actions small{font-size:9px;color:var(--muted);white-space:nowrap}
.writer-composer .writer-send{flex:0 0 auto;padding:7px 8px 7px 12px;font-size:11px}
@media(max-width:760px){.writer-attach-actions small{display:none}.writer-attachment-fields > div{flex-wrap:wrap}.writer-attachment-fields select{max-width:none}.writer-attachment-fields input{flex-basis:100%}}

.support-link svg{display:block;width:19px;height:19px}

.subscription-page{max-width:1280px;margin:0 auto}
.subscription-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.subscription-eyebrow{color:var(--primary);font-size:10px;font-weight:900}
.subscription-page-head h1{margin:3px 0;font-size:27px;letter-spacing:-.5px}
.subscription-page-head p,.subscription-plans-section>header>p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}
.subscription-current-card,.subscription-pending,.subscription-plan-card{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px rgba(26,22,55,.035)}
.subscription-current-card{padding:22px;margin-bottom:18px;background:linear-gradient(125deg,color-mix(in srgb,var(--primary-soft) 48%,var(--surface)),var(--surface) 62%)}
.subscription-current-main{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.subscription-label,.subscription-current-price small{color:var(--muted);font-size:10px}
.subscription-current-main h2{margin:3px 0;font-size:22px}
.subscription-current-price{margin:0;color:var(--primary);font-size:15px;font-weight:900}
.subscription-status,.plan-state{display:inline-flex;align-items:center;padding:5px 10px;border-radius:99px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:800;white-space:nowrap}
.subscription-status.status-past_due,.subscription-status.status-expired{background:color-mix(in srgb,var(--red) 11%,var(--surface));color:var(--red)}
.subscription-current-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:19px}
.subscription-current-facts>div{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent)}
.subscription-current-facts span,.subscription-current-facts b{display:block}
.subscription-current-facts small{display:block;margin-top:2px;color:var(--subtle);font-size:9px;line-height:1.5}
.subscription-current-facts span,.subscription-dates{color:var(--muted);font-size:10px}
.subscription-current-facts b{margin-top:3px;font-size:16px}
.subscription-dates{display:flex;gap:18px;flex-wrap:wrap;margin-top:13px}
.subscription-pending{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;padding:14px 16px;border-color:color-mix(in srgb,var(--orange) 28%,var(--border));background:color-mix(in srgb,var(--orange) 6%,var(--surface))}
.subscription-pending>div{display:flex;align-items:center;gap:11px;min-width:0}
.subscription-pending-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:color-mix(in srgb,var(--orange) 14%,transparent);color:var(--orange)}
.subscription-pending-icon svg{width:19px;height:19px}
.subscription-pending b{font-size:12px}.subscription-pending p{margin:2px 0 0;color:var(--muted);font-size:10px;line-height:1.8}
.subscription-pending button{border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);padding:8px 11px;font:inherit;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}
.subscription-plans-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}
.subscription-plans-section h2{margin:2px 0 0;font-size:20px}
.subscription-plans-section>header>p{max-width:440px;text-align:left}
.subscription-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.subscription-plan-card{display:flex;flex-direction:column;min-width:0;padding:17px;transition:border-color .2s,transform .2s}
.subscription-plan-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}
.subscription-plan-card.is-current{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 9%,transparent)}
.subscription-plan-card.is-requested{border-color:color-mix(in srgb,var(--orange) 40%,var(--border))}
.subscription-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.subscription-plan-top h3{margin:0;font-size:15px}.subscription-plan-top>div>span{color:var(--muted);font-size:9px}
.plan-state{padding:4px 7px;font-size:8px}.plan-state.pending{background:color-mix(in srgb,var(--orange) 12%,var(--surface));color:var(--orange)}
.subscription-plan-price{margin:14px 0 10px;color:var(--text);font-size:20px;font-weight:900}
.subscription-plan-price small{color:var(--muted);font-size:9px;font-weight:500}
.subscription-plan-card ul{display:grid;gap:8px;list-style:none;padding:12px 0;margin:0 0 14px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}
.subscription-plan-card li b{color:var(--text)}
.subscription-plan-card form{margin-top:auto}
.subscription-plan-action{width:100%;min-height:39px;border:0;border-radius:10px;background:var(--primary);color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.subscription-plan-action.is-paid{background:var(--surface);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));color:var(--primary)}
.subscription-plan-action.is-disabled,.subscription-plan-action:disabled{background:var(--surface-2);color:var(--muted);cursor:default}
.subscription-plan-action.is-loading{position:relative;opacity:.78;cursor:wait}
.subscription-plan-action.is-loading:after{content:"";display:inline-block;width:12px;height:12px;margin-inline-start:8px;vertical-align:-2px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;animation:subscription-spin .7s linear infinite}
@keyframes subscription-spin{to{transform:rotate(360deg)}}
.subscription-footnote{margin:13px 2px 0;color:var(--subtle);font-size:9px;line-height:1.8}
.subscription-current-facts{grid-template-columns:repeat(5,minmax(0,1fr))}
.subscription-addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.subscription-addon-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 8px 24px rgba(26,22,55,.035)}
.subscription-addons>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:28px 0 13px}
.subscription-addons>header h2{margin:2px 0 0;font-size:20px}
.subscription-addons>header p{max-width:470px;margin:0;color:var(--muted);font-size:11px;line-height:1.9}
.subscription-addon-heading{display:flex;align-items:center;gap:7px}.subscription-help{position:relative;display:inline-flex;align-items:center;cursor:help}.subscription-help:focus{outline:none}.subscription-help-icon{display:grid;width:19px;height:19px;place-items:center;color:var(--primary);transition:color .15s ease}.subscription-help-icon svg{width:17px;height:17px}.subscription-help:hover .subscription-help-icon,.subscription-help:focus-visible .subscription-help-icon{color:color-mix(in srgb,var(--primary) 85%,black)}.subscription-help-popup{position:absolute;top:-9px;right:calc(100% + 10px);left:auto;width:min(410px,calc(100vw - 110px));transform:translateX(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:50}.subscription-help-popup:after{position:absolute;top:-8px;bottom:-8px;right:-12px;width:14px;content:""}.subscription-help:hover .subscription-help-popup,.subscription-help:focus-within .subscription-help-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}.subscription-help-card{position:relative;z-index:2;padding:12px 15px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px rgba(20,18,40,.16);color:var(--text);font-size:11px;font-weight:500;line-height:1.9;text-align:right}.subscription-help-arrow{position:absolute;z-index:3;top:14px;right:-5px;width:10px;height:10px;border-top:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);transform:rotate(45deg);pointer-events:none}
.subscription-custom-card{margin-bottom:20px;padding:22px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 42%,var(--surface)),var(--surface) 60%);box-shadow:0 10px 28px rgba(26,22,55,.04)}
.subscription-custom-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:18px}
.subscription-custom-head h3{margin:4px 0 2px;font-size:18px}
.subscription-custom-head p{margin:0;color:var(--muted);font-size:11px}
.subscription-custom-badge{display:inline-block;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:9px;font-weight:900}
.subscription-resource-pills{display:inline-flex;gap:6px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.res-pill{padding:7px 13px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}
.res-pill:hover{color:var(--text);background:var(--surface-2)}
.res-pill.is-active{background:var(--primary);color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 30%,transparent)}
.custom-calc-grid{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(200px,1.4fr) minmax(220px,1.3fr);align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.custom-qty-group{display:flex;flex-direction:column;gap:6px}
.custom-qty-group label{font-size:11px;font-weight:700;color:var(--text)}
.custom-stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);overflow:hidden;width:100%;max-width:210px}
.custom-stepper .step-btn{display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent;color:var(--primary);font-size:18px;font-weight:900;cursor:pointer;transition:background .15s}
.custom-stepper .step-btn:hover{background:color-mix(in srgb,var(--primary) 10%,transparent)}
.custom-stepper input{width:100%;height:38px;border:0;background:transparent;text-align:center;font:inherit;font-size:14px;font-weight:800;color:var(--text);outline:none;-moz-appearance:textfield}
.custom-stepper input::-webkit-outer-spin-button,.custom-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.unit-rate-hint{color:var(--muted);font-size:10px}
.custom-presets{display:flex;flex-direction:column;gap:6px}
.preset-label{font-size:10px;color:var(--muted);font-weight:600}
.preset-chips{display:flex;flex-wrap:wrap;gap:6px}
.preset-chip{padding:5px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s}
.preset-chip:hover,.preset-chip.is-active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}
.custom-summary-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--primary-soft) 25%,transparent)}
.custom-summary-details{display:flex;flex-direction:column;gap:2px}
.custom-summary-details span{color:var(--muted);font-size:10px}
.custom-total-price{font-size:19px;font-weight:900;color:var(--primary)}
.custom-total-price small{font-size:10px;font-weight:500;color:var(--muted);margin-inline-start:4px}
.custom-submit-btn{white-space:nowrap;padding:10px 16px;min-height:40px}
.subscription-addon-filter{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:22px 0 14px}
.addon-filter-btn{padding:5px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s}
.addon-filter-btn:hover{color:var(--text)}
.addon-filter-btn.is-active{background:var(--text);color:var(--surface);border-color:var(--text)}
.addon-kind{color:var(--muted);font-size:10px}.addon-quantity{font-size:18px}.addon-price{margin-bottom:8px;color:var(--primary);font-size:13px;font-weight:900}
.subscription-addon-card form{width:100%;margin-top:auto}
.subscription-addon-empty{grid-column:1/-1;padding:20px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center}
.subscription-topup-history{display:grid;gap:0;margin-top:17px;padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.subscription-topup-history>b{margin-bottom:7px}.subscription-topup-history>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--border);color:var(--muted);font-size:10px}
.topup-state{display:inline-flex;align-items:center;padding:3px 8px;border-radius:99px;background:#fff3df;color:#bd7921;font-size:9px;white-space:nowrap}
.topup-state.approved{background:#e7f8ef;color:#178c61}.topup-state.rejected{background:#fff0f3;color:#cf4859}
.subscription-topup-history{gap:12px;padding:18px;border-color:color-mix(in srgb,var(--primary) 13%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 42%,var(--surface)),var(--surface) 70%);box-shadow:0 8px 24px rgba(26,22,55,.035)}
.topup-history-head{display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:0 0 12px;border:0;border-bottom:1px solid var(--border);color:var(--text);font-size:inherit}
.topup-history-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:11px;background:var(--primary-soft);color:var(--primary)}
.topup-history-icon svg{width:18px;height:18px}
.topup-history-head>div{display:grid;gap:2px}.topup-history-head b{font-size:12px;color:var(--text)}.topup-history-head small{font-size:9px;color:var(--muted)}
.subscription-topup-history .topup-history-list{display:grid;gap:8px;padding:0;border:0;background:transparent}
.topup-history-list>.topup-history-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:10px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.topup-history-list>.topup-history-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));box-shadow:0 5px 14px rgba(26,22,55,.05)}
.topup-history-details{display:grid;gap:3px;min-width:0}.topup-history-details b{font-size:11px;color:var(--text)}.topup-history-details small{color:var(--muted);font-size:9px}.topup-history-details i{margin:0 3px;color:var(--subtle);font-style:normal}
.topup-history-item .topup-state{padding:5px 10px;font-size:9px;font-weight:800}
@media(max-width:650px){.subscription-topup-history>div.topup-history-head{align-items:center;flex-direction:row}.subscription-topup-history>div.topup-history-list{display:grid;gap:8px}.topup-history-list>.topup-history-item{align-items:center;flex-direction:row}}
.app-body.sidebar-open{overflow:hidden}
@media(max-width:760px){.subscription-page{width:100%;min-width:0}.subscription-page-head{align-items:flex-start;flex-direction:column;gap:7px}.subscription-current-main{flex-wrap:wrap}.subscription-current-facts>div{min-width:0;padding:10px}.subscription-current-facts b{overflow-wrap:anywhere}.subscription-plan-card,.subscription-addon-card{min-width:0}.subscription-plan-top{flex-wrap:wrap}.subscription-plan-price{overflow-wrap:anywhere}}
@media(max-width:420px){.subscription-current-facts{grid-template-columns:1fr}.subscription-current-card{padding:13px}.subscription-plan-card,.subscription-addon-card{padding:14px}.subscription-resource-pills{max-width:100%}}
@media(max-width:1120px){.subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-calc-grid{grid-template-columns:1fr;gap:14px}}
@media(max-width:1120px){.subscription-current-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.subscription-page-head{margin-bottom:15px}.subscription-page-head h1{font-size:23px}.subscription-page-head p,.subscription-plans-section>header>p,.subscription-addons>header p{font-size:11px}.subscription-current-card{padding:16px}.subscription-current-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.subscription-pending{align-items:flex-start;flex-direction:column}.subscription-pending form,.subscription-pending button{width:100%}.subscription-plans-section>header,.subscription-addons>header{align-items:flex-start;flex-direction:column;gap:4px}.subscription-plans-section>header>p,.subscription-addons>header p{text-align:right}.subscription-plan-grid,.subscription-addon-grid{grid-template-columns:1fr}.subscription-plan-card,.subscription-addon-card{padding:16px}.subscription-topup-history>div{align-items:flex-start;flex-direction:column}.subscription-resource-pills{width:100%;overflow-x:auto}.custom-summary-card{flex-direction:column;align-items:stretch;gap:10px}}
@media(max-width:1050px){.app-sidebar{right:0;width:min(290px,88vw);transform:translateX(calc(100% + 2px))}.app-sidebar.open{transform:translateX(0)}}
.app-sidebar{max-width:100vw}.sidebar-nav{overscroll-behavior:contain}
@media(max-width:760px){.subscription-page,.subscription-page>*{box-sizing:border-box;max-width:100%;min-width:0}.subscription-page{overflow-x:clip}.subscription-plan-grid,.subscription-addon-grid{grid-template-columns:minmax(0,1fr)}.subscription-current-main,.subscription-plan-top{min-width:0}}
@media(max-width:420px){.subscription-current-facts{grid-template-columns:minmax(0,1fr)}.subscription-current-card{padding:13px}.subscription-plan-card,.subscription-addon-card{padding:14px}.subscription-resource-pills{max-width:100%}}
.subscription-page-head .subscription-eyebrow,.subscription-plans-section .subscription-eyebrow,.subscription-addons .subscription-eyebrow{display:none}
.subscription-plans-section>header>div,.subscription-addons>header>div{display:flex;align-items:center;gap:8px}
.subscription-plans-section .subscription-addon-heading,.subscription-addons .subscription-addon-heading{display:contents}
.subscription-plans-section>header h2,.subscription-addons>header h2{order:1;margin:0}
.subscription-plans-section>header .subscription-help,.subscription-addons>header .subscription-help{order:2;flex:0 0 auto}
.subscription-plans-section .subscription-help-popup{width:min(510px,calc(100vw - 110px))}