/* くらしミエル SEOガイド：派手すぎない、読みやすさ優先 */
:root{--sg-ink:#12384b;--sg-mute:#516a76;--sg-border:#d9e6e7;--sg-accent:#096b72;--sg-bg:#f6f9f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.sg-body{margin:0;color:var(--sg-ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.85;background:#fff}
a{color:#066b7d}a:focus-visible,button:focus-visible{outline:3px solid #168d9e;outline-offset:3px}
.sg-container{width:min(100% - 36px,1040px);margin:auto}.sg-header{border-bottom:1px solid var(--sg-border);background:#fff}.sg-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0}.sg-brand{font-size:19px;font-weight:800;text-decoration:none;color:#10495a;white-space:nowrap}.sg-links{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:13px}.sg-links a{text-decoration:none;color:#3e6170}.sg-crumb{font-size:12px;padding:22px 0;color:var(--sg-mute)}.sg-crumb a{text-decoration:none}
.sg-main{max-width:900px}.sg-kicker{font-size:12px;font-weight:800;letter-spacing:.07em;color:#147c81}.sg-main h1{font-size:clamp(26px,4.8vw,36px);line-height:1.45;margin:6px 0 18px}.sg-lead{font-size:17px;color:#345766;max-width:780px}.sg-meta{font-size:12px;color:var(--sg-mute);padding:4px 0 24px}.sg-toc,.sg-example,.sg-action,.sg-sources,.sg-related,.sg-note{background:var(--sg-bg);border:1px solid var(--sg-border);border-radius:13px;padding:20px 24px;margin:27px 0}.sg-note{background:#f2f7f8}.sg-toc strong,.sg-related strong{display:block;margin-bottom:8px}.sg-toc ul,.sg-related ul{margin:0;padding-left:22px}.sg-toc li,.sg-related li{margin:4px 0}.sg-main article h2{font-size:clamp(21px,3vw,27px);line-height:1.45;margin:47px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--sg-border)}.sg-main article h3{font-size:18px;margin:29px 0 8px}.sg-main p{margin:13px 0}.sg-table{width:100%;border-collapse:collapse;margin:19px 0;font-size:15px}.sg-table th,.sg-table td{border:1px solid var(--sg-border);padding:12px;text-align:left;vertical-align:top}.sg-table th{background:#edf5f5}.sg-table td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.sg-tablewrap{overflow-x:auto}.sg-action{background:#eaf6f4;border-color:#c5e7e0}.sg-action h3{margin:0 0 8px!important}.sg-cta{display:inline-block;background:#0c6475;color:#fff;text-decoration:none;border-radius:10px;padding:12px 19px;font-weight:800;margin:9px 0}.sg-cta:hover{background:#094d59}.sg-sources{font-size:14px}.sg-sources li{margin:5px 0;overflow-wrap:anywhere}.sg-footer{border-top:1px solid var(--sg-border);margin-top:60px;padding:30px 0;color:var(--sg-mute);font-size:13px}.sg-footer nav{display:flex;flex-wrap:wrap;gap:15px}.sg-guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.sg-guide-item{border:1px solid var(--sg-border);border-radius:12px;padding:22px;text-decoration:none;display:block;color:var(--sg-ink);background:#fff}.sg-guide-item:hover{border-color:#57a6a8;background:#f7fbfb}.sg-guide-item strong{display:block;font-size:18px;line-height:1.5;margin-bottom:10px}.sg-guide-item span{color:var(--sg-mute);font-size:14px;display:block}.sg-pill{font-size:12px;color:#0c6e70}.sg-article-rail{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px}.sg-aside{font-size:13px;margin-top:20px}.sg-aside .sg-related{position:sticky;top:15px;margin:0;padding:18px}.sg-aside a{overflow-wrap:anywhere}.sg-standalone{max-width:850px}
/* Existing pages: content links only */
.seo-guides-section{max-width:1120px;margin:38px auto;padding:30px 22px;border:1px solid #dbe7e8;border-radius:18px;background:#f8fbfb;color:#12384b}
.seo-guides-section h2{font-size:clamp(20px,3vw,26px);margin:0 0 10px}.seo-guides-section p{margin:0 0 17px;color:#516a76}.seo-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seo-guide-grid a{display:block;border:1px solid #d6e6e8;background:#fff;border-radius:10px;padding:15px;text-decoration:none;color:#0b5666;font-weight:700}.seo-guide-grid a small{display:block;font-weight:400;color:#516a76;margin-top:4px}.seo-guides-section .seo-guide-more{display:inline-block;margin-top:17px;font-size:14px;font-weight:700;color:#056d7d}
.seo-tool-guide{margin:32px auto;padding:20px 24px;border:1px solid #c8e3e2;background:#f7fbfa;border-radius:14px;max-width:1100px;color:#12384b}.seo-tool-guide h2{font-size:20px;margin:0 0 8px}.seo-tool-guide p{margin:0 0 8px}.seo-tool-guide a{color:#056b79;font-weight:700}
@media(max-width:760px){.sg-links{gap:6px 11px}.sg-links a{font-size:12px}.sg-article-rail{display:block}.sg-aside{display:none}.sg-guide-list,.seo-guide-grid{grid-template-columns:1fr}.sg-main h1{font-size:27px}.sg-table{font-size:13px}.sg-table th,.sg-table td{padding:8px}.sg-toc,.sg-example,.sg-action,.sg-sources{padding:16px}.seo-guides-section{margin:24px 14px}}