/* Margin Town V1.8 — Guide hub editorial redesign */
.guide-hub-v18{--gline:var(--ap-09299f2a7b,rgba(150,178,220,.16));--gmuted:var(--ap-796ed3b02e,#91a6c2);--gcard:var(--ap-116f0a1e24,#08172b);--gcard2:var(--ap-738eedfd18,#0b1d36)}
.guide-hub-v18 .guide-hero-v18{padding:64px 0 48px;border-bottom:1px solid var(--ap-40518c1879,rgba(151,177,216,.08));background:radial-gradient(circle at 75% 30%,var(--ap-263db4157a,rgba(47,103,246,.16)),transparent 38%),linear-gradient(180deg,var(--ap-a91a522cfa,#061020) 0%,var(--ap-187c20f7b2,#071225) 100%)}
.guide-hub-v18 .guide-hero-v18__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:64px;align-items:center}
.guide-hub-v18 .guide-hero-v18 h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.055em;margin:12px 0 18px;max-width:760px}
.guide-hub-v18 .guide-hero-v18 p{max-width:680px;font-size:18px;line-height:1.8;color:var(--ap-b38fcb704e,#b7c7dc)}
.guide-hub-v18 .guide-hero-v18__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.guide-hub-v18 .guide-hero-v18__media{position:relative;border:1px solid var(--gline);border-radius:28px;overflow:hidden;background:var(--ap-e75eee3a3c,#08162a);box-shadow:0 30px 90px var(--ap-e264c5ea95,rgba(0,0,0,.28))}
.guide-hub-v18 .guide-hero-v18__media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.guide-hub-v18 .guide-hero-v18__overlay{position:absolute;pointer-events:none;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.guide-hub-v18 .guide-hero-v18__overlay span{padding:10px 11px;border:1px solid var(--ap-19559a2272,rgba(255,255,255,.11));border-radius:12px;background:var(--ap-51ca565ada,rgba(3,10,22,.82));backdrop-filter:blur(12px);font-size:12px;color:var(--ap-76fc875289,#d9e6f8);text-align:center}
.guide-hub-v18 .guide-section-v18{padding:62px 0}
.guide-hub-v18 .guide-section-v18+.guide-section-v18{border-top:1px solid var(--ap-2f974f293b,rgba(151,177,216,.07))}
.guide-hub-v18 .guide-section-head-v18{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.guide-hub-v18 .guide-section-head-v18 h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;margin:0 0 7px}
.guide-hub-v18 .guide-section-head-v18 p{margin:0;color:var(--gmuted);line-height:1.7}
.guide-hub-v18 .guide-search-v18{position:relative;max-width:900px;margin:0 auto 18px}
.guide-hub-v18 .guide-search-v18 input{width:100%;height:62px;padding:0 58px 0 22px;border-radius:18px;border:1px solid var(--ap-706c2191e2,rgba(132,166,215,.24));background:var(--ap-4b997fdc9c,#0a1b32);color:var(--ap-7482a94342,#fff);font-size:17px;outline:none;box-shadow:0 16px 50px var(--ap-b48fac4223,rgba(0,0,0,.13))}
.guide-hub-v18 .guide-search-v18 input:focus{border-color:var(--ap-d840b190b4,rgba(76,137,255,.65));box-shadow:0 0 0 4px var(--ap-50921c5d2a,rgba(54,118,255,.09))}
.guide-hub-v18 .guide-search-v18:after{content:'⌕';position:absolute;right:20px;top:15px;color:var(--ap-effabd8cbf,#78a8ff);font-size:27px;line-height:1}
.guide-hub-v18 .guide-filter-v18{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:34px}
.guide-hub-v18 .guide-filter-v18 button{border:1px solid var(--gline);border-radius:999px;background:var(--ap-e75eee3a3c,#08162a);color:var(--ap-412df47e7b,#a8bad2);padding:9px 13px;font:inherit;font-size:13px;cursor:pointer}
.guide-hub-v18 .guide-filter-v18 button:hover,.guide-hub-v18 .guide-filter-v18 button.is-active{color:var(--ap-7482a94342,#fff);background:var(--ap-70c89fe844,#12305c);border-color:var(--ap-ef02af2e0d,#315fa6)}
.guide-hub-v18 .journey-v18{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;counter-reset:journey}
.guide-hub-v18 .journey-v18 a{counter-increment:journey;position:relative;min-height:150px;padding:21px 16px 17px;border:1px solid var(--gline);border-radius:18px;background:linear-gradient(180deg,var(--ap-29b1eb8c64,#0a1b33),var(--ap-195c4e5271,#07162a));transition:.2s;overflow:hidden}
.guide-hub-v18 .journey-v18 a:hover{transform:translateY(-3px);border-color:var(--ap-00fc01075c,rgba(70,130,255,.45));background:var(--ap-d018551e97,#0b203e)}
.guide-hub-v18 .journey-v18 a:before{content:counter(journey,decimal-leading-zero);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--ap-c7faf1fe16,#12336a);color:var(--ap-a7c2d465f0,#9fc0ff);font-size:12px;font-weight:900;margin-bottom:26px}
.guide-hub-v18 .journey-v18 b{display:block;color:var(--ap-7482a94342,#fff);font-size:16px;margin-bottom:6px}.guide-hub-v18 .journey-v18 span{display:block;color:var(--ap-f513eb0233,#8097b6);font-size:12px;line-height:1.55}
.guide-hub-v18 .journey-v18 em{position:absolute;right:14px;bottom:12px;color:var(--ap-f35af2b3a2,#487bc5);font-size:23px;font-style:normal}
.guide-hub-v18 .editorial-grid-v18{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.guide-hub-v18 .editorial-card-v18{display:block;border:1px solid var(--gline);border-radius:22px;overflow:hidden;background:var(--ap-116f0a1e24,#08172b);transition:.22s;min-width:0}
.guide-hub-v18 .editorial-card-v18:hover{transform:translateY(-3px);border-color:var(--ap-37354ba1eb,rgba(77,137,255,.45));box-shadow:0 22px 55px var(--ap-868fce320d,rgba(0,0,0,.18))}
.guide-hub-v18 .editorial-card-v18__media{position:relative;aspect-ratio:16/8.8;overflow:hidden;background:var(--ap-44f5510b06,#09172a)}
.guide-hub-v18 .editorial-card-v18__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.guide-hub-v18 .editorial-card-v18:hover img{transform:scale(1.025)}
.guide-hub-v18 .editorial-card-v18__badge{position:absolute;top:12px;left:12px;padding:6px 8px;border-radius:999px;background:var(--ap-d795de4c66,rgba(4,12,25,.86));border:1px solid var(--ap-adcf10bfec,rgba(255,255,255,.1));color:var(--ap-2c13ebbc07,#bed3f0);font-size:10px;font-weight:800;letter-spacing:.04em}
.guide-hub-v18 .editorial-card-v18__body{padding:19px 20px 21px}.guide-hub-v18 .editorial-card-v18__body b{display:block;color:var(--ap-7482a94342,#fff);font-size:19px;letter-spacing:-.025em;margin-bottom:7px}.guide-hub-v18 .editorial-card-v18__body p{margin:0;color:var(--ap-ae76d180fd,#91a5c1);font-size:13px;line-height:1.65}.guide-hub-v18 .editorial-card-v18__body small{display:block;margin-top:13px;color:var(--ap-b588b4d1b0,#5fa0ff);font-size:12px;font-weight:800}
.guide-hub-v18 .problem-layout-v18{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px}
.guide-hub-v18 .compact-links-v18{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-hub-v18 .compact-links-v18 a{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--gline);border-radius:15px;background:var(--ap-116f0a1e24,#08172b);transition:.2s}.guide-hub-v18 .compact-links-v18 a:hover{background:var(--ap-28f5887b95,#0b203c);border-color:var(--ap-2d7dc1ff92,rgba(76,137,255,.4))}
.guide-hub-v18 .compact-links-v18 i{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:var(--ap-f661f0445c,#102d59);color:var(--ap-fcd83d2396,#78a9ff);font-style:normal;font-size:16px;font-weight:900}.guide-hub-v18 .compact-links-v18 b{display:block;color:var(--ap-b48d0def7c,#f2f6fc);font-size:14px}.guide-hub-v18 .compact-links-v18 span{display:block;color:var(--ap-66415bd7d8,#8197b5);font-size:11px;margin-top:3px;line-height:1.45}
.guide-hub-v18 .spotlight-v18{position:relative;min-height:100%;padding:27px;border:1px solid var(--ap-e2285f44e3,rgba(78,133,255,.26));border-radius:22px;background:radial-gradient(circle at 90% 10%,var(--ap-42dc37e752,rgba(52,112,255,.2)),transparent 42%),var(--ap-b0220284e7,#091a31);overflow:hidden}.guide-hub-v18 .spotlight-v18 .kicker{color:var(--ap-d982d4e862,#6ca7ff)}.guide-hub-v18 .spotlight-v18 h3{font-size:26px;margin:8px 0 12px}.guide-hub-v18 .spotlight-v18 p{color:var(--ap-43b90fbdb2,#9eb0c8);line-height:1.75;font-size:14px}.guide-hub-v18 .spotlight-v18 .btn{margin-top:12px}.guide-hub-v18 .spotlight-v18__code{font-size:34px;font-weight:950;letter-spacing:.04em;color:var(--ap-7482a94342,#fff);margin:22px 0 2px}.guide-hub-v18 .spotlight-v18__meta{color:var(--ap-25176935a9,#65a7ff);font-size:12px;font-weight:800}
.guide-hub-v18 .concept-grid-v18{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.guide-hub-v18 .concept-grid-v18 a{padding:18px 17px;border:1px solid var(--gline);border-radius:16px;background:var(--ap-195c4e5271,#07162a)}.guide-hub-v18 .concept-grid-v18 b{display:block;color:var(--ap-7482a94342,#fff);font-size:15px;margin-bottom:6px}.guide-hub-v18 .concept-grid-v18 span{color:var(--ap-f747ddbb4b,#8096b4);font-size:11px;line-height:1.55}
.guide-hub-v18 .exchange-start-v18{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.guide-hub-v18 .exchange-start-v18 a{position:relative;min-height:238px;border:1px solid var(--gline);border-radius:21px;overflow:hidden;background:var(--ap-116f0a1e24,#08172b)}.guide-hub-v18 .exchange-start-v18 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.37}.guide-hub-v18 .exchange-start-v18 a:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--ap-3acf84e8b4,rgba(3,10,21,.18)),var(--ap-fac6bfe521,rgba(3,10,21,.95)) 78%);pointer-events:none;z-index:1}.guide-hub-v18 .exchange-start-v18 .copy{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.guide-hub-v18 .exchange-start-v18 b{display:block;font-size:20px;color:var(--ap-7482a94342,#fff)}.guide-hub-v18 .exchange-start-v18 span{display:block;font-size:12px;color:var(--ap-227f83351f,#a7b8cd);margin-top:5px}.guide-hub-v18 .exchange-start-v18 em{display:inline-block;margin-top:10px;color:var(--ap-639cda87ef,#68a7ff);font-style:normal;font-size:12px;font-weight:800}
.guide-hub-v18 .seo-copy-v18{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:28px 0 0;color:var(--ap-e938104da5,#93a7c2)}.guide-hub-v18 .seo-copy-v18 h3{color:var(--ap-b03d055fe2,#eef5ff);font-size:18px;margin:0 0 10px}.guide-hub-v18 .seo-copy-v18 p{font-size:14px;line-height:1.85;margin:0}.guide-hub-v18 .no-results-v18{display:none;text-align:center;color:var(--ap-796ed3b02e,#91a6c2);padding:30px;border:1px dashed var(--gline);border-radius:16px;margin-top:18px}
@media(max-width:1100px){.guide-hub-v18 .guide-hero-v18__grid{grid-template-columns:1fr;gap:30px}.guide-hub-v18 .guide-hero-v18__media{max-width:820px}.guide-hub-v18 .journey-v18{grid-template-columns:repeat(3,1fr)}.guide-hub-v18 .editorial-grid-v18{grid-template-columns:repeat(2,1fr)}.guide-hub-v18 .concept-grid-v18{grid-template-columns:repeat(3,1fr)}.guide-hub-v18 .exchange-start-v18{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.guide-hub-v18 .guide-hero-v18{padding:42px 0 30px}.guide-hub-v18 .guide-hero-v18 h1{font-size:42px}.guide-hub-v18 .guide-section-v18{padding:44px 0}.guide-hub-v18 .guide-section-head-v18{align-items:flex-start;flex-direction:column;gap:6px}.guide-hub-v18 .journey-v18{grid-template-columns:repeat(2,1fr)}.guide-hub-v18 .editorial-grid-v18,.guide-hub-v18 .problem-layout-v18,.guide-hub-v18 .seo-copy-v18{grid-template-columns:1fr}.guide-hub-v18 .compact-links-v18{grid-template-columns:1fr}.guide-hub-v18 .concept-grid-v18{grid-template-columns:1fr 1fr}.guide-hub-v18 .guide-hero-v18__overlay{display:none}}
@media(max-width:480px){.guide-hub-v18 .journey-v18,.guide-hub-v18 .concept-grid-v18,.guide-hub-v18 .exchange-start-v18{grid-template-columns:1fr}.guide-hub-v18 .journey-v18 a{min-height:120px}.guide-hub-v18 .editorial-card-v18__body{padding:16px}.guide-hub-v18 .guide-search-v18 input{height:56px;font-size:15px}}

/* V1.8.1 interaction hotfix */
.guide-hub-v18 .guide-hero-v18__actions{position:relative;z-index:5}
.guide-hub-v18 .guide-hero-v18__actions .btn{position:relative;z-index:6;pointer-events:auto}
.guide-hub-v18 .exchange-start-v18 a>.copy{z-index:2}