/* shared site chrome: global nav, breadcrumb, related links, footer nav */
.gnav{max-width:920px;margin:0 auto;display:flex;align-items:center;gap:4px;padding:10px 12px 0;font-family:"BIZ UDPGothic","Yu Gothic UI","Hiragino Sans","Meiryo",sans-serif;font-size:14px;flex-wrap:wrap}
.gnav .home{display:flex;align-items:center;gap:8px;text-decoration:none;color:#222222;font-weight:700;letter-spacing:.12em;margin-right:auto}
.gnav .home img{width:28px;height:28px;border:1px solid #222222}
.gnav a.nl{color:#222222;text-decoration:none;padding:4px 10px;border:1px solid transparent}
.gnav a.nl:hover{border-color:#222222}
.gnav a.nl.on{border-color:#222222;background:#fafaf7}
.crumb{font-size:12px;color:#595959;margin:0 0 6px}
.crumb a{color:#595959}
.related{margin-top:36px;border-top:3px double #222222;padding-top:10px}
.related h3{font-size:14px;margin:0 0 8px;letter-spacing:.1em}
.related ul{list-style:none;margin:0;padding:0}
.related li{border-bottom:1px dashed #c8c8c2;padding:6px 0;font-size:14px}
.related li a{color:#222222}
.related .k{font-family:"BIZ UDGothic","Consolas",monospace;font-size:12px;color:#595959;margin-right:8px}
.pager{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:14px}
.pager a{color:#222222;border:1.5px solid #222222;padding:6px 12px;text-decoration:none;background:#fafaf7}
.pager a:hover{background:#222222;color:#fafaf7}
.fnav{max-width:920px;margin:0 auto;padding:0 12px 6px;font-size:12px;display:flex;gap:14px;flex-wrap:wrap}
.fnav a{color:#444444}
@media(max-width:560px){.gnav{padding:10px 16px 0}.gnav a.nl{padding:4px 6px;font-size:13px}}
/* phones: paper floats off the screen edge, calmer grid, one-line nav (2026-10-09 research/deep_dive/findings/2026-10-09_スマホ版デザイン.md) */
@media(max-width:560px){
.sheet{margin:16px 8px 20px;padding:20px 18px 32px}
.gnav{flex-wrap:nowrap;overflow-x:auto;padding:10px 18px 0;-webkit-overflow-scrolling:touch}
.gnav a.nl{white-space:nowrap;display:flex;align-items:center;min-height:44px;font-size:13px}
.gnav .home{flex:none;margin-right:12px}
footer,.fnav{padding-left:26px;padding-right:26px}
}
/* guide categories (index / guide.html / side lists) */
.gcat{font-size:14px;color:var(--red);letter-spacing:.08em;margin:18px 0 2px;font-weight:700}
.side-more i{display:block;font-style:normal;font-size:.8em;color:var(--sub);margin:10px 0 0;letter-spacing:.06em}
.wlist small{color:var(--sub);font-size:13px}
/* compact work card: use when 3+ works are listed */
.sheet .work.mini{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;align-items:start;padding:10px;margin:12px 0}
.sheet .work.mini img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.sheet .work.mini .wb b{font-size:16px;line-height:1.45;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sheet .work.mini .wb span{margin-bottom:2px;font-size:13px}
.sheet .work.mini .wb .pr{font-size:16px}
.sheet .work.mini .go{padding:3px 10px;font-size:14px;margin-top:4px}
/* bottom tab bar: phones only (shown in m.css) */
.tabbar{display:none}