/* Editorial guide preview. Scoped; no campaign or shared component changes. */
.guide-editorial .kb-wrap { width:min(1180px,calc(100% - 2 * var(--pad-x))); }
.guide-editorial .kb-hero { padding:20px 0 58px; }
.ge-hero-grid { display:grid;grid-template-columns:1.25fr .8fr;gap:clamp(35px,6vw,86px);align-items:center; }
.guide-editorial .kb-hero h1 { font-size:clamp(42px,4.7vw,65px);line-height:1.04;margin-bottom:26px; }
.guide-editorial .kb-lead { font-size:18px;line-height:1.75;max-width:610px; }
.guide-editorial .kb-eyebrow { letter-spacing:.12em;margin-bottom:19px; }
.ge-hero-image { margin:0;min-width:0; }
.ge-hero-image img { display:block;width:100%;height:auto;max-height:490px;aspect-ratio:4/5;object-fit:cover; }
.ge-hero-image--ceramic img { object-fit:contain;background:#050504; }
.ge-hero-image figcaption { color:#6b6257;font-size:11px;line-height:1.6;margin-top:12px; }
.ge-start { display:inline-flex;gap:25px;align-items:center;margin-top:26px;font-size:14px;line-height:1.5;text-decoration:none;border-bottom:1px solid #9b896b;padding:0 0 8px;color:#4f4130; }
.ge-start span { font-size:23px; }
.ge-explore { border-top:1px solid #d8cdbb;padding:42px 0 30px;scroll-margin-top:125px; }
.ge-explore h2 { font-family:var(--font-display);font-size:clamp(31px,3.1vw,43px);font-weight:400;line-height:1.2;margin:0 0 30px; }
.ge-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #c9bdab; }
.ge-tabs[hidden] { display:none; }
.ge-tabs button { color:#685f51;background:transparent;border:0;min-height:76px;padding:20px 23px 20px 0;display:flex;gap:13px;align-items:center;position:relative;text-align:left;font:400 16px/1.4 var(--font-body);cursor:pointer; }
.ge-tabs button::after { content:'';height:2px;background:#2d2923;position:absolute;bottom:-1px;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .3s ease; }
.ge-tabs button[aria-selected=true] { color:#24211d; }
.ge-tabs button[aria-selected=true]::after { transform:scaleX(1); }
.ge-tab-number { font:400 19px var(--font-display);color:#806037; }
.ge-tab-arrow { margin-left:auto;font-size:18px;transition:transform .25s; }
.ge-tabs button[aria-selected=true] .ge-tab-arrow { transform:rotate(45deg); }
.ge-panels { background:#eee9df;padding:34px 38px; }
.ge-panel { display:grid;grid-template-columns:.9fr 1.25fr;gap:12px 50px;align-items:start; }
.ge-panel + .ge-panel { margin-top:35px;padding-top:28px;border-top:1px solid #d1c4b2; }
.ge-explorer[data-enhanced] .ge-panel + .ge-panel { margin:0;padding:0;border:0; }
.ge-panel[hidden] { display:none; }
.ge-panel h3 { font:400 clamp(29px,3vw,39px)/1.12 var(--font-display);margin:0; }
.ge-panel p { font:400 17px/1.75 var(--font-body);color:#534c41;margin:0;max-width:600px; }
.ge-panel .kb-text-link { grid-column:2;font-size:13px;justify-self:start;margin-top:5px; }
.ge-contents { padding:10px 0 24px;border-bottom:1px solid #d8cdbb;font-size:14px; }
.ge-contents > summary,.ge-depth > summary { cursor:pointer;list-style:none;display:flex;align-items:center;gap:25px;width:fit-content;min-height:44px;color:#725326; }
.ge-contents > summary::-webkit-details-marker,.ge-depth > summary::-webkit-details-marker { display:none; }
.ge-contents > summary span,.ge-depth > summary span { display:inline-block;font-size:21px;transition:transform .2s; }
.ge-contents[open] > summary span,.ge-depth[open] > summary span { transform:rotate(45deg); }
.guide-editorial .ge-contents .kb-contents { border:0;margin:0;padding:12px 0; }
.guide-editorial .kb-row { padding:54px 0;grid-template-columns:1fr 1.18fr;gap:clamp(25px,6vw,85px); }
.ge-chapter { display:grid;grid-template-columns:28px 1fr;gap:20px;align-content:start; }
.ge-chapter-number { font:400 20px/1.4 var(--font-display);color:#806037;padding-top:5px; }
.guide-editorial .kb-row h2 { font-size:clamp(29px,3vw,39px);line-height:1.13; }
.guide-editorial .kb-copy p { line-height:1.75;font-size:16px; }
.guide-editorial .kb-copy > p:first-child { font-size:18px;line-height:1.75;color:#39352e; }
.ge-depth { margin-top:10px;border-top:1px solid #d8cdbb; }
.ge-depth summary { font-size:13px;padding:7px 0; }
.ge-depth > div { padding-top:12px; }
.ge-memo { margin:25px auto 22px;padding:33px 30px 30px;max-width:820px;text-align:center; }
.ge-memo p { font:400 clamp(30px,3.4vw,44px)/1.15 var(--font-display);margin:0 0 18px; }
.ge-memo a { font:400 12px/1.6 var(--font-body);color:#725326;text-decoration:underline;text-underline-offset:5px; }
.guide-editorial .kb-film { padding:25px 0 48px; }
.guide-editorial .kb-film .vf-card { box-shadow:none; }
.ge-reading-progress { position:fixed;left:0;top:0;width:100%;height:2px;z-index:2000;pointer-events:none; }
.ge-reading-progress span { display:block;width:100%;height:100%;background:#b99c69;transform:scaleX(0);transform-origin:left; }
.guide-editorial button:focus-visible { outline:2px solid #75542b;outline-offset:5px; }
@keyframes ge-enter { from { opacity:.4;transform:translateY(7px); } to { opacity:1;transform:translateY(0); } }
@media(prefers-reduced-motion:no-preference) {
 .ge-explorer[data-enhanced] .ge-panel:not([hidden]) { animation:ge-enter .32s ease-out; }
 .ge-in-view { animation:ge-enter .5s ease-out; }
 .ge-depth[open] > div { animation:ge-enter .25s ease-out; }
}
@media(max-width:760px) {
 .ge-hero-grid { grid-template-columns:1fr;gap:27px; }
 .guide-editorial .kb-hero { padding:10px 0 35px; }
 .guide-editorial .kb-hero h1 { font-size:clamp(39px,10vw,57px); }
 .guide-editorial .kb-lead { font-size:16px;line-height:1.75; }
 .ge-hero-image img { aspect-ratio:1.35;max-height:350px;object-position:center 35%; }
 .ge-hero-image figcaption { max-width:360px; }
 .ge-start { margin-top:18px;font-size:13px; }
 .ge-explore { padding-top:28px; }
 .ge-explore h2 { font-size:33px;margin-bottom:18px; }
 .ge-tabs { grid-template-columns:1fr; }
 .ge-tabs button { padding:13px 5px;min-height:50px;font-size:15px;border-top:1px solid #d8cdbb; }
 .ge-tabs button::after { height:1px; }
 .ge-tab-number { width:22px; }
 .ge-panels { padding:25px 22px; }
 .ge-panel { grid-template-columns:1fr;gap:17px; }
 .ge-panel h3 { font-size:33px; }
 .ge-panel p { font-size:16px; }
 .ge-panel .kb-text-link { grid-column:1; }
 .guide-editorial .kb-row { grid-template-columns:1fr;gap:22px;padding:34px 0; }
 .ge-chapter { grid-template-columns:23px 1fr;gap:12px; }
 .guide-editorial .kb-row h2 { font-size:33px; }
 .guide-editorial .kb-copy > p:first-child { font-size:17px; }
 .ge-memo { padding:20px 8px; }
 .ge-memo p { font-size:34px; }
 .guide-editorial .kb-film { padding-bottom:30px; }
}
@media(prefers-reduced-motion:reduce) {
 .guide-editorial *, .guide-editorial *::before, .guide-editorial *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
}
