:root{--aizumi:#0a0e27;--shikon:#1b1035;--kin:#a97b22;--kin-bright:#d4a24c;--awakin:#ffe9a8;--usuzakura:#efd3d7;--fuji:#6b5ca8;--fuji-bright:#a594d1;--kinari:#f5efe0;--kasumi:#6c6478;--background:#faf7ef;--background-secondary:#f1ebdd;--surface:#fff;--text-primary:#211d33;--text-secondary:#5b5468;--border:#e3dccb;--accent:var(--kin);--accent-soft:#f3e8cf;--link:#4a5fa5;--font-serif:"Hiragino Mincho ProN","Yu Mincho","YuMincho","BIZ UDMincho",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic","Segoe UI",sans-serif}@media (prefers-color-scheme:dark){:root{--background:#0a0e27;--background-secondary:#141534;--surface:#1b1035;--text-primary:#f5efe0;--text-secondary:#b9b1c9;--border:#2e2a4a;--accent:#d4a24c;--accent-soft:#2a2344;--link:#a594d1}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);background:var(--background);color:var(--text-primary);line-height:1.9;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}a{color:var(--link)}img{max-width:100%;height:auto}.container{max-width:1100px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header-inner{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-logo{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;letter-spacing:.06em;color:var(--text-primary);text-decoration:none;white-space:nowrap}.site-logo .logo-mark{color:var(--accent);margin-right:6px}.site-nav{display:flex;align-items:center;gap:4px;overflow-x:auto}.site-nav a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;padding:8px 12px;border-radius:8px;white-space:nowrap}.site-nav a:hover{background:var(--background-secondary);color:var(--text-primary)}.site-footer{border-top:1px solid var(--border);margin-top:80px;padding:40px 0 48px;font-size:.85rem;color:var(--text-secondary)}.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:16px}.site-footer a{color:var(--text-secondary)}.footer-disclaimer{font-size:.8rem;line-height:1.8;border-top:1px dashed var(--border);padding-top:16px;margin-top:16px}.page-title,.section-title{font-family:var(--font-serif);font-weight:600;letter-spacing:.04em;line-height:1.5}.page-title{font-size:clamp(1.5rem,4vw,2.1rem);margin-bottom:12px}.section-title{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:20px;padding-left:14px;border-left:4px solid var(--accent)}.page-lead{color:var(--text-secondary);max-width:640px}.hero{padding:clamp(48px,8vw,88px) 0 clamp(32px,6vw,56px);text-align:center}.hero-title{font-family:var(--font-serif);font-size:clamp(1.7rem,5vw,2.6rem);font-weight:600;letter-spacing:.08em;line-height:1.6;margin-bottom:16px}.hero-lead{color:var(--text-secondary);max-width:560px;margin:0 auto}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.article-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text-primary);transition:border-color .2s ease,transform .2s ease}.article-card-art{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--aizumi)}.article-card-body{display:flex;flex-direction:column;gap:10px;padding:18px 22px 22px;flex:1 1}.article-hero-art{display:block;width:100%;height:auto;aspect-ratio:1200/460;object-fit:cover;border-radius:14px;border:1px solid var(--border);background:var(--aizumi);margin-bottom:24px}@media (max-width:640px){.article-hero-art{aspect-ratio:16/9}}.article-card:hover{border-color:var(--accent);transform:translateY(-2px)}.article-card-title{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;line-height:1.6}.article-card-description{font-size:.85rem;color:var(--text-secondary);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--text-secondary);margin-top:auto}.category-badge{display:inline-block;padding:3px 10px;border-radius:999px;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.04em;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.category-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;text-decoration:none;color:var(--text-primary);transition:border-color .2s ease}.category-card:hover{border-color:var(--accent)}.category-card-name{font-family:var(--font-serif);font-weight:600;margin-bottom:6px}.category-card-description{font-size:.8rem;color:var(--text-secondary);line-height:1.7}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-block;padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:.78rem;text-decoration:none}.tag-chip:hover{border-color:var(--accent);color:var(--text-primary)}.article-header{margin-bottom:28px}.article-header .article-title{font-family:var(--font-serif);font-size:clamp(1.5rem,4vw,2.1rem);font-weight:600;line-height:1.6;letter-spacing:.02em;margin:12px 0}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem}.article-meta,.breadcrumb{color:var(--text-secondary)}.breadcrumb{font-size:.8rem;margin-bottom:16px;overflow-x:auto;white-space:nowrap}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--text-primary)}.key-points{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:12px;padding:18px 22px;margin-bottom:28px}.key-points-title{font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--text-primary)}.key-points ul{margin:0;padding-left:1.3em;font-size:.9rem}.key-points li{margin:4px 0}.article-content-grid{display:grid;grid-template-columns:1fr;grid-gap:32px;gap:32px}@media (min-width:960px){.article-content-grid{grid-template-columns:220px minmax(0,1fr);align-items:start}}.article-toc{position:-webkit-sticky;position:sticky;top:88px;border:1px solid var(--border);border-radius:12px;padding:16px;font-size:.85rem;display:none}@media (min-width:960px){.article-toc{display:block}}.article-toc-title{font-weight:700;font-size:.8rem;color:var(--text-secondary);margin-bottom:10px;letter-spacing:.08em}.article-toc ol{list-style:none;padding:0;margin:0}.article-toc li{margin:8px 0;line-height:1.5}.article-toc a{color:var(--text-secondary);text-decoration:none}.article-toc a:hover{color:var(--accent)}.mobile-toc{border:1px solid var(--border);border-radius:12px;margin-bottom:24px;font-size:.9rem}@media (min-width:960px){.mobile-toc{display:none}}.mobile-toc summary{padding:14px 18px;font-weight:600;cursor:pointer}.mobile-toc ol{padding:0 18px 14px 2.4em;margin:0}.mobile-toc li{margin:6px 0}.mobile-toc a{color:var(--text-secondary);text-decoration:none}.article-main{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:clamp(24px,4vw,44px);min-width:0}.article-body{font-size:1rem}.article-body h2{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;line-height:1.6;margin:2.2em 0 .8em;padding-bottom:.4em;border-bottom:2px solid var(--accent-soft)}.article-body h2:first-child,.article-body section:first-child h2:first-child{margin-top:0}.article-body h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;margin:1.8em 0 .6em;padding-left:12px;border-left:3px solid var(--accent)}.article-body p{margin:1em 0}.article-body ol,.article-body ul{margin:1em 0;padding-left:1.6em}.article-body li{margin:.4em 0}.article-body strong{background:linear-gradient(transparent 68%,var(--accent-soft) 68%)}.article-body a{color:var(--link)}.article-body blockquote{border-left:3px solid var(--border);padding-left:16px;margin:1.2em 0;color:var(--text-secondary)}.article-body .example-box,.article-body .highlight-box,.article-body .tip-box,.article-body .warning-box{border-radius:12px;padding:16px 20px;margin:1.4em 0;font-size:.95rem}.article-body .tip-box{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.article-body .tip-box:before{content:"💡 "}.article-body .warning-box{background:color-mix(in srgb,#b05068 10%,var(--surface));border:1px solid color-mix(in srgb,#b05068 35%,transparent)}.article-body .warning-box:before{content:"⚠️ "}.article-body .highlight-box{background:color-mix(in srgb,var(--fuji) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--fuji) 35%,transparent)}.article-body .example-box{background:var(--background-secondary);border:1px solid var(--border)}.article-body .example-box:before{content:"📝 "}.article-body .table-wrap{overflow-x:auto;margin:1.4em 0;border:1px solid var(--border);border-radius:12px}.article-body table{border-collapse:collapse;width:100%;font-size:.9rem;min-width:480px}.article-body td,.article-body th{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.article-body th{background:var(--background-secondary);font-weight:600;white-space:nowrap}.article-body tbody tr:nth-child(2n){background:color-mix(in srgb,var(--background-secondary) 50%,transparent)}.article-body tbody tr:last-child td{border-bottom:none}.article-body ul.checklist{list-style:none;padding-left:.2em}.article-body ul.checklist li{padding-left:1.6em;position:relative}.article-body ul.checklist li:before{content:"✓";color:#3f7a5c;font-weight:700;position:absolute;left:.2em}.article-body .dodont{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;margin:1.4em 0}@media (min-width:640px){.article-body .dodont{grid-template-columns:1fr 1fr}}.article-body .dodont .do,.article-body .dodont .dont{border-radius:12px;padding:14px 18px;font-size:.92rem}.article-body .dodont .do{background:color-mix(in srgb,#3f7a5c 10%,var(--surface));border:1px solid color-mix(in srgb,#3f7a5c 35%,transparent)}.article-body .dodont .do:before{content:"✅ こうしてみる";display:block;font-weight:700;margin-bottom:6px}.article-body .dodont .dont{background:color-mix(in srgb,#b05068 8%,var(--surface));border:1px solid color-mix(in srgb,#b05068 30%,transparent)}.article-body .dodont .dont:before{content:"🌙 ひかえめに";display:block;font-weight:700;margin-bottom:6px}.article-body .dodont ul{margin:0;padding-left:1.3em}.article-body .source{display:block;font-size:.78rem;color:var(--text-secondary);margin-top:.4em}.article-body details{border:1px solid var(--border);border-radius:12px;margin:1.4em 0;padding:0}.article-body details summary{padding:12px 18px;font-weight:600;cursor:pointer}.article-body details>:not(summary){padding:0 18px}.article-body details>:last-child{padding-bottom:14px}.article-body figure.article-figure{margin:1.6em 0;text-align:center}.article-body figure.article-figure img{border-radius:12px;border:1px solid var(--border)}.article-body figcaption{font-size:.8rem;color:var(--text-secondary);margin-top:6px}.app-cta{background:linear-gradient(135deg,var(--aizumi) 0,var(--shikon) 100%);color:var(--kinari);border-radius:16px;padding:clamp(24px,4vw,36px);margin-top:40px;text-align:center}.app-cta-heading{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;letter-spacing:.06em;margin-bottom:12px;color:var(--awakin)}.app-cta-body{font-size:.92rem;line-height:1.9;max-width:520px;margin:0 auto 16px;color:var(--kinari)}.app-cta-note{font-size:.82rem;padding:8px 20px;font-weight:600}.app-cta-button,.app-cta-note{display:inline-block;color:var(--aizumi);background:linear-gradient(135deg,var(--kin-bright),var(--awakin));border-radius:999px}.app-cta-button{text-decoration:none;font-weight:700;padding:12px 28px;min-height:44px}.related-section{margin-top:48px}.prev-next{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:32px}.prev-next a{border:1px solid var(--border);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--text-primary);font-size:.85rem;background:var(--surface)}.prev-next a:hover{border-color:var(--accent)}.prev-next .direction{display:block;font-size:.72rem;color:var(--text-secondary);margin-bottom:4px}@media (max-width:560px){.prev-next{grid-template-columns:1fr}}.static-page{max-width:760px;margin:0 auto;padding:clamp(32px,6vw,56px) 20px}.static-page h1{font-family:var(--font-serif);font-size:clamp(1.4rem,4vw,1.9rem);margin-bottom:24px}.static-page h2{font-family:var(--font-serif);font-size:1.2rem;margin:2em 0 .7em;padding-left:12px;border-left:3px solid var(--accent)}.static-page p,.static-page ul{margin:1em 0}.static-page ul{padding-left:1.6em}body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='luminanceToAlpha'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){body{background-image:none}}.hero-band{position:relative;overflow:hidden;background:var(--aizumi)}.hero-band-art{position:absolute;inset:0;width:100%;height:100%}.hero-band .hero{position:relative}.hero-band .hero-title{color:var(--kinari);text-shadow:0 1px 24px rgba(10,14,39,.6)}.hero-tagline{display:block;font-size:.55em;letter-spacing:.16em;margin-top:10px;color:var(--kasumi-bright,#b9b1c9)}.hero-band .hero-lead{color:#cfc8dd;text-shadow:0 1px 16px rgba(10,14,39,.7);max-width:34em;text-wrap:balance}.hero-tate{position:absolute;top:50%;right:clamp(20px,7vw,96px);transform:translateY(-50%);writing-mode:vertical-rl;white-space:nowrap;font-family:var(--font-serif);font-size:.78rem;letter-spacing:.34em;color:rgba(255,233,168,.72);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:899px){.hero-tate{display:none}}@media (min-width:900px){.hero-tagline{display:none}}.page-title:before,.section-title:before{content:"";display:inline-block;width:4px;height:1em;border-radius:2px;background:linear-gradient(180deg,var(--kin-bright),var(--kin));margin-right:12px;vertical-align:-.12em}.site-footer:before{content:"";display:block;height:14px;margin:0 auto 26px;max-width:420px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='14'%3E%3Cg fill='none' stroke='%23a97b22' stroke-opacity='0.5'%3E%3Cpath d='M-22 14 A22 22 0 0 1 22 14'/%3E%3Cpath d='M8 14 A14 14 0 0 1 36 14'/%3E%3Cpath d='M15 14 A7 7 0 0 1 29 14'/%3E%3Cpath d='M22 14 A22 22 0 0 1 66 14'/%3E%3C/g%3E%3C/svg%3E") repeat-x bottom /44px 14px}@media (prefers-color-scheme:dark){.site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='14'%3E%3Cg fill='none' stroke='%23d4a24c' stroke-opacity='0.4'%3E%3Cpath d='M-22 14 A22 22 0 0 1 22 14'/%3E%3Cpath d='M8 14 A14 14 0 0 1 36 14'/%3E%3Cpath d='M15 14 A7 7 0 0 1 29 14'/%3E%3Cpath d='M22 14 A22 22 0 0 1 66 14'/%3E%3C/g%3E%3C/svg%3E")}}.article-figure{margin:28px auto;max-width:560px}.article-figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--border)}.article-figure figcaption{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-top:8px}