/* G1 Mineral & Gold: scoped to opted-in public detail/business documents only. */
.g1-details{--g1-detail-paper:#fbfcf8;--g1-detail-ink:#16231f;--g1-detail-forest:#124d38;--g1-detail-sage:#e0e9db;--g1-detail-mineral:#c9d8cb;--g1-detail-gold:#95722c;--g1-detail-line:#bac8bb;background:var(--g1-detail-paper);color:var(--g1-detail-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
.g1-details main{color:var(--g1-detail-ink)}
.g1-details :is(h1,h2,h3,h4){font-family:Arial,Helvetica,sans-serif;color:var(--g1-detail-forest);font-weight:750;letter-spacing:-.04em;line-height:1.1;text-wrap:balance}
.g1-details h1{font-size:clamp(2.45rem,5.8vw,5.75rem);max-width:20ch}
.g1-details h2{font-size:clamp(1.65rem,3vw,2.65rem);margin-block:1.6em .65em}
.g1-details h3{font-size:clamp(1.25rem,2vw,1.6rem)}
.g1-details :is(p,li,figcaption){text-wrap:pretty}
.g1-details :is(a,button,input,summary):focus-visible{outline:3px solid var(--g1-detail-gold);outline-offset:5px}
.g1-details main a:not(.button):not(.discovery-button):not(.ltk-button):not(.project-link){color:var(--g1-detail-forest);text-decoration-thickness:1px;text-underline-offset:.2em}
.g1-details :is(.eyebrow,.free-kicker,.article-kicker,.refresh-eyebrow){font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--g1-detail-forest)}
.g1-details :is(.refresh-hero,.about-hero,.starter-hero,.offer-detail>h1,.business-article>header,.free-hero,.project-landing-hero,.ltk-site>header){position:relative;border-bottom:1px solid var(--g1-detail-line);border-radius:0;background-color:transparent;box-shadow:none;padding-bottom:clamp(1.75rem,4vw,4rem)}
.g1-details :is(.refresh-hero,.about-hero,.starter-hero,.business-article>header,.free-hero,.project-landing-hero)::after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:min(42%,260px);height:2px;background:linear-gradient(90deg,var(--g1-detail-forest) 0 70%,var(--g1-detail-gold) 70% 100%);pointer-events:none}
.g1-details :is(.refresh-hero-art,.cycle-illustration){display:none}
.g1-details .refresh-hero{grid-template-columns:1fr;max-width:1200px;min-height:0}
.g1-details .refresh-hero-copy{max-width:900px}
.g1-details :is(.refresh-lede,.about-lede,.starter-lead,.article-intro,.lead){font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--g1-detail-ink);line-height:1.65}
.g1-details :is(.refresh-offer,.refresh-path,.refresh-example,.starter-card,.about-section,.offer-examples article,.project-fact-panel,.ltk-notes){border:1px solid var(--g1-detail-line);border-radius:0;box-shadow:none;background:var(--g1-detail-sage);padding:clamp(1.25rem,3vw,2rem)}
.g1-details :is(.refresh-offer,.refresh-path,.refresh-example,.starter-card):nth-child(even){background:var(--g1-detail-mineral)}
.g1-details :is(.refresh-band,.contact,.starter-inquiry,.offer-form,.article-next,.comic-share){border-radius:0;background:var(--g1-detail-sage);border:1px solid var(--g1-detail-line);box-shadow:none}
.g1-details :is(.button,.starter-actions .button,.discovery-button,.ltk-button,.project-link){font-family:Arial,Helvetica,sans-serif;border-radius:0;background:var(--g1-detail-forest);color:#fff;border:1px solid var(--g1-detail-forest);box-shadow:none;min-height:44px;padding:.7rem 1rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.g1-details :is(.button,.ltk-button,.project-link):hover{background:#0c3d2b;color:#fff}
.g1-details :is(.business-article,.about-main,.offer-detail){max-width:1100px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3rem)}
.g1-details .business-article-body{max-width:760px;margin-inline:auto;font-size:1.05rem}
.g1-details .business-article>header{max-width:960px;margin-bottom:2rem}
.g1-details .business-article .article-meme{max-width:900px;margin-inline:auto}
.g1-details .business-article :is(.article-meme img,.article-diagram img,.business-article-body figure img){object-fit:contain;height:auto;border-radius:0}
.g1-details :is(.article-art-links,.article-art-caption,.comic-published,.free-breadcrumbs,.comic-category-links){font-size:.875rem}
.g1-details :is(.comic-published,time){color:#42574b}
.g1-details :is(.comic-reader img,.story-episode img){border-radius:0;box-shadow:none;object-fit:contain;height:auto}
.g1-details .free-shell{max-width:1120px;padding-inline:clamp(1.25rem,4vw,3rem)}
.g1-details .story-shell{max-width:1100px}
.g1-details .story-episode{padding-block:1.25rem 2.5rem;border-bottom:1px solid var(--g1-detail-line)}
.g1-details .story-episode h2{font-size:clamp(1.65rem,3.5vw,2.6rem)}
.g1-details :is(.comic-transcript,.starter-faq details){border:1px solid var(--g1-detail-line);border-radius:0;background:var(--g1-detail-paper);box-shadow:none}
.g1-details :is(.comic-transcript summary,.starter-faq summary){min-height:44px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;color:var(--g1-detail-forest);font-weight:700}
.g1-details :is(.comic-next,.story-top,.comic-actions){gap:1rem}
.g1-details .comic-share{margin-block:2rem;padding:clamp(1.25rem,4vw,2.5rem)}
.g1-details .about-portrait{border-radius:0;box-shadow:none;border-bottom:3px solid var(--g1-detail-gold)}
.g1-details .about-section{margin-block:1.5rem}
.g1-details .about-section h2:first-child{margin-top:0}
.g1-details :is(.project-landing-page,.projects-panel,.project-landing-panel){background:var(--g1-detail-paper);border-radius:0;box-shadow:none;color:var(--g1-detail-ink)}
.g1-details .project-landing-preview{border-radius:0;background:var(--g1-detail-mineral)}
.g1-details .project-landing-preview img{object-fit:contain;border-radius:0}
.g1-details .project-landing-hero{gap:clamp(1.5rem,4vw,3rem)}
.g1-details :is(.project-landing-tabs,.project-tab-panel){border-color:var(--g1-detail-line)}
.g1-details .project-landing-tabs button{border-radius:0;min-height:44px;font-family:Arial,Helvetica,sans-serif}
.g1-details .ltk-site{background:var(--g1-detail-paper);color:var(--g1-detail-ink)}
.g1-details .ltk-preview{border-radius:0;object-fit:contain}
@media(max-width:680px){.g1-details h1{font-size:clamp(2.15rem,9.5vw,3.1rem);overflow-wrap:break-word}.g1-details :is(.starter-grid,.refresh-grid,.about-hero,.project-landing-hero,.project-description-layout,.ltk-grid){grid-template-columns:1fr}.g1-details :is(.business-article,.about-main,.offer-detail,.free-shell){padding-inline:1.25rem}.g1-details :is(.starter-actions,.about-actions,.project-landing-actions,.comic-actions){display:flex;flex-wrap:wrap;gap:.75rem}.g1-details .starter-actions>.button{flex:1 1 12rem}.g1-details .business-article-body{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.g1-details{scroll-behavior:auto}.g1-details :is(.refresh-hero,.about-hero,.starter-hero,.business-article,.free-hero,.project-landing-hero){animation:none;transition:none}}

/* Shared G1 detail rhythm. Keep source documents, legal copy and embedded apps intact. */
.g1-details{--g1-detail-space:clamp(2.5rem,5vw,5rem)}
.g1-details main{min-width:0}
.g1-details main :is(h1,h2,h3,h4){font-family:Arial,Helvetica,sans-serif!important;font-weight:800!important;color:var(--g1-detail-forest);line-height:1.12;letter-spacing:-.045em}
.g1-details main h1{font-size:clamp(2.5rem,5.8vw,5.5rem);max-width:20ch;margin-block:0 1.5rem}
.g1-details main h2{font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.15}
.g1-details main h3{font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.25}
.g1-details :is(.refresh-wrap,.starter-offer,.offer-detail,.about-main,.free-shell,.project-landing-shell,.ltk-site){width:min(100%,1200px);box-sizing:border-box;margin-inline:auto}
.g1-details :is(.refresh-section,.starter-section){padding-block:var(--g1-detail-space)}
.g1-details :is(.refresh-heading,.starter-section>h2){max-width:850px;margin-bottom:1.75rem}
.g1-details :is(.refresh-heading p,.starter-section>p){max-width:70ch}
.g1-details :is(.refresh-grid,.starter-grid,.offer-examples,.project-description-layout)>*{min-width:0}
.g1-details :is(.refresh-process>article,.offer-detail>section:not(.offer-form),.starter-section){border-radius:0;box-shadow:none;border-top:1px solid var(--g1-detail-line)}
.g1-details .refresh-process>article{padding:1.5rem;background:var(--g1-detail-paper)}
.g1-details .refresh-process>article:nth-child(even){background:var(--g1-detail-sage)}
.g1-details .refresh-process :is(h2,h3){margin-top:0}
.g1-details :is(.refresh-band,.starter-inquiry,.offer-form){padding:clamp(1.5rem,4vw,3rem);margin-block:var(--g1-detail-space)}
.g1-details .contact{padding-block:var(--g1-detail-space)}
.g1-details :is(.starter-card,.about-section,.offer-examples article,.refresh-path)>:first-child{margin-top:0}
.g1-details :is(.starter-card,.about-section,.offer-examples article,.refresh-path)>:last-child{margin-bottom:0}
.g1-details .starter-offer{padding:clamp(1.25rem,4vw,3rem)}
.g1-details .offer-detail>section{padding-block:1.5rem;margin-top:2rem}
.g1-details :is(.offer-examples,.starter-grid){gap:1.5rem}
.g1-details :is(.starter-actions,.about-actions,.refresh-actions,.ltk-actions,.project-landing-actions){gap:.75rem;flex-wrap:wrap}
.g1-details :is(.starter-actions,.about-actions,.refresh-actions,.ltk-actions,.project-landing-actions) a{max-width:100%}
.g1-details :is(.starter-faq details,.comic-transcript){padding:1rem 1.25rem}
.g1-details :is(.starter-faq details,.comic-transcript)+details{margin-top:.75rem}
.g1-details :is(.starter-faq summary,.comic-transcript summary){display:list-item;padding-block:.25rem;line-height:1.45}
.g1-details :is(input,textarea,select){font:inherit;max-width:100%;box-sizing:border-box}
.g1-details :is(button,input,textarea,select,summary){accent-color:var(--g1-detail-forest)}

/* Article reading stays distinct from discovery cards, with uncropped original art. */
.g1-details .business-article{padding-top:clamp(2rem,5vw,4rem);padding-bottom:var(--g1-detail-space)}
.g1-details .business-article>header{margin-inline:auto}
.g1-details .business-article>header h1{max-width:18ch}
.g1-details .business-article .article-meme.reading{border:1px solid var(--g1-detail-line);border-radius:0;background:#eef2e8;overflow:hidden;margin-block:2.5rem}
.g1-details .business-article .article-art-links{max-width:900px;margin-inline:auto;margin-bottom:2.5rem;line-height:1.6}
.g1-details .business-article-body{line-height:1.8}
.g1-details .business-article-body h2{margin-top:2.5rem;margin-bottom:1rem;font-size:clamp(1.6rem,2.6vw,2.2rem)}
.g1-details .business-article-body h3{margin-top:2rem;margin-bottom:.75rem;font-size:clamp(1.2rem,2vw,1.5rem)}
.g1-details .business-article-body :is(p,ul,ol,figure){margin-block:1.25rem}
.g1-details .business-article-body :is(pre,blockquote,.article-diagram){border:1px solid var(--g1-detail-line);border-left:3px solid var(--g1-detail-gold);border-radius:0;background:var(--g1-detail-sage);padding:1.25rem}
.g1-details .business-article-body pre{white-space:pre-wrap;overflow-wrap:anywhere}
.g1-details .article-next{margin-top:3rem;padding:1.5rem}
.g1-details .article-back{min-height:44px;display:inline-flex;align-items:center;margin-bottom:1.75rem}

/* Standalone artwork and complete stories retain full images, transcripts and order. */
.g1-details .free-hero{padding-top:clamp(2rem,4vw,3rem);margin-bottom:2.5rem}
.g1-details .free-hero p{max-width:70ch}
.g1-details .comic-reader{width:100%;max-width:960px;margin:2rem auto;box-sizing:border-box}
.g1-details .comic-reader img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;border:1px solid var(--g1-detail-line);box-sizing:border-box}
.g1-details .comic-reader figcaption{font-size:.875rem;line-height:1.6;margin-top:.75rem;color:#42574b}
.g1-details .comic-reader a{display:block}
.g1-details .comic-reader figcaption a{display:inline}
.g1-details .story-shell{max-width:1000px}
.g1-details .story-episodes{display:flex;gap:.5rem;flex-wrap:wrap;padding-block:1.25rem;border-block:1px solid var(--g1-detail-line);margin-block:2rem}
.g1-details :is(.story-episodes,.comic-actions,.comic-category-links,.comic-next) a{display:inline-flex;min-height:44px;align-items:center;padding:.5rem .8rem;border:1px solid var(--g1-detail-line);background:var(--g1-detail-paper);box-sizing:border-box;text-decoration:none;line-height:1.4}
.g1-details :is(.story-episodes,.comic-actions,.comic-category-links,.comic-next) a:hover{background:var(--g1-detail-sage)}
.g1-details .story-episode{scroll-margin-top:1.5rem;padding-block:2rem 3rem}
.g1-details .story-episode .comic-reader{max-width:760px}
.g1-details .story-episode .comic-transcript{max-width:760px;margin-inline:auto;box-sizing:border-box}
.g1-details .comic-transcript :is(p,li){line-height:1.75}
.g1-details :is(.comic-next,.comic-actions,.comic-category-links){display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.g1-details .comic-next{padding-block:2rem}
.g1-details .comic-share h2{margin-top:0}

/* Game landing surrounds only: preserve supported Play links and player internals. */
.g1-details .project-landing-shell{padding:clamp(1.25rem,4vw,3rem)}
.g1-details .project-landing-page{padding:0;border:0}
.g1-details .project-landing-hero{margin-top:2rem;padding-bottom:2rem;align-items:start}
.g1-details .project-landing-preview{border:1px solid var(--g1-detail-line);padding:1rem;box-sizing:border-box}
.g1-details .project-landing-preview img{width:100%;height:auto;max-height:500px;object-fit:contain}
.g1-details .project-landing-tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding-block:1.25rem;margin-block:1.25rem;border-block:1px solid var(--g1-detail-line)}
.g1-details .project-landing-tabs button{background:var(--g1-detail-paper);border:1px solid var(--g1-detail-line);color:var(--g1-detail-forest);padding:.65rem 1rem;font:inherit}
.g1-details .project-landing-tabs button[aria-selected="true"]{background:var(--g1-detail-forest);color:white;border-color:var(--g1-detail-forest)}
.g1-details .project-fact-panel{padding:1.25rem}
.g1-details .project-landing-actions{padding-block:1.5rem}
.g1-details .ltk-site{padding:clamp(1.25rem,4vw,3rem);border:0;border-radius:0;box-shadow:none}
.g1-details .ltk-site>section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--g1-detail-line)}
.g1-details .ltk-actions{display:flex;align-items:center;flex-wrap:wrap;margin-block:1.75rem}
.g1-details .ltk-preview{display:block;width:100%;height:auto;border:1px solid var(--g1-detail-line);margin-block:2rem}
.g1-details .ltk-notes{margin-top:2rem}
@media(max-width:700px){
 .g1-details{--g1-detail-space:2.5rem}
 .g1-details main h1{font-size:clamp(2.1rem,9vw,3.1rem);max-width:100%}
 .g1-details :is(.refresh-wrap,.starter-offer,.offer-detail,.about-main,.free-shell,.project-landing-shell,.ltk-site){padding-inline:1.25rem}
 .g1-details .business-article{padding-inline:1.25rem}
 .g1-details .business-article .article-meme.reading{margin-block:1.75rem}
 .g1-details :is(.starter-grid,.refresh-grid,.project-description-layout,.project-landing-hero,.offer-examples){grid-template-columns:minmax(0,1fr)}
 .g1-details .comic-reader{margin-block:1.5rem}
 .g1-details .story-episode{padding-block:1.5rem 2rem}
 .g1-details .story-episodes a{flex:1 1 7rem;justify-content:center}
 .g1-details .project-landing-preview{padding:.5rem}
 .g1-details .project-landing-preview img{max-height:none}
}

/* Public resource hub uses the same tokens without fetching or revealing hidden collections. */
.g1-detail-free-stuff .refresh-resource{min-width:0;border:1px solid var(--g1-detail-line);border-radius:0;background:var(--g1-detail-paper);box-shadow:none;overflow:hidden}
.g1-detail-free-stuff .refresh-resource-art{background:var(--g1-detail-sage);border-radius:0;aspect-ratio:1.5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.g1-detail-free-stuff .refresh-resource-art img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;border-radius:0}
.g1-detail-free-stuff .refresh-resource-copy{padding:1.25rem;min-width:0}
.g1-detail-free-stuff .refresh-resource-copy h3{margin-top:.5rem}
.g1-detail-free-stuff .refresh-filter-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1.5rem}
.g1-detail-free-stuff .refresh-filter-list button{font:inherit;border-radius:0;border:1px solid var(--g1-detail-line);background:var(--g1-detail-paper);color:var(--g1-detail-forest);padding:.65rem 1rem;min-height:44px}
.g1-detail-free-stuff .refresh-filter-list button[aria-pressed="true"]{background:var(--g1-detail-forest);color:white;border-color:var(--g1-detail-forest)}
.g1-detail-free-stuff .refresh-grid{gap:1.5rem}
.g1-detail-free-stuff .refresh-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.g1-details :is(.story-episodes,.comic-actions,.comic-category-links,.comic-next) :is(a,button){border-radius:0;box-shadow:none}
.g1-details :is(.comic-actions button,.copy-template){font:inherit;min-height:44px;border:1px solid var(--g1-detail-forest);border-radius:0;background:var(--g1-detail-forest);color:white;padding:.65rem 1rem;cursor:pointer}
.g1-details :is(.comic-actions button,.copy-template):hover{background:#0c3d2b}
.g1-details .comic-link-fallback input{border:1px solid var(--g1-detail-line);border-radius:0;background:var(--g1-detail-paper);color:var(--g1-detail-ink)}
/* Explicit primary CTA contrast also wins over the shared shell's link color. */
.g1-site.g1-details main a:is(.button,.discovery-button,.ltk-button,.project-link),
.g1-site.g1-details main a:is(.button,.discovery-button,.ltk-button,.project-link):visited,
.g1-site.g1-details main a:is(.button,.discovery-button,.ltk-button,.project-link):hover,
.g1-site.g1-details main a:is(.button,.discovery-button,.ltk-button,.project-link):focus-visible{color:#fff!important;background-color:var(--g1-detail-forest);border-color:var(--g1-detail-forest)}
.g1-site.g1-details main a:is(.button,.discovery-button,.ltk-button,.project-link):hover{background-color:#0c3d2b;border-color:#0c3d2b}
