@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&family=Montserrat:wght@400;500;700&family=Caveat:wght@400;500;700&display=swap";
:root{--main-bg-color:#f8f4ec;--content-bg-color:#fff;--sidebar-bg-color:#f1e7d6;--accent-color:#7b5e57;--link-color:#a2674c;--link-hover-color:#d99873;--heading-color:#4b3832;--text-color:#333;--body-font-family:"Noto Serif JP",serif;--ui-font-family:"Montserrat",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--main-bg-color);max-width:100vw;color:var(--text-color);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;scroll-behavior:smooth;font-family:Noto Serif JP,serif;font-size:16px;line-height:1.8;overflow-x:hidden}a{color:var(--link-color);text-decoration:none;transition:color .3s}a:hover{color:var(--link-hover-color)}h1,h2,h3,h4,h5,h6{color:var(--heading-color);margin-top:24px;margin-bottom:12px;font-family:Noto Serif JP,serif;font-weight:700}img{max-width:100%;display:block}article{background-color:var(--content-bg-color);border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0000000d}.container{max-width:1200px;margin:0 auto;padding:0 16px}.main-layout{flex-direction:row-reverse;gap:32px;padding-top:24px;display:flex}.main-column{flex:3;min-width:0}.sidebar{background-color:var(--sidebar-bg-color);border-radius:8px;flex:1;min-width:280px;max-width:340px;padding:24px;box-shadow:0 2px 8px #0000000d}@media (max-width:768px){.main-layout{flex-direction:column-reverse}.sidebar{max-width:100%}}.card{background-color:var(--content-bg-color);border-radius:8px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.card-content{padding:16px}.tag{background-color:var(--sidebar-bg-color);color:var(--accent-color);border-radius:4px;margin-bottom:8px;margin-right:8px;padding:4px 8px;font-size:.8rem;display:inline-block}.btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border-radius:4px;padding:8px 16px;font-weight:500;transition:background-color .3s;display:inline-block}.btn:hover{background-color:var(--link-hover-color)}