/* GEO & AI SEO page r1 (geo-r1.css). Loaded ONLY by geo/index.html; every rule is scoped to rd-body.page-geo,
   so About, SEO and the other pages cannot change. Lives at the project root: url('../textures/...'). */

/* ---------- Hero: same geometry as the journal hero ---------- */
rd-body.page-geo #geo-hero{background:url('../textures/ivory-fibre.webp') repeat;padding:60px 0 48px}
rd-body.page-geo #geo-hero h1{font-size:48px;line-height:1.12;letter-spacing:-.05em}
rd-body.page-geo #geo-hero .eyebrow{gap:2px 5px}
rd-body.page-geo #geo-hero .hero-audit{margin-top:34px}
@media(max-width:1190px){rd-body.page-geo #geo-hero h1{font-size:44px}}
@media(max-width:767px){
 rd-body.page-geo #geo-hero{padding:40px 0 46px}
 rd-body.page-geo #geo-hero h1{font-size:39px;letter-spacing:-.045em}
}

/* ---------- Inline links: blue, underlined ---------- */
rd-body.page-geo main .inline-link,rd-body.page-geo main .section-heading p a,rd-body.page-geo main .faq-lead p a,rd-body.page-geo #process .process-step p a{color:#1d5fae!important;text-decoration:underline!important;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:600}

/* ---------- Section rhythm: alternate every section ---------- */
rd-body.page-geo #what-is-geo{background:#edf2f3 url('../textures/blue-fibre.webp') repeat}
rd-body.page-geo #why-geo{background:#f9f7ee}
rd-body.page-geo #ask-ai{background:#e5c59e url('../textures/kraft-fibre.webp') repeat;background-size:180px}
rd-body.page-geo #process{background:#f6f1e4 url('../textures/ivory-fibre.webp') repeat}
@media(min-width:768px){
 rd-body.page-geo #what-is-geo .section-heading,rd-body.page-geo #why-geo .section-heading{max-width:1020px;margin-left:auto;margin-right:auto;text-align:left}
 rd-body.page-geo #what-is-geo .section-heading h2,rd-body.page-geo #why-geo .section-heading h2{text-align:left}
 rd-body.page-geo #what-is-geo .section-heading p,rd-body.page-geo #why-geo .section-heading p{text-align:left;margin-left:0;margin-right:auto}
}

/* ---------- What is GEO: the "This is GEO working" answer ---------- */
rd-body.page-geo .geo-chat{max-width:560px}
rd-body.page-geo .geo-chat .geo-chat-label{font-size:26px;line-height:1.2;color:#235b92;margin:0 0 12px!important;transform:rotate(-1.5deg);width:fit-content}
rd-body.page-geo .geo-chat .geo-chat-q{margin:0 0 18px auto!important;width:fit-content;max-width:90%;background:#e4ecee url('../textures/blue-fibre.webp') repeat;background-size:230px;padding:10px 16px;border-radius:16px 16px 4px 16px;font-weight:650;font-size:16px;line-height:1.5;color:#19324a}
rd-body.page-geo .geo-chat .ai-type strong{color:#19324a;background:linear-gradient(transparent 58%,#f2d06b99 58% 92%,transparent 92%)}
rd-body.page-geo .geo-chat .geo-chat-on{margin:16px 0 0!important;padding-top:12px;border-top:1px dashed #9fb3c0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#4a5b68;font-weight:600}
@media(max-width:767px){rd-body.page-geo .geo-chat .geo-chat-label{margin-left:auto!important;margin-right:auto!important}}

/* ---------- Don't Take Our Word for It. Ask the AI. (scrapbook prints) ---------- */
rd-body.page-geo .ask-ai-head{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:start;max-width:1080px;margin:0 auto}
rd-body.page-geo .ask-ai-head .section-heading{text-align:left;margin:0;max-width:640px}
rd-body.page-geo .ask-ai-head .section-heading h2{text-align:left}
rd-body.page-geo .ask-ai-head .section-heading p{text-align:left;margin-left:0;color:#37291f}
rd-body.page-geo .ask-ai-sticker{width:240px;margin:0;transform:rotate(3deg)}
rd-body.page-geo .ask-ai-sticker img{width:100%;height:auto}
rd-body.page-geo .ask-ai-board{display:grid;grid-template-columns:1fr 1fr;gap:50px 44px;max-width:1080px;margin:44px auto 0;padding:16px 8px 8px}
rd-body.page-geo .ai-print{position:relative;margin:0;padding:14px 14px 16px;background:#fffdf6;box-shadow:0 10px 24px #3a2a1a38,0 2px 4px #3a2a1a24}
rd-body.page-geo .ai-print.print-gemini{background:#eef3f4 url('../textures/blue-fibre.webp') repeat;background-size:230px}
rd-body.page-geo .ai-print.print-claude{background:#f6efe2 url('../textures/ivory-fibre.webp') repeat}
rd-body.page-geo .ai-print.print-perplexity{background:#f4e8ea}
rd-body.page-geo .ai-print a{display:block;overflow:hidden;border:1px solid #cfc6b4;background:#16181c}
rd-body.page-geo .ai-print img{display:block;width:100%;height:300px;object-fit:cover;object-position:top left}
rd-body.page-geo .ai-print figcaption{display:flex;flex-direction:column;gap:6px;padding:12px 4px 0}
rd-body.page-geo .ai-print .ai-print-name{font-size:30px;line-height:1;color:#19324a;transform:rotate(-1.5deg);width:fit-content}
rd-body.page-geo .ai-print .ai-print-prompt{font-size:15px;line-height:1.5;color:#3e5261}
rd-body.page-geo .ai-print .ai-print-label{display:inline-block;margin-right:5px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a5d34}
rd-body.page-geo .print-chatgpt{transform:rotate(-1.6deg)}
rd-body.page-geo .print-gemini{transform:rotate(1.2deg);margin-top:18px}
rd-body.page-geo .print-claude{transform:rotate(1deg)}
rd-body.page-geo .print-perplexity{transform:rotate(-1.1deg);margin-top:10px}
/* washi tape on two prints, paperclips on the other two (the clip overlaps the print edge, so it touches) */
rd-body.page-geo .print-chatgpt::before,rd-body.page-geo .print-claude::before{content:'';position:absolute;z-index:2;top:-15px;left:50%;width:120px;height:32px;margin-left:-60px;background:url('../textures/blue-tape.webp') center/100% 100% no-repeat;transform:rotate(-3deg)}
rd-body.page-geo .print-claude::before{background-image:url('../textures/pink-tape.webp');transform:rotate(4deg)}
rd-body.page-geo .print-gemini::before,rd-body.page-geo .print-perplexity::before{content:'';position:absolute;z-index:2;top:-22px;right:30px;width:30px;height:74px;background:url('../textures/paperclip.webp') center/contain no-repeat;transform:rotate(8deg)}
rd-body.page-geo .ask-ai-note{text-align:center;font-size:24px;color:#37291f;margin:34px auto 0!important;transform:rotate(-1deg)}
rd-body.page-geo .geo-swipe-row{display:none}
rd-body.page-geo .geo-swipe{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 2px;border:0;background:none;color:#1d5fae;font-size:14px;line-height:1.4;font-weight:600;cursor:pointer}
rd-body.page-geo .geo-swipe-arrow{width:46px;height:15px;flex:none;transition:transform .2s}
rd-body.page-geo .geo-swipe.at-end .geo-swipe-arrow{transform:rotate(180deg)}
rd-body.page-geo .geo-swipe:focus-visible{outline:2px solid #1d5fae;outline-offset:4px}
@media(max-width:767px){
 rd-body.page-geo .ask-ai-head{display:flex;flex-direction:column;align-items:center;gap:18px}
 rd-body.page-geo .ask-ai-head .section-heading,rd-body.page-geo .ask-ai-head .section-heading h2,rd-body.page-geo .ask-ai-head .section-heading p{text-align:center;margin-left:auto;margin-right:auto}
 rd-body.page-geo .ask-ai-sticker{width:235px}
 rd-body.page-geo .geo-swipe-row{display:flex;justify-content:center;margin-top:14px}
 rd-body.page-geo .ask-ai-board{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;margin:6px -24px 0;padding:28px 24px 22px;scrollbar-width:none}
 rd-body.page-geo .ask-ai-board::-webkit-scrollbar{display:none}
 rd-body.page-geo .ai-print{flex:0 0 82%;scroll-snap-align:center;margin-top:0!important}
 rd-body.page-geo .ai-print img{height:250px}
 rd-body.page-geo .ask-ai-note{font-size:22px;margin-top:18px!important}
}

/* ---------- Process: six live steps, in order, with the live "How we make it happen" lists ---------- */
/* desktop path snakes 1 2 3, then back 4 5 6 along the bottom row (journal pattern for 3+3) */
rd-body.page-geo #process .process-step:nth-child(n){order:0}
rd-body.page-geo #process .process-step:nth-child(4){order:6}
rd-body.page-geo #process .process-step:nth-child(5){order:5}
rd-body.page-geo #process .process-step:nth-child(6){order:4}
rd-body.page-geo .geo-how{margin-top:12px;padding-top:6px;border-top:1px dashed #a7bbc9}
rd-body.page-geo .geo-how summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;cursor:pointer;list-style:none;font-weight:650;font-size:15px;color:#235b92}
rd-body.page-geo .geo-how summary::-webkit-details-marker{display:none}
rd-body.page-geo .geo-how summary span{font-size:21px;line-height:1;transition:transform .2s}
rd-body.page-geo .geo-how[open] summary span{transform:rotate(45deg)}
rd-body.page-geo .geo-how ul{list-style:none;margin:2px 0 0;padding:0}
rd-body.page-geo .geo-how li{position:relative;padding:5px 0 5px 24px;font-size:15px;line-height:1.55;color:#3e5261}
rd-body.page-geo .geo-how li::before{content:'✓';position:absolute;left:0;top:5px;color:#235b92;font-weight:700}
rd-body.page-geo .geo-process-cta{margin-top:36px;text-align:center}
rd-body.page-geo .geo-process-cta .paper-cta{margin:0 auto}
@media(prefers-reduced-motion:reduce){rd-body.page-geo .geo-how summary span,rd-body.page-geo .geo-swipe-arrow{transition:none}}
