:root{color-scheme:light;--paper: #fbf4e7;--paper-deep: #f5ebd8;--ink: #2f140e;--muted: #60493b;--line: rgba(83, 55, 37, .34);--shadow: 0 28px 80px rgba(109, 88, 64, .2);--gold: #f6d44f;--cream: #fff8ef;--pink: #ecbcc6;--tea: #dcb6c9;--blue: #a9badc}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body.storybook-page,body.article-page{font-family:Avenir Next,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.8),transparent 26%),linear-gradient(180deg,#f2eee5,#e8dece)}.storybook-page a,.article-page a{color:inherit}.page-stage,.article-stage{min-height:100vh;padding:0}.page-shell,.article-shell{--menu-ease: .28s cubic-bezier(.22, 1, .36, 1);--menu-rail-width: clamp(118px, 8.5vw, 136px);--menu-drawer-width: clamp(274px, 22vw, 320px);width:100vw;min-height:100vh;display:grid;grid-template-columns:var(--menu-rail-width) minmax(0,1fr);align-items:stretch;transition:grid-template-columns var(--menu-ease)}.page-stage[data-menu-open=true] .page-shell,.article-stage[data-menu-open=true] .article-shell{grid-template-columns:var(--menu-drawer-width) minmax(0,1fr)}.menu-rail{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:26px;min-height:100vh;padding:18px 8px 24px 14px;overflow:visible;border-right:1px solid rgba(132,115,98,.45);background:radial-gradient(circle at 24% 16%,rgba(255,255,255,.62),transparent 26%),linear-gradient(180deg,#f7f0e4f5,#ece2d0eb)}.menu-toggle{position:sticky;top:18px;z-index:6;display:inline-flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border:1px solid rgba(104,80,59,.16);border-radius:999px;background:#fffcf7b3;box-shadow:0 10px 24px #79644b1f;color:var(--ink);cursor:pointer;align-self:flex-start;transition:background-color .18s ease,box-shadow .18s ease,transform var(--menu-ease)}.menu-toggle-copy{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Yu Mincho,Hiragino Mincho ProN,serif;font-size:.95rem;letter-spacing:.08em}.menu-key-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#8a5e46}.menu-key-icon-small{width:28px;height:28px}.menu-key-icon-large{width:52px;height:52px}.menu-key-svg{display:block;width:100%;height:100%}.menu-overlay{position:fixed;inset:0;z-index:4;border:0;background:#301f1229;opacity:0;pointer-events:none;transition:opacity .18s ease;display:none}.drawer-panel{position:relative;width:100%;min-width:0;padding:0 18px 18px;opacity:0;pointer-events:none;transform:translate(-18px);transition:opacity .18s ease,transform var(--menu-ease)}.page-stage[data-menu-open=true] .drawer-panel,.article-stage[data-menu-open=true] .drawer-panel{opacity:1;pointer-events:auto;transform:translate(0)}.page-stage[data-menu-open=true] .menu-toggle,.article-stage[data-menu-open=true] .menu-toggle{background:#fff8f0e0;box-shadow:0 12px 26px #79644b29}.drawer-header{display:flex;align-items:center;justify-content:flex-start;gap:18px;margin-bottom:16px;padding-inline:2px;opacity:0;transform:translate(-10px);transition:opacity .14s ease,transform var(--menu-ease)}.sidebar-nav ul{margin:0;padding:0;list-style:none;display:grid;gap:28px}.sidebar-nav li{opacity:0;transform:translate(-10px);transition:opacity .14s ease,transform var(--menu-ease)}.sidebar-nav a{display:block;text-align:center;text-decoration:none}.sidebar-nav strong,.sidebar-nav small,.story-header h1,.story-edition,.story-copy h2,.story-copy h3,.story-copy h4,.story-footer,.article-hero h1,.article-outline h2,.article-prose h2,.article-prose h3,.article-prose h4,.article-footer{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Yu Mincho,Hiragino Mincho ProN,serif}.sidebar-nav strong{display:block;font-size:clamp(1.55rem,2.1vw,2.2rem);line-height:1.12;letter-spacing:-.035em}.sidebar-nav small{display:block;margin-top:6px;font-size:.92rem;letter-spacing:.06em}.page-stage[data-menu-open=true] .menu-overlay,.article-stage[data-menu-open=true] .menu-overlay{opacity:1;pointer-events:auto}.page-stage[data-menu-open=true] .drawer-header,.page-stage[data-menu-open=true] .sidebar-nav li,.article-stage[data-menu-open=true] .drawer-header,.article-stage[data-menu-open=true] .sidebar-nav li{opacity:1;transform:translate(0)}.page-stage[data-menu-open=true] .drawer-header,.article-stage[data-menu-open=true] .drawer-header{transition-delay:90ms}.page-stage[data-menu-open=true] .sidebar-nav li:nth-child(1),.article-stage[data-menu-open=true] .sidebar-nav li:nth-child(1){transition-delay:.13s}.page-stage[data-menu-open=true] .sidebar-nav li:nth-child(2),.article-stage[data-menu-open=true] .sidebar-nav li:nth-child(2){transition-delay:155ms}.page-stage[data-menu-open=true] .sidebar-nav li:nth-child(3),.article-stage[data-menu-open=true] .sidebar-nav li:nth-child(3){transition-delay:.18s}.page-stage[data-menu-open=true] .sidebar-nav li:nth-child(4),.article-stage[data-menu-open=true] .sidebar-nav li:nth-child(4){transition-delay:205ms}.page-stage[data-menu-open=true] .sidebar-nav li:nth-child(5),.article-stage[data-menu-open=true] .sidebar-nav li:nth-child(5){transition-delay:.23s}.story-copy,.article-prose{--blog-blockquote-margin: 24px 0}.story-copy blockquote,.article-prose blockquote{position:relative;margin:var(--blog-blockquote-margin);padding:20px 22px 18px 30px;border-left:4px solid rgba(168,110,76,.78);border-radius:18px;background:linear-gradient(180deg,#fffcf7eb,#f4ebdfd1);box-shadow:inset 0 1px #ffffffc2,0 10px 20px #7c614812}.story-copy blockquote:before,.article-prose blockquote:before{content:"“";position:absolute;top:10px;left:12px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Yu Mincho,Hiragino Mincho ProN,serif;font-size:2rem;line-height:1;color:#91583db8}.story-copy blockquote>*,.article-prose blockquote>*{margin:0;font-size:1.04rem;line-height:1.8;color:#50392e}.story-copy blockquote>*+*,.article-prose blockquote>*+*{margin-top:10px}.story-copy blockquote .blog-blockquote-source,.article-prose blockquote .blog-blockquote-source{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.45rem;margin-top:0;padding-top:10px;border-top:1px solid rgba(145,88,61,.14);font-size:.88rem;line-height:1.6;color:#574131d1}.story-copy blockquote .blog-blockquote-source span,.article-prose blockquote .blog-blockquote-source span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.story-copy blockquote .blog-blockquote-source cite,.article-prose blockquote .blog-blockquote-source cite{font-style:normal}.story-copy blockquote .blog-blockquote-source a,.article-prose blockquote .blog-blockquote-source a{color:#91583d;text-decoration:none;border-bottom:1px solid rgba(145,88,61,.24)}.story-copy blockquote .blog-blockquote-source a:hover,.article-prose blockquote .blog-blockquote-source a:hover{color:#7d4b35;border-bottom-color:#7d4b356b}.story-copy li+li,.article-prose li+li{margin-top:8px}.story-copy :not(pre)>code,.article-prose :not(pre)>code{padding:.14em .42em;border-radius:999px;background:#ffffffb8;border:1px solid rgba(83,55,37,.1);font-size:.94em}.story-copy pre,.story-copy pre.astro-code,.article-prose pre,.article-prose pre.astro-code{display:block;width:100%;max-width:100%;min-width:0;margin-top:18px;padding:1rem 1.1rem;border:1px solid rgba(111,83,58,.22);border-radius:18px;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #a2835c14;font-size:.98rem;line-height:1.72;contain:inline-size;overflow-x:auto}.story-copy pre.astro-code.github-dark,.article-prose pre.astro-code.github-dark{border-color:#2026309e;box-shadow:inset 0 1px #ffffff0a,0 10px 22px #22191324}.story-copy pre code,.story-copy pre.astro-code code,.article-prose pre code,.article-prose pre.astro-code code{padding:0;border:0;border-radius:0;background:none;font-size:inherit;line-height:inherit}@media(max-width:980px){.page-shell,.article-shell{--menu-rail-width: 122px;--menu-drawer-width: 248px}.sidebar-nav ul{gap:22px}}@media(max-width:720px){.menu-overlay{display:block}.sidebar-nav ul{grid-template-columns:1fr;gap:18px}}@media(prefers-reduced-motion:reduce){.page-shell,.article-shell,.menu-toggle,.menu-overlay,.drawer-panel{transition:none}}