html{scroll-behavior:smooth;scroll-padding-top:24px}:root{--primary: #6D4C41;--primary-light: #EFEBE9;--nav-bg: #6D4C41;--bg: #eee9e6;--card: #ffffff;--text: #1f252d;--muted: #6f625c;--border: #eadfda;--code-bg: #1e1e2e;--code-fg: #cdd6f4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;overflow-x:hidden}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}header{position:relative;background:url(/images/header-bg.jpg) center top / cover no-repeat;color:#fff;text-align:center;padding:18px 24px 26px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}header:before{content:"";position:absolute;inset:0;background:#6d4c4100}.header-content{position:relative;z-index:1}.site-tagline{font-size:.72rem;color:#fffffff2;margin-bottom:20px;letter-spacing:.12em}.site-title-h1{margin:0;padding:0;border:none;font-size:1.62rem;font-weight:700;line-height:1.3;display:inline}.site-title-link{color:#fff;text-decoration:none;font-weight:700;font-size:1.62rem;letter-spacing:.05em;text-shadow:0 1px 5px rgba(0,0,0,.25)}.site-title-link:hover{text-decoration:none;opacity:.9}.top-nav{background:#8d6e63;border-bottom:none;box-shadow:0 2px 4px #0003}.nav-inner{max-width:704px;margin:0 auto;padding:0;display:flex;justify-content:center;background:var(--nav-bg)}.top-nav a{color:#ffffffd9;text-decoration:none;padding:17px 18px;font-size:.87rem;font-weight:500;display:block;width:176px;text-align:center;transition:background .15s,color .15s;border-left:1px solid rgba(255,255,255,.1)}@media (max-width: 800px){header{min-height:130px;padding:10px 16px 14px}.site-tagline{margin-bottom:10px}.nav-inner{display:grid;grid-template-columns:1fr 1fr;max-width:100%}.top-nav a{width:auto;padding:7px 8px;font-size:.85rem;border-left:none;border-bottom:1px solid rgba(255,255,255,.1)}.top-nav a:last-child{border-right:none}}.top-nav a:last-child{border-right:1px solid rgba(255,255,255,.1)}.top-nav a:hover{background:#ffffff1f;color:#fff;text-decoration:none}.top-nav a.nav-active{color:#fff;border-bottom:none}.site-wrapper{max-width:1280px;margin:0 auto;padding:30px 12px 48px}.page-header,.archive-header{background:linear-gradient(to right,#6d4c41,#8b6c61);color:#fff;padding:24px 24px 33px 56px;margin:0 0 24px;position:relative;overflow:hidden;border-radius:2px;box-shadow:0 1px 3px #0000002e;border-bottom:none}.page-header:before,.archive-header:before{content:"";position:absolute;top:-2px;left:-2px;width:0;height:0;border-left:36px solid rgba(255,255,255,.95);border-bottom:90px solid transparent}.page-header h1,.archive-header h1{color:#fff;font-size:1.35rem;font-weight:700;margin:0;padding:0;border:none;line-height:1.4;letter-spacing:.02em}.page-header p,.archive-header p{color:#ffffffe6;font-size:.85rem;margin:4px 0 0}@media (max-width: 600px){.page-header,.archive-header{padding:12px 18px 12px 46px}.page-header h1,.archive-header h1{font-size:1.15rem}.page-header:before,.archive-header:before{border-left-width:28px;border-bottom-width:76px}}.two-col{display:grid;grid-template-columns:minmax(0,860px) 376px;gap:20px;align-items:start;justify-content:start}.two-col>*{min-width:0}@media (max-width: 800px){.two-col{grid-template-columns:minmax(0,1fr)}.sidebar-col{order:2}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:#6d4c41;z-index:1000;align-items:stretch;justify-content:space-around}@media (max-width: 800px){.mobile-bottom-nav{display:flex}body{padding-bottom:56px}}.mbn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#ffffffd9;font-size:.6rem;background:none;border:none;cursor:pointer;padding:6px 4px;text-decoration:none;flex:1;transition:background .15s,color .15s;font-family:inherit}.mbn-item:hover{background:#ffffff26;color:#fff;text-decoration:none}.drawer-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1001}.drawer-overlay.open{display:block}.drawer{position:fixed;top:0;left:-280px;width:280px;height:100%;background:#fff;z-index:1002;transition:left .25s ease;overflow-y:auto;display:flex;flex-direction:column}.drawer.open{left:0}.drawer-header{background:#6d4c41;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:700;font-size:.95rem}.drawer-close{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;line-height:1}.drawer-nav a{display:block;padding:14px 20px;border-bottom:1px solid #eee;color:#333;font-size:.93rem}.drawer-nav a:hover{background:#f6eee9;text-decoration:none}.search-overlay{display:none;position:fixed;inset:0;background:#000000d1;z-index:1003;align-items:flex-start;justify-content:center;padding-top:80px}.search-overlay.open{display:flex}.search-inner{width:90%;max-width:500px}.search-close{display:flex;justify-content:flex-end;color:#fff;background:none;border:none;font-size:1.6rem;cursor:pointer;margin-bottom:16px;width:100%}.search-form{display:flex;background:#fff;border-radius:4px;overflow:hidden}.search-input{flex:1;padding:14px 16px;border:none;font-size:1rem;outline:none;font-family:inherit}.search-submit{background:#6d4c41;color:#fff;border:none;padding:14px 18px;cursor:pointer;display:flex;align-items:center}.search-submit:hover{background:#4a3428}footer{background:#2d1f1a;color:#c8b8b0;text-align:center;padding:28px 16px;font-size:.82rem}.footer-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:10px}.footer-links{display:flex;justify-content:center;flex-wrap:nowrap;gap:0;margin-bottom:12px}.footer-links a{color:#c8b8b0;padding:0 10px;border-right:1px solid #4a3428;white-space:nowrap}.footer-links a:first-child{border-left:1px solid #4a3428}@media (max-width: 480px){.footer-links a{padding:0 6px;font-size:.75rem}}.footer-links a:hover{color:#fff;text-decoration:none}.footer-copy{font-size:.75rem;color:#9a8882}.to-top-btn{position:fixed;bottom:68px;right:16px;width:44px;height:44px;background:#6d4c41;color:#fff;border:none;border-radius:4px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000047;z-index:998;transition:background .15s}.to-top-btn.visible{display:flex}.to-top-btn:hover{background:#4a3428}@media (min-width: 801px){.to-top-btn{bottom:24px}}