/*
Theme Name: こまざわ日和
Description: 写真と地域の日常をつなぐ、地域情報サイト用テーマ。「こまざわ日和 — 地域情報」プラグインと組み合わせて使用します。
Version: 0.4.1
Requires at least: 6.5
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: komazawa-biyori
*/
:root{color-scheme:light;--ink:#233d39;--paper:#faf9f5;--line:#d5dad2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}a{color:inherit;text-underline-offset:5px}.site-header{max-width:1400px;margin:auto;padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:26px;letter-spacing:.12em;white-space:nowrap}.brand small{display:block;font:10px/1.2 Arial,sans-serif;letter-spacing:.2em;margin-top:5px}.site-nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.site-nav a{font-size:14px;text-decoration:none}.site-nav .member{border:1px solid var(--line);border-radius:30px;padding:9px 18px}.site-footer{max-width:1400px;margin:auto;padding:40px 5vw;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);font-size:12px;color:#596860}.site-footer p{margin:4px 0}.skip-link{position:absolute;left:15px;top:-100px;padding:10px;background:white;z-index:100}.skip-link:focus{top:15px}.content-page{max-width:850px;margin:60px auto;padding:0 25px}.content-page img{max-width:100%;height:auto}.content-page h1{font-family:"Yu Mincho",serif}.site-nav a:focus-visible,a:focus-visible{outline:3px solid #527726;outline-offset:5px}@media(max-width:650px){.site-header{padding:18px 20px;align-items:flex-start;flex-wrap:wrap}.brand{font-size:23px}.site-nav{gap:16px}.site-nav a{font-size:12px}.site-nav .member{padding:5px 10px}.site-footer{padding:30px 20px;flex-direction:column;align-items:flex-start}}
/* Map-led edition */
:root{--ink:#253932;--paper:#fafaf7;--line:#dce0d9}.site-header{max-width:none;min-height:100px;padding:20px 48px;border-bottom:1px solid #e7eae2;background:var(--paper)}.brand{font-size:25px;letter-spacing:.17em}.brand small{font-size:9px;letter-spacing:.21em;margin-top:7px}.site-nav{gap:32px}.site-nav a{font-size:12px;letter-spacing:.06em}.site-nav .member{border:0;border-left:1px solid #cbd3c7;border-radius:0;padding:4px 0 4px 25px}.site-footer{max-width:1376px;padding-block:45px}.skip-link{z-index:100000}@media(min-width:1500px){.site-header{padding-inline:64px}}@media(max-width:1050px){.site-header{padding-inline:28px}.site-nav{gap:20px}}@media(max-width:760px){.site-header{min-height:85px;padding:17px 22px;flex-wrap:nowrap;align-items:center}.brand{font-size:21px;letter-spacing:.09em}.brand small{font-size:8px}.site-nav{gap:0}.site-nav>a:not(.member){display:none}.site-nav .member{font-size:11px;padding:4px 0 4px 16px}.site-footer{padding-inline:22px}}
.kb-story{max-width:1160px;margin:60px auto;padding:0 35px}.kb-story-header{max-width:840px;margin:0 auto 35px}.kb-story-header>a{font-size:13px}.kb-story-meta{font-size:13px;margin-top:30px}.kb-story-header h1{font:500 clamp(28px,4vw,46px)/1.6 "Yu Mincho",serif;margin:20px 0}.kb-story-header>p{font-size:13px;color:#657160}.kb-story-hero{margin:0 0 50px}.kb-story-hero img{display:block;width:100%;height:auto;max-height:800px;object-fit:cover}.kb-story-hero figcaption{font-size:12px;margin-top:10px}.kb-story-content{max-width:780px;margin:auto;font-size:17px;line-height:2.2}.kb-story-content img{max-width:100%;height:auto}.kb-story-facts{max-width:780px;margin:45px auto;padding:25px 0;border-top:1px solid var(--line);font-size:14px}@media(max-width:760px){.kb-story{padding:0 22px;margin:35px auto}.kb-story-content{font-size:16px}.kb-story-header h1{font-size:28px}}

/* Warm local guide meets a restrained photographic journal. */
:root{--ink:#293b32;--paper:#f8f8f3;--line:#cdd3c7}.site-header{background:#f8f8f3;border-bottom:1px solid #ced5c7;min-height:96px}.brand{font-size:24px;letter-spacing:.13em}.brand small{letter-spacing:.2em;color:#53604d}.site-nav a{letter-spacing:.045em}.site-nav a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.site-nav .member{border:1px solid #acb8a2;padding:9px 15px;border-radius:2px}.site-footer{max-width:none;background:#e8ede1;border-top:1px solid #bac6ad;padding:42px 5vw;color:#405039}.kb-story-header h1{font-weight:400}.kb-story-meta{letter-spacing:.025em}.kb-story-hero img{border-radius:0}@media(max-width:760px){.site-header{min-height:84px}.brand{font-size:21px}.site-nav .member{padding:7px 10px;font-size:10px}}
