/* AI Overview Checker — scoped sotto #ag-root. Breakpoint mobile 900px. */
#ag-root .aio-band{padding-block:88px}
#ag-root .aio-band--tight{padding-block:56px}
#ag-root .aio-band--page{background:var(--bg-page)}
#ag-root .aio-band--warm{background:var(--bg-warm)}
#ag-root .aio-band--surface{background:var(--bg-surface)}
#ag-root .aio-band--inverse{background:var(--bg-inverse);color:var(--text-on-dark)}
#ag-root .aio-stack{display:flex;flex-direction:column;gap:24px}
#ag-root .aio-narrow>*{max-width:760px}

/* Hero */
#ag-root .aio-hero{padding-block:56px 72px}
#ag-root .aio-hero__row{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:64px;align-items:start}
#ag-root .aio-hero__copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start;min-width:0}
#ag-root .aio-crumbs a{color:var(--text-secondary);text-decoration:none}
#ag-root .aio-crumbs a:hover{text-decoration:underline}
#ag-root .aio-h1-accent{display:block;color:var(--text-accent)}
#ag-root .aio-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font:500 14px/1.4 var(--f-body);color:var(--text-secondary)}
#ag-root .aio-trust li::before{content:"✓ ";color:var(--text-success)}

/* Tool */
#ag-root .aio-tool{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-tool);padding:28px;display:flex;flex-direction:column;gap:18px;scroll-margin-top:88px}
#ag-root .aio-field{display:flex;flex-direction:column;gap:6px;min-width:0}
#ag-root .aio-field label{font:500 14px/1.4 var(--f-body);color:var(--text-primary)}
#ag-root .aio-field small{font-size:12.5px;line-height:1.4;color:var(--text-secondary)}
#ag-root .aio-field input,#ag-root .aio-field select,#ag-root .aio-gate input{width:100%;font:400 16px/1.4 var(--f-body);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 14px;min-height:48px}
#ag-root .aio-field input:focus,#ag-root .aio-field select:focus,#ag-root .aio-gate input:focus{border-color:var(--border-focus);outline:1px solid var(--border-focus)}
#ag-root .aio-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#ag-root .aio-status{color:var(--text-secondary)}
#ag-root .aio-status.is-error{color:var(--text-danger)}

/* Result */
#ag-root .aio-result-row{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:24px;align-items:start}
#ag-root .aio-result{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
#ag-root .aio-badge{align-self:flex-start;display:inline-block;padding:4px 10px;border-radius:var(--radius-pill);font:600 12px/1.4 var(--f-body);letter-spacing:.05em;text-transform:uppercase}
#ag-root .aio-badge--success{background:var(--bg-success-tint);color:var(--text-success)}
#ag-root .aio-badge--danger{background:var(--bg-danger-tint);color:var(--text-danger)}
#ag-root .aio-badge--neutral{background:var(--bg-warm);color:var(--text-secondary)}
#ag-root .aio-sources{list-style:none;counter-reset:src;margin:0;padding:0}
#ag-root .aio-sources li{counter-increment:src;display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--border-default);font:500 14px/1.4 var(--f-body);overflow-wrap:anywhere}
#ag-root .aio-sources li::before{content:counter(src);color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:1.2em}
#ag-root .aio-sources li.is-you{color:var(--text-success)}
#ag-root .aio-mother{background:var(--bg-brand-tint);border-radius:var(--radius-card);padding:28px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}

/* Facts / steps / cards */
#ag-root .aio-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
#ag-root .aio-fact__v{font:600 20px/1.4 var(--f-display);color:var(--text-heading)}
#ag-root .aio-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
#ag-root .aio-steps li{display:flex;flex-direction:column;gap:10px}
#ag-root .aio-step__n{width:36px;height:36px;border-radius:var(--radius-pill);background:var(--bg-brand-tint);color:var(--text-accent);font:600 16px/36px var(--f-body);text-align:center}
#ag-root .aio-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#ag-root .aio-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;gap:12px}
#ag-root .aio-card--link{text-decoration:none;color:inherit;transition:border-color .15s}
#ag-root .aio-card--link:hover{border-color:var(--border-focus)}
#ag-root .aio-link{font:500 14px/1.4 var(--f-body);color:var(--text-accent)}

