.seo-shell{background:radial-gradient(120% 90% at 85% 8%,var(--paper),transparent 55%),var(--bone);color:var(--ink);min-height:calc(100vh - var(--header-h))}.seo-page,.blog-index{margin:0 auto;max-width:var(--max);padding:48px clamp(1.2rem,4vw,3.2rem) 96px}.seo-hero{display:grid;gap:2rem;padding:56px 0 32px}.seo-eyebrow{color:var(--ink-65);font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase}.seo-title{font-family:var(--font-display);font-weight:500;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1;letter-spacing:-.015em;color:var(--ink);max-width:14ch}.seo-intro{display:grid;gap:.9rem;max-width:72ch}.seo-intro p,.seo-section p,.seo-faq-answer,.blog-index-intro p{color:var(--ink-65);font-family:var(--font-sans);font-size:1.02rem;line-height:1.65}.seo-hero-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);align-items:start}.seo-card,.seo-section,.seo-faq-item,.seo-link-card,.blog-card{background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 30px 60px -45px #1a161166}.seo-card{padding:1.5rem;display:grid;gap:1rem}.seo-card-title{font-family:var(--font-sans);font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-45)}.seo-summary,.seo-facts,.seo-bullets,.seo-steps,.seo-links-grid,.blog-grid{display:grid;gap:.9rem}.seo-summary li,.seo-facts li,.seo-bullets li,.seo-steps li{list-style:none;position:relative;padding-left:1.2rem;color:var(--ink-80);font-family:var(--font-sans);line-height:1.6}.seo-summary li:before,.seo-facts li:before,.seo-bullets li:before{content:"";position:absolute;left:0;top:.62rem;width:.36rem;height:.36rem;border-radius:999px;background:var(--wine)}.seo-steps{counter-reset:seo-steps;margin-top:1rem}.seo-steps li{counter-increment:seo-steps;padding-left:2.8rem}.seo-steps li:before{content:counter(seo-steps);position:absolute;left:0;top:-.2rem;width:1.9rem;height:1.9rem;border-radius:999px;border:1px solid var(--line);display:grid;place-items:center;color:var(--wine);font-family:var(--font-display);font-size:.9rem;font-weight:500}.seo-sections,.seo-faq,.seo-links{display:grid;gap:1.4rem;margin-top:1.5rem}.seo-section,.seo-faq-item,.blog-card{padding:1.6rem}.seo-section-title,.seo-links-title,.seo-faq-title,.blog-index-title{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;font-size:clamp(1.6rem,2vw,2.4rem)}.seo-section h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.35rem,2vw,1.85rem);margin-bottom:1rem}.seo-section p+p,.seo-faq-answer{margin-top:.8rem}.seo-link-card{padding:1.3rem;text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease,background .25s ease}.seo-link-card:hover{transform:translateY(-3px);border-color:var(--wine);background:var(--paper)}.seo-link-label{font-family:var(--font-display);font-size:1.15rem;font-weight:500;color:var(--ink)}.seo-link-meta{color:var(--ink-45);font-family:var(--font-sans);font-size:.88rem;margin-top:.35rem}.seo-faq-item h3{font-family:var(--font-display);font-weight:500;font-size:1.2rem}.blog-index-hero{display:grid;gap:1rem;padding:56px 0 24px}.blog-index-intro{display:grid;gap:.8rem;max-width:70ch}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem}.blog-card{display:grid;gap:1rem;text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease}.blog-card:hover{transform:translateY(-4px);border-color:var(--wine)}.blog-meta{display:flex;flex-wrap:wrap;gap:.8rem;color:var(--ink-45);font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.blog-card p{color:var(--ink-65);font-family:var(--font-sans);line-height:1.6}.blog-card-footer{color:var(--wine);font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}@media (max-width: 920px){.seo-hero-grid,.blog-grid{grid-template-columns:1fr}}@media (max-width: 640px){.seo-page,.blog-index{padding:28px 18px 72px}.seo-hero{padding-top:40px}}.seo-inventory{margin:clamp(2rem,4vw,3rem) 0}.seo-inventory-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.4rem}.seo-inventory-head h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500}.seo-inventory-head a{color:var(--ink);font-size:.85rem;text-underline-offset:.25rem}
