/* Practical landing pages retain the approved typography and sage details. */
.inner-page { --detail:#627564; --detail-light:#bbd0ba; }
.inner-page .eyebrow { color:var(--detail); line-height:1.8; }
.inner-page .text-link { border-bottom-color:var(--detail); }
.inner-page .text-link>span { color:var(--detail); }
.seo-guide { max-width:none; }
.seo-guide>.prose { max-width:850px; margin:auto; }
.seo-guide h1 { font-size:clamp(40px,5.3vw,70px); line-height:1.08; margin:20px 0 26px; }
.inner-page .seo-guide .prose>.guide-lead { font:18px/1.8 var(--sans); color:var(--muted); }
.seo-guide section { margin-top:36px; }
.seo-guide h2 { font-size:clamp(30px,3vw,40px); line-height:1.18; }
.seo-guide h3 { font:500 18px/1.5 var(--sans); margin-top:25px; }
.guide-image { margin:35px 0; }
.guide-image img { display:block; width:100%; height:auto; max-height:420px; object-fit:cover; border-radius:6px; }
.guide-image figcaption { font-size:11px; color:var(--muted); margin-top:9px; }
.guide-related { border-top:1px solid var(--line); margin-top:36px; padding-top:10px; }
.guide-related a { text-decoration:underline; text-decoration-color:var(--detail); text-underline-offset:4px; }
.guide-contact { padding:24px 30px 30px; background:#e6ece1; border-radius:8px; margin:35px 0; }
.guide-contact h2 { margin-top:0; }
.guide-contact .button { margin-top:20px; }
.seo-guide .care-note { font-size:12px; line-height:1.7; }
.article-sources { padding-top:8px; border-top:1px solid var(--line); }
.seo-guide .article-sources h2 { font-size:26px; }
.article-sources a { font-size:13px; }
/* Width comes from the .section side padding (centred at 1320px on wide screens); a max-width here would stack with it. */
.blog-index { max-width:none; }
.blog-intro { max-width:780px; }
.blog-intro h1 { font-size:clamp(43px,5.3vw,72px); line-height:1.08; margin:22px 0 26px; }
.blog-intro p { max-width:630px; color:var(--muted); line-height:1.8; }
.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:44px; }
.blog-card { display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--line); border-top:2px solid #627564; border-radius:8px; padding:30px; background:#fffaf480; }
.blog-card h2 { font-size:35px; line-height:1.15; margin:22px 0; }
.blog-card p { font-size:14px; color:var(--muted); line-height:1.8; margin-bottom:28px; }
.blog-card .text-link { margin-top:auto; }
@media(max-width:1000px) { .blog-grid { grid-template-columns:1fr; } .blog-card h2 { font-size:34px; } }
@media(max-width:540px) {
 .inner-page .seo-guide .prose>.guide-lead { font-size:16px; }
 .guide-contact { padding:22px; }
 .guide-contact .button { font-size:12px; padding-inline:18px; }
}

.aside-links{list-style:none;margin:12px 0 0;padding:0}.aside-links li{margin:0}.aside-links a{display:inline-block;padding:5px 0;font-size:11px;line-height:1.5;text-underline-offset:4px}.aside-links a:hover{text-decoration:underline}.detail-aside .eyebrow+.aside-links{margin-top:10px}
.consent{position:fixed;left:24px;bottom:24px;z-index:60;width:min(430px,calc(100% - 32px));background:var(--holeys-cream,#f7f1ea);color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:0 18px 40px #4e374726;padding:22px 24px}.consent .consent-title{font-family:var(--serif);font-size:26px;line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}.consent p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.consent p a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.consent-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.consent-options{display:grid;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.consent-options[hidden]{display:none}.consent-options label{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;color:var(--muted);cursor:pointer}.consent-options strong{color:var(--ink);font-weight:600}.consent-options input{width:16px;height:16px;margin:3px 0 0;flex-shrink:0;accent-color:var(--plum)}.consent-actions button{font:inherit;font-size:12px;font-weight:600;line-height:1.3;padding:11px 8px;border:1px solid var(--plum);background:transparent;color:var(--plum);border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.consent-actions button:hover{background:var(--plum);color:#fffdf8}.consent-actions button:focus-visible{outline:2px solid var(--plum);outline-offset:3px}.cookie-settings{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.cookie-settings:hover{text-decoration:underline}
@media(max-width:800px){.consent{left:16px;right:16px;width:auto;bottom:16px;padding:18px}.consent .consent-title{font-size:23px}}
@media(max-width:540px){.consent{bottom:calc(78px + env(safe-area-inset-bottom));max-height:calc(100vh - 110px);overflow-y:auto}}
@media(max-width:360px){.consent-actions{grid-template-columns:1fr 1fr}.consent-actions [data-consent="custom"],.consent-actions [data-consent="save"]{grid-column:1/-1;order:3}}