:root{--ink:#1b1a24;--ink-soft:#54505f;--sub:#8a8694;--line:#eceaf1;--accent:#4b6bfb;--accent-deep:#3550e6;--pink:#e85d9a;--card:#fff;--bg:#fbfaf8;--ss:0 1px 2px #1b1a240d, 0 8px 20px #1b1a2412;--sm:0 4px 8px #1b1a240f, 0 24px 50px #1b1a2424;--ll-bg:var(--bg);--ll-card:var(--card);--ll-ink:var(--ink);--ll-ink-soft:var(--ink-soft);--ll-sub:var(--sub);--ll-line:var(--line);--ll-coral:var(--accent);--ll-amber:var(--pink)}html{background:var(--bg)}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(18px)}.reveal-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.article-visual{margin:.35rem 0 1.6rem}.article-visual img{object-fit:contain;border:1px solid var(--ll-line);width:100%;max-height:30rem;box-shadow:var(--ss);filter:saturate(.72)contrast(.95)brightness(1.03);background:#f7f8ff;border-radius:18px;display:block}.article-visual.is-banner img{object-fit:cover;object-position:top center;height:clamp(12rem,40vw,17rem);max-height:none}.article-visual figcaption{color:var(--ll-sub);text-align:center;margin-top:.55rem;font-size:.78rem;line-height:1.6}.article-shapes{flex-wrap:wrap;gap:.55rem;margin:.9rem 0 1.35rem;display:flex}.article-shapes span{color:var(--accent-deep);background:#4b6bfb14;border:1px solid #4b6bfb29;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;font-weight:700;line-height:1.4;display:inline-flex}.article-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 1.6rem;display:grid}.article-summary>div,.article-card,.article-step,.article-note,.article-source{border:1px solid var(--ll-line);box-shadow:var(--ss);background:#ffffffd1}.article-summary>div{border-radius:14px;padding:.9rem}.article-summary b,.article-card b,.article-step b{color:var(--ll-ink);font-size:.9rem;line-height:1.45;display:block}.article-summary span,.article-card span,.article-step span{color:var(--ll-ink-soft);margin-top:.25rem;font-size:.82rem;line-height:1.65;display:block}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1rem 0 1.35rem;display:grid}.article-card{border-radius:16px;padding:1rem;position:relative;overflow:hidden}.article-card:before{content:"";background:linear-gradient(180deg, var(--accent), var(--pink));width:4px;position:absolute;inset:0 auto 0 0}.article-card .mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--pink));border-radius:10px;place-items:center;min-width:2rem;height:2rem;margin-bottom:.65rem;font-size:.8rem;font-weight:800;display:inline-grid}.article-steps{counter-reset:article-step;gap:.75rem;margin:1rem 0 1.35rem;display:grid}.article-step{counter-increment:article-step;border-radius:16px;padding:.95rem 1rem .95rem 3.35rem;position:relative}.article-step:before{content:counter(article-step);color:#fff;background:linear-gradient(135deg, var(--accent), var(--pink));border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;font-size:.78rem;font-weight:800;display:grid;position:absolute;top:1rem;left:1rem}.article-note,.article-source{border-radius:16px;margin:1.35rem 0;padding:1rem 1.05rem}.article-note{background:linear-gradient(135deg,#4b6bfb14,#e85d9a14)}.article-source{background:#4b6bfb0d}.article-note p:last-child,.article-source p:last-child{margin-bottom:0}@media (width<=680px){.article-summary,.article-grid{grid-template-columns:1fr}}.cookie-notice.svelte-izf9ba{z-index:1000;padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom,0px));background:#221b28;border-top:1px solid #3a3040;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.1rem;font-family:-apple-system,system-ui,Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000059}.cookie-text.svelte-izf9ba{color:#cdc4d0;max-width:42rem;margin:0;font-size:.82rem;line-height:1.6}.cookie-text.svelte-izf9ba a:where(.svelte-izf9ba){color:#ffc24b;border-bottom:1px solid #ffc24b59;text-decoration:none}.cookie-text.svelte-izf9ba a:where(.svelte-izf9ba):hover{border-bottom-color:#ffc24b}.cookie-ok.svelte-izf9ba{font:inherit;cursor:pointer;color:#1a1620;background:linear-gradient(135deg,#ffc24b,#ff7a6b);border:0;border-radius:999px;flex:none;padding:.5rem 1.4rem;font-weight:700}.cookie-ok.svelte-izf9ba:hover{opacity:.92}