.comparison-shell{
max-width:1280px;
margin:0 auto;
padding:34px 40px 80px;
}

.comparison-kicker{
display:inline-block;
padding:8px 12px;
border-radius:999px;
background:rgba(31,77,58,.12);
color:var(--pnw-evergreen);
font-size:12px;
font-weight:700;
letter-spacing:.05em;
text-transform:uppercase;
}

.comparison-hero{
max-width:840px;
margin-bottom:30px;
}

.comparison-hero h1{
margin:14px 0 14px;
font-size:52px;
line-height:1.02;
color:var(--pnw-navy);
}

.comparison-hero p{
margin:0;
font-size:18px;
line-height:1.65;
color:rgba(42,42,42,.78);
}

.comparison-grid{
display:grid;
grid-template-columns:1.45fr .85fr;
gap:24px;
margin-bottom:24px;
}

.comparison-form-card,
.comparison-summary-card,
.comparison-results-card{
background:rgba(255,255,255,.34);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.62);
border-radius:20px;
box-shadow:
0 18px 34px rgba(30,47,68,.10),
inset 0 1px 0 rgba(255,255,255,.55);
padding:26px;
}

.comparison-form-card h2,
.comparison-summary-card h2,
.comparison-results-card h2{
margin-top:0;
color:var(--pnw-evergreen);
}

.comparison-actions{
display:flex;
justify-content:flex-end;
margin-top:22px;
}

.comparison-header-actions{
display:flex;
gap:10px;
align-items:center;
}

.comparison-takeaway{
margin:0 0 14px;
padding:16px 18px;
border-radius:14px;
background:rgba(255,255,255,.30);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border:1px solid rgba(31,77,58,.16);
color:var(--pnw-evergreen);
font-weight:600;
line-height:1.55;
box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}

.comparison-summary-list{
margin:0 0 18px;
padding-left:18px;
line-height:1.7;
}

.comparison-note{
padding:18px;
border-radius:14px;
background:rgba(255,255,255,.26);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
border:1px solid rgba(31,77,58,.12);
box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}

.comparison-note p{
margin:8px 0 0;
line-height:1.6;
}

.comparison-status{
margin-bottom:12px;
font-size:14px;
color:rgba(42,42,42,.72);
}

.comparison-table-wrap{
overflow-x:auto;
}

.comparison-table{
width:100%;
border-collapse:collapse;
min-width:980px;
}

.comparison-seo-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:24px;
margin-top:24px;
}

.comparison-seo-card{
background:rgba(255,255,255,.34);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.62);
border-radius:20px;
box-shadow:
0 18px 34px rgba(30,47,68,.10),
inset 0 1px 0 rgba(255,255,255,.55);
padding:24px;
}

.comparison-seo-card h2{
margin:0 0 12px;
font-size:24px;
line-height:1.2;
color:var(--pnw-evergreen);
}

.comparison-seo-card p{
margin:0;
line-height:1.7;
color:rgba(42,42,42,.82);
}

.comparison-seo-card a{
color:var(--pnw-evergreen);
font-weight:600;
}

.comparison-table th,
.comparison-table td{
padding:14px 12px;
border-bottom:1px solid rgba(0,0,0,.08);
text-align:left;
vertical-align:top;
font-size:14px;
}

.comparison-table th{
font-size:13px;
text-transform:uppercase;
letter-spacing:.04em;
color:var(--pnw-navy);
}

.comparison-tooltip-label{
cursor:help;
}

.comparison-table tbody tr:hover{
background:rgba(31,77,58,.04);
}

.comparison-metric{
display:block;
font-weight:700;
color:var(--pnw-navy);
}

.comparison-delta{
display:block;
margin-top:4px;
font-size:12px;
font-weight:600;
color:rgba(31,77,58,.82);
}

.comparison-delta.muted{
color:rgba(42,42,42,.45);
}

.comparison-pill{
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
font-size:12px;
font-weight:700;
}

.comparison-pill.safe{
background:rgba(31,77,58,.12);
color:var(--pnw-evergreen);
}

.comparison-pill.risk{
background:rgba(219,43,57,.12);
color:#A61E2B;
}

@media (max-width: 980px){
.comparison-shell{
padding:24px 20px 56px;
}

.comparison-grid{
grid-template-columns:1fr;
}

.comparison-seo-grid{
grid-template-columns:1fr;
}

.comparison-header-actions{
justify-content:flex-start;
flex-wrap:wrap;
margin-top:12px;
}

.comparison-hero h1{
font-size:38px;
}
}

@media print{
@page{
margin:.55in;
size:auto;
}

body{
background:#fff !important;
font-size:11pt;
color:#1f2937;
}

body *{
visibility:hidden;
}

.comparison-results-card,
.comparison-results-card *{
visibility:visible;
}

.comparison-results-card{
position:absolute;
left:0;
top:0;
width:100%;
margin:0;
padding:0 0 .08in;
background:#fff;
border:none;
box-shadow:none;
}

.comparison-results-card h2{
margin:0 0 .12in;
font-size:20pt;
color:#173b2d;
}

.comparison-takeaway{
margin:0 0 .18in;
padding:.14in .18in;
background:#f3f7f4;
border:1px solid #c9d8cf;
border-radius:10px;
font-size:12pt;
line-height:1.45;
color:#173b2d;
}

.comparison-status{
margin:0 0 .14in;
font-size:10pt;
color:#4b5563;
}

.comparison-header-actions{
display:none !important;
}

.comparison-table-wrap{
overflow:visible;
}

.comparison-table{
min-width:0;
width:100%;
}

.comparison-table th,
.comparison-table td{
padding:.11in .1in;
font-size:10.5pt;
border-bottom:1px solid #d7dee4;
}

.comparison-table th{
font-size:9.5pt;
letter-spacing:.03em;
color:#24364d;
background:#f8faf9;
}

.comparison-table tbody tr:hover{
background:transparent;
}

.comparison-metric{
font-weight:700;
color:#1f2f46;
}

.comparison-delta{
font-size:9pt;
color:#2e6a52;
}

.comparison-delta.muted{
color:#6b7280;
}
}