/* Definition + table */
#ag-root .aio-split{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:64px;align-items:start}
#ag-root .aio-table-wrap{overflow-x:auto;border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--bg-page)}
#ag-root .aio-table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px}
#ag-root .aio-table th,#ag-root .aio-table td{text-align:left;padding:12px 16px;border-top:1px solid var(--border-default);vertical-align:top}
#ag-root .aio-table tr:first-child th{border-top:0;background:var(--bg-warm);color:var(--text-heading);font-weight:500}
#ag-root .aio-table th[scope=row]{font-weight:500}
#ag-root .aio-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}

/* Founder */
#ag-root .aio-founder{margin:0;max-width:760px;display:flex;gap:16px;align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-card);padding:20px}
#ag-root .aio-founder__img{width:56px;height:56px;flex:0 0 56px;border-radius:50%;object-fit:cover}
#ag-root .aio-founder__body{display:flex;flex-direction:column;gap:6px;min-width:0}
#ag-root .aio-founder blockquote{margin:0}
#ag-root .aio-founder figcaption{font:500 14px/1.4 var(--f-body)}
#ag-root .aio-founder figcaption a{color:var(--text-secondary);text-decoration:none}

/* FAQ */
#ag-root .aio-faq details{border-bottom:1px solid var(--border-default);padding:20px 0}
#ag-root .aio-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
#ag-root .aio-faq summary::-webkit-details-marker{display:none}
#ag-root .aio-faq summary::after{content:"+";font:600 20px/1.4 var(--f-display);color:var(--text-accent)}
#ag-root .aio-faq details[open] summary::after{content:"−"}
#ag-root .aio-faq details p{margin-top:8px}

/* Final */
#ag-root .aio-final{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
#ag-root .aio-final h2{color:var(--text-on-dark)}
#ag-root .aio-final .ag-lead{opacity:.85}
#ag-root .aio-final__ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* Sticky (mobile) */
#ag-root .aio-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg-surface);border-top:1px solid var(--border-default);padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}

#ag-root .aio-result__head{display:flex;gap:8px;flex-wrap:wrap}
#ag-root .aio-result.is-loading{opacity:.55;transition:opacity .2s}
#ag-root .aio-sources__h{font:600 13px/1.4 var(--f-body);color:var(--text-secondary);margin:4px 0 0;text-transform:uppercase;letter-spacing:.04em}
#ag-root .aio-sources li a{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:2px;min-width:0}
#ag-root .aio-sources li a:hover span:first-child{text-decoration:underline}
#ag-root .aio-sources li small{font:400 13px/1.4 var(--f-body);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ag-root .aio-gate{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--border-focus);border-radius:var(--radius-md);background:var(--bg-page)}
#ag-root .aio-gate__title{font:600 16px/1.4 var(--f-display);color:var(--text-heading);margin:0}
#ag-root .aio-gate__row{display:flex;gap:8px}
#ag-root .aio-gate__row input{flex:1;min-width:0}
#ag-root .aio-gate .ag-helper a{color:inherit}
#ag-root .aio-tips{display:flex;flex-direction:column;gap:8px}
#ag-root .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:899px){
	#ag-root .aio-band{padding-block:48px}
	#ag-root .aio-band--tight{padding-block:32px}
	#ag-root .aio-hero{padding-block:28px 40px}
	#ag-root .aio-hero__row,#ag-root .aio-result-row,#ag-root .aio-split{grid-template-columns:1fr;gap:24px}
	#ag-root .aio-tool{padding:18px}
	#ag-root .aio-row{grid-template-columns:1fr}
	#ag-root .aio-gate__row{flex-direction:column}
	#ag-root .aio-gate__row .ag-btn{width:100%}
	#ag-root .aio-facts{grid-template-columns:1fr 1fr;gap:20px}
	#ag-root .aio-steps,#ag-root .aio-cards{grid-template-columns:1fr;gap:20px}
	#ag-root .aio-mother{padding:20px}
	#ag-root .aio-final__ctas{flex-direction:column;width:100%}
	#ag-root .aio-final__ctas .ag-btn{width:100%}
}
@media (min-width:900px){#ag-root .aio-sticky{display:none!important}}
