/* 転職エージェント診断 — 記事ページ共通スタイル */
:root{--bg:#f1f5f4;--surface:#fff;--ink:#11252b;--muted:#556a6e;--line:#d3dddc;--accent:#0f6e5e;--accent-ink:#fff;--hi:#f2b33d;--warn-bg:#fff6df;--f-display:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--f-body:"BIZ UDPGothic","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
@media(prefers-color-scheme:dark){:root{--bg:#0d1a1d;--surface:#142327;--ink:#e6efed;--muted:#93a9ac;--line:#26393d;--accent:#4cc3ab;--accent-ink:#06211c;--warn-bg:#2a2416;color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);line-height:1.85;font-size:16px;padding:20px max(16px,env(safe-area-inset-right)) 60px max(16px,env(safe-area-inset-left))} .wrap{max-width:900px;margin:0 auto}.pr{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--warn-bg);font-size:13px;line-height:1.6;margin:0 0 22px}.pr strong{flex:none;padding:1px 8px;background:var(--ink);color:var(--bg);font-size:12px;border-radius:4px;font-family:var(--f-display)}a{color:var(--accent);text-underline-offset:3px}a:focus-visible{outline:3px solid var(--hi);outline-offset:3px;border-radius:2px}.topnav{display:flex;gap:8px 22px;flex-wrap:wrap;margin:0 0 25px;font-size:14px}.eyebrow{font-family:var(--f-display);color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.08em;margin:0 0 8px}.leadheader h1{font-family:var(--f-display);font-weight:900;font-size:clamp(28px,5.2vw,43px);line-height:1.38;letter-spacing:.01em;margin:0 0 14px;text-wrap:balance}.lead{font-size:17px;color:var(--muted);max-width:760px;margin:0 0 15px}.meta{color:var(--muted);font-size:13px;margin:0 0 22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:clamp(20px,4vw,32px)}.summary{border-left:4px solid var(--accent);padding:14px 16px;background:var(--bg);border-radius:0 8px 8px 0;margin:0 0 24px}.summary h2{font-size:16px;margin:0 0 5px}.summary p{margin:0}.toc{background:var(--bg);border-radius:9px;padding:14px 18px;margin:0 0 26px}.toc p{font-family:var(--f-display);font-weight:700;margin:0 0 8px}.toc ol{margin:0;padding-left:1.5em}.toc li{margin:4px 0}article h2{font-family:var(--f-display);font-weight:900;font-size:clamp(22px,3.5vw,27px);line-height:1.5;border-bottom:1px solid var(--line);padding-bottom:9px;margin:34px 0 16px;scroll-margin-top:15px}article h3{font-family:var(--f-display);font-weight:700;font-size:19px;line-height:1.5;margin:24px 0 10px}article p{margin:0 0 14px}article ul,article ol{padding-left:1.5em;margin:8px 0 19px}article li{margin:7px 0}.table-wrap{overflow-x:auto;margin:12px 0 22px}table{border-collapse:collapse;width:100%;font-size:14px;background:var(--surface);min-width:510px}th,td{padding:12px 14px;text-align:left;border:1px solid var(--line);vertical-align:top}th{background:var(--bg);font-family:var(--f-display);font-weight:700}.note{background:var(--warn-bg);border:1px solid var(--line);border-radius:9px;padding:14px 18px;margin:18px 0;font-size:14px}.example{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:16px 18px;margin:16px 0}.example strong{display:block;margin-bottom:6px}.example p:last-child{margin-bottom:0}.cta-panel{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:22px;text-align:center;margin:30px 0}.cta-panel h2{border:0;margin:0 0 6px;padding:0;font-size:22px}.cta-panel p{color:var(--muted);margin:0 0 16px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);border-radius:8px;min-height:46px;padding:10px 20px;text-decoration:none;font-family:var(--f-display);font-weight:700}.button:hover{filter:brightness(1.08)}.sources{margin-top:27px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.sources ul{margin:6px 0;padding-left:1.3em}.sources a{overflow-wrap:anywhere}.related{margin:24px 0 0}.related h2{font-size:20px;border:0;margin:0 0 12px;padding:0}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.related-card{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:17px;color:var(--ink)}.related-card strong{font-family:var(--f-display);display:block;line-height:1.5}.related-card span{display:block;color:var(--muted);font-size:13px;margin-top:7px}.foot{border-top:1px solid var(--line);padding-top:18px;margin-top:32px;display:flex;gap:10px 24px;flex-wrap:wrap;font-size:13px}.foot a{color:var(--accent)}
@media(max-width:600px){.card{padding:18px 15px}.lead{font-size:15px}.table-wrap{margin-inline:-6px}body{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}