/* Fishing Press（fishingpress.org）。他のメディアと同じ新聞風の組み方。色は hub/sites/fishingpress.json の theme に合わせる */
:root{--bg:#fbfaf6;--fg:#122226;--muted:#5d6b6e;--rule:#cfd6d4;--surface:#eef2ef;--accent:#0d6e74;--c1:#0d6e74;--c2:#e2a93b;--c3:#7aa86b;--c4:#2f4f8f;
 --serif:"Shippori Mincho",serif;--sans:"Noto Sans JP",system-ui,sans-serif;--mark:"Playfair Display",serif}
@media (prefers-color-scheme:dark){:root{--bg:#0c1416;--fg:#e8eeee;--muted:#9aaaac;--rule:#2c3a3d;--surface:#142024;--accent:#3fb8bf}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.8 var(--sans)}
a{color:inherit}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* ヘッダー */
.hd{border-bottom:3px double var(--fg);margin-bottom:24px}
.hd-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:18px 0 12px}
.logo{text-align:center;text-decoration:none}.lg-mark{display:block;font:900 clamp(32px,6vw,58px)/1 var(--mark);letter-spacing:.01em}
.logo small{display:block;font-size:12px;color:var(--muted);margin-top:6px;letter-spacing:.08em}
.hd-gl{font-size:13px;text-decoration:none;border:1px solid var(--fg);padding:4px 10px;border-radius:2px}
.mn summary{list-style:none;cursor:pointer;width:32px;display:flex;flex-direction:column;gap:5px}.mn summary::-webkit-details-marker{display:none}
.mn summary span{display:block;height:2px;background:var(--fg)}
.mn nav{position:absolute;z-index:20;background:var(--bg);border:1px solid var(--rule);padding:12px 18px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.mn ul{list-style:none;margin:0;padding:0}.mn li a{display:block;padding:6px 0;text-decoration:none}
.gn ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin:0;padding:8px 0;border-top:1px solid var(--rule);font-size:14px}
.gn a{text-decoration:none}.gn a[aria-current=page],.mn a[aria-current=page]{color:var(--accent);font-weight:700}
@media (max-width:720px){.gn{display:none}.hd-row{grid-template-columns:36px 1fr auto}.logo small{font-size:10px;letter-spacing:0}}
/* 見出し */
.crumb{font-size:12px;color:var(--muted);margin:0 0 14px}.crumb a{text-decoration:none}
.ph{text-align:center;margin:10px auto 26px;max-width:820px}.ph h1{font:700 clamp(26px,4.4vw,40px)/1.35 var(--serif);margin:6px 0 10px}
.tag{font:700 11px/1.4 var(--sans);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin:0}
.pdek{color:var(--muted);margin:0}.by{font-size:12px;color:var(--muted);margin:6px 0 0}.by time{margin-right:8px}
.sh{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--fg);padding-top:8px;margin:0 0 14px}
.sh h2{font:700 20px/1.4 var(--serif);margin:0}.sh a{font-size:13px;color:var(--accent);text-decoration:none}
.block{margin:40px 0}.sec-sub{font-size:14px;color:var(--muted)}.bh{font:700 18px/1.5 var(--serif);margin:24px 0 8px}
/* カード */
.cards,.four{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:26px}
.four{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);padding-top:20px;margin-top:26px}
@media (max-width:900px){.four{grid-template-columns:repeat(2,1fr)}}
.card .hl{font:700 17px/1.5 var(--serif);margin:6px 0}.card .hl a{text-decoration:none}.card .dek{font-size:14px;color:var(--muted);margin:0}
.th{aspect-ratio:16/10;overflow:hidden;background:var(--surface);margin:0 0 8px}.th img{width:100%;height:100%;object-fit:cover}
.ph-c{display:flex;align-items:center;justify-content:center;font:900 22px var(--mark);color:#fff}
.ph-c.fly{background:linear-gradient(135deg,#0d6e74,#7aa86b)}.ph-c.lure{background:linear-gradient(135deg,#2f4f8f,#0d6e74)}.ph-c.offshore{background:linear-gradient(135deg,#123a63,#2f4f8f)}.ph-c.bait{background:linear-gradient(135deg,#8a5a1c,#e2a93b)}.ph-c.x{background:var(--c1)}
.front{display:grid;grid-template-columns:2fr 1fr;gap:30px}.front .lead .hl{font-size:clamp(22px,3vw,30px)}.front .side{display:grid;gap:22px;align-content:start}
@media (max-width:900px){.front{grid-template-columns:1fr}}
.dinos{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:0 30px}
.dino{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-top:1px solid var(--rule);min-width:0}
.dino .hl{font:700 17px/1.5 var(--serif);margin:0}.dino .hl a{text-decoration:none}.dino .dek{font-size:14px;margin:0}
.latin{font-size:12px;color:var(--muted);margin:0}.meta{font-size:13px;color:var(--muted);margin:0}.meta b{color:var(--fg);margin-right:8px}
.dek.big{font-size:16px;line-height:1.9}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.tile{display:block;padding:16px;border:1px solid var(--rule);background:var(--surface);text-decoration:none;border-radius:4px}
.tile b{display:block;font:700 18px var(--serif)}.tile span{font-size:13px;color:var(--muted)}
.guide{margin:44px 0}
.tri3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:2px solid var(--fg);padding-top:10px;margin:40px 0}
@media (max-width:900px){.tri3{grid-template-columns:1fr}}
.lk{list-style:none;padding:0;margin:0}.lk li{padding:8px 0;border-bottom:1px solid var(--rule);font-size:14px}.lk a{text-decoration:none}.lk small{display:block;color:var(--muted);font-size:11px}
/* 記事 */
.art{max-width:760px;margin:0 auto}.hero{margin:0 0 20px}.hero figcaption{font-size:11px;color:var(--muted);margin-top:4px}
.body p{margin:0 0 1.2em;font-size:17px;line-height:2}.body .gl{text-decoration:underline dotted var(--accent);text-underline-offset:4px}
.view{background:var(--surface);padding:16px 20px;border-left:4px solid var(--accent);margin:24px 0}.view h2{font:700 16px var(--serif);margin:0 0 8px}
.src{font-size:13px;color:var(--muted)}.src a{color:var(--accent)}.ai{font-size:12px;color:var(--muted)}
/* 表 */
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}
.kv th{width:9em;text-align:left;vertical-align:top;color:var(--muted);font-weight:400;padding:8px 10px 8px 0;border-bottom:1px solid var(--rule)}.kv td{padding:8px 0;border-bottom:1px solid var(--rule)}
.vtop{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}@media (max-width:900px){.vtop{grid-template-columns:1fr}}
.fish{display:flex;flex-wrap:wrap;gap:6px}.fish span{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:2px 12px;font-size:14px}
/* 絞り込み */
.filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.filters span{font-size:12px;color:var(--muted);margin-right:4px}
.fb{font:inherit;font-size:13px;padding:4px 12px;border:1px solid var(--rule);border-radius:16px;background:var(--bg);color:var(--fg);cursor:pointer}.fb[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.search{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--bg);color:var(--fg);margin:6px 0}
[hidden]{display:none!important}.empty{color:var(--muted);font-size:14px}
.vgh{font:700 17px var(--serif);margin:26px 0 0;padding-bottom:6px;border-bottom:2px solid var(--fg)}.vgh small{font:400 12px var(--sans);margin-left:8px;color:var(--muted)}
.maplg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;margin:8px 0 0}.maplg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px}
/* 用語集 */
.glo{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 30px;margin:0}.glo.sm{grid-template-columns:1fr}
.gi{padding:12px 0;border-top:1px solid var(--rule)}.gi dt{font:700 16px var(--serif)}.gi dt small{font:400 11px var(--sans);color:var(--muted);margin-left:8px}.gi .en{font:italic 12px var(--sans);color:var(--muted);margin-left:8px}
.gi dd{margin:4px 0 0;font-size:14px}.gc{display:inline-block;font-size:11px;color:var(--accent);margin-left:8px}
.gi:target{background:var(--surface)}
/* 年表 */
.tl{list-style:none;padding:0;margin:0;border-left:2px solid var(--accent)}.tl li{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:12px 0 12px 16px;border-bottom:1px solid var(--rule)}
.tl .yr{font:700 18px var(--mark);color:var(--accent)}.tl h3{font:700 16px var(--serif);margin:0}.tl p{margin:4px 0 0;font-size:14px}
/* 商品・広告 */
.affs{border:1px solid var(--rule);padding:14px 16px;margin:30px 0;background:var(--surface)}.affs .sh{border:0;padding:0;margin-bottom:6px}
.pr{font-size:11px;border:1px solid var(--muted);color:var(--muted);padding:0 6px}.note{font-size:11px;color:var(--muted)}
.af-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.af{text-decoration:none;font-size:12px}.af img{aspect-ratio:1;object-fit:contain;background:#fff}.af-p{display:block;font-weight:700}
.af-b{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}.af-btn{font-size:13px;padding:7px 14px;border-radius:4px;text-decoration:none;color:#fff;background:#bf0000}.af-btn.amazon{background:#232f3e}
.ad{margin:30px 0;min-height:90px}
/* フッター */
.ft{border-top:3px double var(--fg);margin-top:60px;padding:24px 0 50px;font-size:13px;text-align:center}.ft-brand{font:900 24px var(--mark);margin:0 0 10px}.ft p a{margin:0 8px;text-decoration:none}.ft .note{max-width:720px;margin:10px auto}