/* DeckLearn Japan Blog — product-native editorial layer */
:root{--bg:#070a13;--ink:#edf5ff;--muted:#a6b8d3;--c:#37d6ff;--theme-a:#37d6ff;--theme-b:#6e79ff;--theme-gold:#ffd84d;--glow-a:55,214,255;--glow-b:110,121,255;--culture:url('/assets/product-previews/br/decklearn-brasil-colecao-premium-hero.svg');--shadow:0 24px 70px rgba(0,0,0,.55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100svh;color:var(--ink);font-family:'Noto Sans JP',Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(1200px 620px at 8% -10%,rgba(var(--glow-a),.18),transparent 58%),radial-gradient(900px 520px at 100% 0%,rgba(var(--glow-b),.12),transparent 56%),var(--bg);line-height:1.75}a{color:var(--c);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:auto;padding:clamp(14px,3vw,24px)}h1,h2,h3{font-family:Sora,'Noto Sans JP',sans-serif;line-height:1.24}h1{font-size:clamp(30px,4.5vw,54px);margin:.22em 0;font-weight:900}h2{font-weight:900}p,li,.muted{color:var(--muted)}strong{color:var(--ink)}#site-header{position:relative;z-index:10000}.blog-official-banner-wrap{max-width:1180px;margin:12px auto 0;padding:0 clamp(14px,3vw,24px)}.blog-official-banner{margin:0;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);background:#0a0f1d}.blog-official-banner img{display:block;width:100%;height:clamp(150px,24vw,300px);object-fit:cover}.blog-header-fallback{max-width:1180px;margin:10px auto;padding:11px 14px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:#0b1020;display:flex;gap:16px;align-items:center}.blog-header-fallback a{font-weight:900;color:#eef6ff}body[data-blog-pillar='english'],body:has(.article [data-pillar='english']){--bg:#05070d;--c:#5ce1ff;--theme-a:#012169;--theme-b:#c8102e;--theme-gold:#d7b56d;--glow-a:1,33,105;--glow-b:200,16,46;--culture:url('/assets/product-previews/br/decklearn-brasil-londres-ingles-cultural-hero.svg')}body[data-blog-pillar='spanish'],body:has(.article [data-pillar='spanish']){--bg:#080305;--c:#f1bf00;--theme-a:#3b0508;--theme-b:#aa151b;--theme-gold:#f1bf00;--glow-a:170,21,27;--glow-b:241,191,0;--culture:url('/assets/product-previews/br/decklearn-brasil-espanha-espanhol-cultural-hero-v2.svg')}body[data-blog-pillar='german'],body:has(.article [data-pillar='german']){--bg:#050505;--c:#ffce00;--theme-a:#000;--theme-b:#dd0000;--theme-gold:#ffce00;--glow-a:255,206,0;--glow-b:221,0,0;--culture:url('/assets/product-previews/br/decklearn-brasil-berlim-alemao-cultural-hero.svg')}body[data-blog-pillar='korean'],body:has(.article [data-pillar='korean']){--bg:#050a16;--c:#9fc1ff;--theme-a:#071a3d;--theme-b:#0047a0;--theme-gold:#cd2e3a;--glow-a:0,71,160;--glow-b:205,46,58;--culture:url('/assets/product-previews/br/decklearn-brasil-coreia-coreano-cultural-hero-v2-sharp.webp')}body[data-blog-pillar='anki'],body:has(.article [data-pillar='anki']){--bg:#070a13;--c:#37d6ff;--theme-a:#37d6ff;--theme-b:#6e79ff;--theme-gold:#ffd84d;--glow-a:55,214,255;--glow-b:110,121,255;--culture:url('/assets/product-previews/br/decklearn-brasil-colecao-premium-hero.svg')}.hero,.article,.card{position:relative;overflow:hidden;border:1px solid rgba(var(--glow-a),.30);background:radial-gradient(760px 320px at 0 0,rgba(var(--glow-a),.18),transparent 62%),radial-gradient(620px 300px at 100% 100%,rgba(var(--glow-b),.10),transparent 64%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));box-shadow:var(--shadow)}.hero,.article{border-radius:26px}.card{border-radius:20px}.hero>* ,.article>* ,.card>*{position:relative;z-index:2}.hero{padding:clamp(24px,4vw,44px);margin:18px 0 22px;min-height:clamp(260px,34vw,390px);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(5,7,13,.97),rgba(5,7,13,.83) 46%,rgba(5,7,13,.30)),linear-gradient(0deg,rgba(5,7,13,.78),transparent 55%),var(--culture);background-size:cover;background-position:center}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#c8d6ec;font-size:.9rem;margin-bottom:12px;font-weight:700}.breadcrumbs a{color:#eef5ff}.tag{display:inline-flex;width:max-content;max-width:100%;padding:.38rem .72rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--theme-gold) 55%,transparent);background:rgba(0,0,0,.34);color:var(--theme-gold);font-size:.78rem;font-weight:900;letter-spacing:.04em}.pills,.list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pill,.list a{display:inline-flex;padding:9px 13px;border-radius:999px;border:1px solid rgba(var(--glow-a),.25);background:rgba(255,255,255,.035);font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{min-height:225px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:.15s ease}.card:hover{transform:translateY(-3px)}.card::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(5,7,13,.98),rgba(5,7,13,.84) 54%,rgba(5,7,13,.38)),linear-gradient(0deg,rgba(5,7,13,.86),rgba(5,7,13,.10) 65%),var(--card-image,var(--culture));background-size:cover;background-position:center}.card:nth-child(1){--card-image:url('/assets/product-previews/br/decklearn-brasil-londres-ingles-cultural-hero.svg')}.card:nth-child(2){--card-image:url('/assets/product-previews/br/decklearn-brasil-espanha-espanhol-cultural-hero-v2.svg')}.card:nth-child(3){--card-image:url('/assets/product-previews/br/decklearn-brasil-berlim-alemao-cultural-hero.svg')}.card:nth-child(4){--card-image:url('/assets/product-previews/br/decklearn-brasil-coreia-coreano-cultural-hero-v2-sharp.webp')}.card:nth-child(5){--card-image:url('/assets/product-previews/br/decklearn-brasil-colecao-premium-hero.svg')}.card h2,.card h3{margin:10px 0 6px}.card h2 a,.card h3 a{color:#fff}.card p{margin:0;color:#c8d6e9}.meta{font-size:.9rem;color:#b9c8dd;font-weight:650}.article{padding:clamp(22px,4vw,42px);margin:18px 0 26px}.article::before{content:"";display:block;position:relative;z-index:1;height:clamp(210px,30vw,360px);margin:-42px -42px 30px;background-image:linear-gradient(0deg,rgba(5,7,13,.96),rgba(5,7,13,.10) 55%),var(--culture);background-size:cover;background-position:center}.article h2{margin-top:34px}.example,.note,.cta,.learning-check{border:1px solid rgba(var(--glow-a),.24);border-radius:18px;background:rgba(4,8,18,.58);padding:16px 18px;margin:18px 0}.example{border-left:4px solid var(--theme-b)}.note{border-left:4px solid var(--theme-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;font-weight:900;color:#fff;background:linear-gradient(90deg,var(--theme-a),var(--theme-b) 58%,var(--theme-gold));border:1px solid rgba(255,255,255,.15);text-decoration:none}.article .cta .btn{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9995;min-width:188px;padding:10px 16px;border-radius:999px;font-size:.84rem;white-space:nowrap;backdrop-filter:blur(16px)}.footer{max-width:1180px;margin:26px auto 90px;padding:0 20px;text-align:center;color:#8fa5c3;font-weight:700}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.grid{grid-template-columns:1fr}.hero{min-height:300px}.article{padding:20px}.article::before{margin:-20px -20px 24px;height:220px}.article .cta .btn{font-size:.78rem;min-width:170px;padding:9px 14px}.footer{margin-bottom:82px}}