/* ====== CONTEXTUAL SEO POSES, WITH ROOM FOR THE CONTENT ====== */
:root{--footer-seo-size:140px;--goal-character:300px}
.seo-pose{display:block;width:var(--guide-mascot);max-width:100%;aspect-ratio:1;justify-self:center}
.seo-pose .seo-mascot{display:block;width:100%;height:100%;object-fit:contain}
.service-seo-tip .seo-pose{width:240px}
.seo-guide--notes .seo-pose,.seo-guide--tool .seo-pose{width:var(--guide-small)}
.seo-guide--reading .seo-pose{width:100px}
/* ====== APPROVED OWNER GOALS, INLINE AND WITHOUT AN EMAIL GATE ====== */
.goal-selector{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--s7);align-items:center;background:var(--green);color:var(--ink);border-top:1px solid var(--line);scroll-margin-top:120px}
.goal-character .seo-pose{width:var(--goal-character);margin-inline:auto}
.goal-character .seo-name{text-align:center;color:var(--ink)}
.goal-content h2{font:400 clamp(38px,4.5vw,66px)/1.08 var(--display);color:var(--ink);max-width:20ch;margin-bottom:var(--s6)}
.goal-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.goal-options a{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4);min-height:72px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:600 var(--caption)/1.4 var(--body);transition:background var(--fast),color var(--fast)}
.goal-options a:hover{background:var(--ink);color:var(--paper)}
.goal-options a:focus-visible,.goal-unsure:focus-visible{outline:3px solid var(--ink);outline-offset:var(--s1)}
.goal-unsure{display:inline-block;margin-top:var(--s5);padding-block:var(--s2);font:600 var(--caption)/1.5 var(--body);text-decoration:underline;text-underline-offset:var(--s1)}
.selected-business-goal{padding:var(--s4);border-left:3px solid var(--forest);background:var(--blue);color:var(--ink);font:400 var(--base)/1.6 var(--body);margin-bottom:var(--s5)}
/* ====== SEO RESTS ON THE FOOTER'S EXISTING RULE ====== */
.site-footer .footer-base{position:relative;margin-top:var(--s7)}
.footer-rest{position:absolute;right:var(--s0);top:calc(var(--footer-seo-size)*-.92);width:var(--footer-seo-size);pointer-events:none}
/* ====== VISUAL REVIEW OF THE SIX NEW CHARACTER POSES ====== */
.seo-pose-library{background:var(--paper)}
.seo-pose-library>h1{font:400 clamp(52px,7vw,100px)/1.05 var(--display)}
.seo-pose-library>p{font:400 var(--copy)/1.5 var(--body);margin-block:var(--s5)}
.seo-pose-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin-block:var(--s7)}
.seo-pose-gallery article{padding:var(--s5);background:var(--blue);border:1px solid var(--line)}
.seo-pose-gallery article:nth-child(2n){background:var(--peach)}
.seo-pose-gallery h2{font:600 var(--copy)/1.5 var(--body);margin-top:var(--s4)}
/* ====== MOBILE POSES AND REACHABLE GOAL CHOICES ====== */
@media(max-width:800px){.service-seo-tip .seo-pose{width:150px;grid-row:1/3}.seo-guide .seo-pose{width:180px;justify-self:start}.seo-guide--notes .seo-pose,.seo-guide--tool .seo-pose,.seo-guide--reading .seo-pose{width:110px}.goal-selector{grid-template-columns:1fr;gap:var(--s5)}.goal-character{display:flex;align-items:center;gap:var(--s4)}.goal-character .seo-pose{width:160px;margin:var(--s0)}.goal-character .seo-name{text-align:left;max-width:14ch}.goal-options{grid-template-columns:1fr}.seo-pose-gallery{grid-template-columns:1fr 1fr}.seo-pose-gallery .seo-pose{width:100%}}
@media(max-width:420px){.service-seo-tip .seo-pose{width:110px}.goal-character .seo-pose{width:120px}.goal-content h2{font-size:40px}.seo-pose-gallery{grid-template-columns:1fr}}