:root{color-scheme:light;--bg: #f8e4e1;--bg-soft: #fff4f0;--panel: rgba(255, 247, 244, .82);--panel-strong: rgba(255, 250, 247, .95);--line: rgba(111, 16, 39, .16);--line-strong: rgba(111, 16, 39, .28);--text: #241318;--muted: #7c6168;--accent: #7b1029;--accent-strong: #54091c;--accent-soft: rgba(123, 16, 41, .12);--accent-warm: #d1a15a;--shadow: 0 22px 70px rgba(91, 26, 39, .14);--shadow-soft: 0 16px 42px rgba(91, 26, 39, .1);--radius-lg: 32px;--radius-md: 22px;--radius-sm: 16px;--max-width: 1180px;--font-body: "Avenir Next", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-display: "Iowan Old Style", "Hiragino Mincho ProN", "Yu Mincho", "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:radial-gradient(circle at top left,rgba(123,16,41,.18),transparent 30%),radial-gradient(circle at 78% 16%,rgba(209,161,90,.18),transparent 24%),linear-gradient(180deg,#faece8,#f5d8d8 48%,#fff3ef);color:var(--text);font-family:var(--font-body)}body{margin:0;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,rgba(0,0,0,.36),transparent 85%);opacity:.5}a{color:inherit;text-decoration-color:color-mix(in srgb,var(--accent) 56%,transparent);text-underline-offset:.18em;transition:color .18s ease,text-decoration-color .18s ease,transform .18s ease,opacity .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}img,video{display:block;max-width:100%}strong{color:color-mix(in srgb,var(--text) 92%,black)}.site-shell{position:relative;isolation:isolate;min-height:100vh}.ambient{position:fixed;border-radius:999px;filter:blur(16px);opacity:.72;pointer-events:none;z-index:-1;animation:drift 18s ease-in-out infinite}.ambient-one{top:88px;left:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(123,16,41,.32),transparent 70%)}.ambient-two{top:26vh;right:-80px;width:340px;height:340px;background:radial-gradient(circle,rgba(209,161,90,.24),transparent 72%);animation-delay:-6s}.ambient-three{bottom:6vh;left:36%;width:240px;height:240px;background:radial-gradient(circle,rgba(255,188,198,.38),transparent 70%);animation-delay:-11s}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;backdrop-filter:blur(18px);background:#f8e4e1c7;border-bottom:1px solid rgba(111,16,39,.08);transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease,border-color .22s ease}body[data-scrolled=true] .site-header{background:#f8e4e1eb;border-bottom-color:#6f102724;box-shadow:0 18px 40px #5b1a271f}body[data-header-hidden=true] .site-header{transform:translateY(calc(-100% - 12px))}.site-header-inner,.site-footer-inner{width:min(calc(100% - 32px),var(--max-width));margin:0 auto}.site-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none}.brand-mark{width:42px;height:42px;display:inline-block;border-radius:10px;overflow:hidden;box-shadow:0 12px 24px #42301e29}.brand-mark svg{display:block;width:100%;height:100%}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.04em}.brand-copy span{color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.site-nav a{padding:10px 14px;border:1px solid transparent;border-radius:999px;color:var(--muted);text-decoration:none;font-size:.92rem}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text);border-color:#82684c29;background:#ffffff7a;outline:none}.site-main{position:relative;z-index:1;padding-top:92px}.page{width:min(calc(100% - 32px),var(--max-width));margin:0 auto;padding:48px 0 88px}.section,.article{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 45%),var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(18px);animation:fade-up .64s ease both}.section{overflow:hidden}.article{overflow:visible}.section:before,.article:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top right,rgba(123,16,41,.12),transparent 26%),radial-gradient(circle at bottom left,rgba(209,161,90,.1),transparent 28%);pointer-events:none}.eyebrow,.meta,.section-kicker,.panel-kicker,.footer-label{color:var(--muted);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px}.section h2,.article h1,.article-body h2,.article-body h3,.card h3,.list-item h3{font-family:var(--font-display);line-height:1.04;letter-spacing:-.02em;color:color-mix(in srgb,var(--text) 96%,black)}.section-heading p,.article-header p,.article-body p,.article-body li,.card-description,.list-description,.footer-copy{color:var(--muted);line-height:1.8}.intro-strip,.section-head,.article-meta-row,.article-actions{display:flex;flex-wrap:wrap;gap:14px}.affiliate-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:16px 24px;border-radius:999px;font-weight:700;font-size:1rem;letter-spacing:.02em;text-decoration:none;box-shadow:0 16px 28px #3126191f}.affiliate-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.affiliate-button:link,.affiliate-button:visited,.affiliate-button:hover,.affiliate-button:active{color:#fff}.affiliate-button:hover{transform:translateY(-1px);box-shadow:0 20px 36px #31261929}.intro-strip{margin-bottom:22px;padding:18px 22px;border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffffd1,#fff1eeb8);border:1px solid rgba(111,16,39,.12);box-shadow:var(--shadow-soft)}.intro-strip p{margin:0;color:var(--muted);line-height:1.7}.intro-strip a{text-decoration:none}.section{padding:clamp(24px,4vw,34px);margin-top:22px}.section-head,.article-lead-row{align-items:flex-end;justify-content:space-between}.section-heading{max-width:60ch;position:relative;z-index:1}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3rem)}.section-heading p{margin:12px 0 0}.section-link{color:var(--accent);text-decoration:none;font-weight:700}.cards,.list{display:grid;gap:18px;margin-top:26px;position:relative;z-index:1}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card,.list-item,.toc,.sample-video-box,.affiliate-box,.affiliate-disclosure,.info-panel{background:var(--panel-strong);border:1px solid rgba(111,16,39,.12);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.card,.list-item{padding:18px}.article-card,.article-list-item{overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.article-card:hover,.article-list-item:hover{transform:translateY(-3px);border-color:#7b102938;box-shadow:0 26px 48px #5b1a2724}.thumb-link{display:block;margin:0 0 16px;text-decoration:none}.card-thumb,.list-thumb,.article-thumb{width:100%;border-radius:18px;object-fit:cover;box-shadow:0 18px 34px #2c1f121f}.card-thumb{aspect-ratio:4 / 5}.list-thumb{aspect-ratio:16 / 10}.related-thumb{width:100%;aspect-ratio:16 / 10;border-radius:18px;object-fit:cover;box-shadow:0 18px 34px #2c1f121f}.article-thumb{display:block;max-width:100%;height:auto;margin:12px 0 20px;border-radius:26px;border:1px solid var(--line);aspect-ratio:auto;object-fit:initial}.card-body,.list-copy{min-width:0}.card h3,.list-item h3,.article-body h2,.article-body h3{margin:0 0 12px}.card h3{font-size:1.5rem}.list-item h3{font-size:1.55rem}.card h3 a,.list-item h3 a{text-decoration:none}.card h3 a:hover,.list-item h3 a:hover,.section-link:hover,.toc a:hover{color:var(--accent)}.card-description,.list-description{margin:0;font-size:.96rem}.meta{margin-bottom:10px}.meta-inline,.article-meta-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffffa3;border:1px solid rgba(130,104,76,.12);color:var(--muted);font-size:.88rem}.article-meta-row{margin-top:18px}.article{padding:clamp(22px,4vw,34px)}.article-header{position:relative;z-index:1;padding-bottom:30px;border-bottom:1px solid rgba(130,104,76,.14);margin-bottom:30px}.article-hero{display:block}.article-hero h1{margin:0;font-size:clamp(2.5rem,5vw,4.6rem)}.article-work-title{margin:0 0 20px;font-size:.98rem;font-weight:700;line-height:1.7;color:var(--muted);word-break:break-word}.article-grid{display:grid;gap:24px;align-items:start}.article-body{min-width:0}.article-body>:first-child{margin-top:0}.article-body p,.article-body li{font-size:1.01rem}.article-body h2{font-size:clamp(1.9rem,4vw,2.8rem);margin-top:52px;scroll-margin-top:132px}.article-body h3{font-size:clamp(1.35rem,3vw,1.85rem);margin-top:28px;scroll-margin-top:132px}.article-body a{color:var(--accent-strong)}.article-body img{width:min(100%,760px);margin:28px auto;border-radius:24px;box-shadow:0 22px 44px #2c1f121f}.article-body ul,.article-body ol{padding-left:1.35rem}.article-body li+li{margin-top:8px}.article-body blockquote{margin:24px 0;padding:20px 22px;border-left:4px solid var(--accent);border-radius:0 18px 18px 0;background:#fff9;color:color-mix(in srgb,var(--muted) 88%,var(--text))}.article-body hr{margin:40px 0;border:0;border-top:1px solid rgba(130,104,76,.14)}.article-sidebar{display:grid;gap:18px;align-self:start}.article-related-section .section-head{margin-bottom:0}.article-related-grid{grid-template-columns:minmax(0,1fr)}.article-related-card{padding:14px}.article-related-card .thumb-link{margin-bottom:12px}.article-related-card .meta{margin-bottom:8px}.article-related-card h3{margin-bottom:0;font-size:clamp(1.05rem,2.1vw,1.25rem);line-height:1.35}@media(min-width:640px){.article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.toc,.sample-video-box,.affiliate-box,.affiliate-disclosure,.info-panel{padding:20px}.affiliate-disclosure{margin:0 0 28px;background:#ffffffad}.affiliate-disclosure p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.7}.toc{background:linear-gradient(180deg,#fff4f6f5,#ffede7eb)}.toc strong{display:block;margin:0 0 14px;font-family:var(--font-display);font-size:1.15rem}.toc ul,.tag-list{margin:0;padding:0;list-style:none}.toc li+li{margin-top:10px}.toc a{display:block;padding:8px 12px;border-left:3px solid transparent;border-radius:14px;color:var(--muted);text-decoration:none}.toc a.is-nested{padding-left:24px;font-size:.94rem}.toc a[aria-current=location]{border-left-color:var(--accent);background:#7b10291a;color:var(--accent-strong);transform:translate(4px)}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tag-list li{border-radius:999px;background:#ffffffb8;border:1px solid rgba(130,104,76,.12);color:color-mix(in srgb,var(--accent) 82%,var(--text));font-size:.88rem;overflow:hidden}.tag-list a{display:block;padding:8px 12px;color:inherit;text-decoration:none}.tag-list a:hover,.tag-list a:focus-visible{background:#7b102914;color:var(--accent-strong);outline:none}.sample-video-box{background:linear-gradient(180deg,#fffbf9f5,#ffefeaf0)}.sample-video-heading{margin:0 0 14px;font-family:var(--font-display);font-size:1.18rem;line-height:1.3}.sample-video{border-radius:18px;background:#000}.affiliate-box{background:linear-gradient(135deg,#fff5f2f7,#ffe8eef0)}.affiliate-box-bottom{margin-top:34px}.site-footer{padding:0 0 44px}.site-footer-inner{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid rgba(111,16,39,.12);border-radius:28px;background:#fff6f3a8;backdrop-filter:blur(16px);box-shadow:var(--shadow-soft)}.footer-label{margin-bottom:8px}.footer-copy,.footer-meta{margin:0}.footer-meta{display:grid;justify-items:end;gap:10px;color:var(--muted);text-align:right}.footer-meta p{margin:0;white-space:nowrap}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;font-size:.86rem}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover,.footer-links a:focus-visible{color:var(--accent);outline:none}.static-page{display:grid;gap:18px}.static-page .section{margin-top:0}.static-page h1,.static-page h2{margin:0 0 18px;font-family:var(--font-display);line-height:1.08;color:color-mix(in srgb,var(--text) 96%,black)}.static-page h1{font-size:clamp(1.9rem,4vw,2.8rem)}.static-page h2{font-size:clamp(1.45rem,3vw,2rem)}.static-page p,.static-page li{color:var(--muted);line-height:1.85}.static-page p{margin:0}.static-page p+p{margin-top:14px}.static-page ul{margin:0;padding-left:1.25rem}.static-page li+li{margin-top:8px}.info-panel{position:relative;z-index:1}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-16px,0) scale(1.04)}}@media(min-width:900px){.article-list-item.has-thumb{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:center}.article-hero{grid-template-columns:minmax(0,1.08fr) minmax(280px,360px)}.article-grid{grid-template-columns:minmax(0,1fr) 300px}.article-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-sidebar{position:sticky;top:104px;transition:top .22s ease}body[data-header-hidden=true] .article-sidebar{top:24px}}@media(max-width:899px){.site-header{position:relative}.site-header-inner,.site-footer-inner{width:min(calc(100% - 24px),var(--max-width))}.site-header-inner,.site-footer-inner,.article-lead-row,.section-head{display:grid;align-items:start}.site-header-inner{padding:14px 0 18px}.site-nav{justify-content:flex-start}.page{width:min(calc(100% - 24px),var(--max-width));padding:20px 0 68px}.section-heading h2{font-size:clamp(1.8rem,9vw,2.6rem)}.article-related-grid{gap:14px}.article-related-card{padding:12px}.article-related-card h3{font-size:1rem}.article-sidebar .affiliate-box,.toc{display:none}.card-thumb{aspect-ratio:16 / 10}.site-main{padding-top:84px}.site-footer-inner{padding:20px 22px}.footer-meta{justify-items:start;text-align:left}.footer-meta p{white-space:normal}.footer-links{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}