/* 配色・書体は assets/ayumi-theme.css のトークン（--ay-*）に従う。国民＝朱、AI＝藍、緑は処理状態のみ */
:root{
  --tint:#FAF5EA; --line2:#EDE7DC;
  --cit-bg:#F8E6E2; --cit-ink:#9B3E32; --ai-bg:#E6EEF8; --ai-ink:#325C91;
  --ok-bg:#E3EEE9; --warn-bg:#F3E3C5; --warn-ink:#76531F; --mute:#8D857B; --mute-bg:#EEEAE2;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ay-bg) url(assets/decor/washi-pattern.svg);color:var(--ay-ink);font-family:var(--ay-font);font-size:16px;line-height:1.7}
a{color:var(--ai-ink)}
i{font-style:normal}
:focus-visible{outline:3px solid var(--ay-ai);outline-offset:2px}
.ic{width:20px;height:20px;flex:none;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sample{background:var(--ay-ink);color:#F7F2E8;font-size:13px;padding:6px 16px;text-align:center}
header.site{border-bottom:1px solid var(--ay-line);background:var(--ay-surface)}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
header.site .wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.logo img{height:60px;display:block}
nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:6px;text-decoration:none;color:var(--ay-ink);font-size:15px}
nav a.on{background:var(--ay-ink);color:#fff}
main{padding:24px 0 40px}
section.page{display:none}
section.page.on{display:block}
h1{font-family:var(--ay-display);font-weight:600;font-size:28px;margin:0 0 6px;letter-spacing:.055em}
h2{font-family:var(--ay-display);font-weight:600;font-size:20px;margin:36px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--ay-line);display:flex;align-items:center;gap:8px;flex-wrap:wrap;letter-spacing:.04em}
h2 .gs{margin-left:auto;font-family:var(--ay-font);font-size:13px;font-weight:400;color:var(--ay-muted)}
h2 .gs b{font-family:var(--ay-display);font-size:24px;color:var(--ay-citizen);margin:0 2px;font-variant-numeric:tabular-nums}
h2 .gs em{font-style:normal;color:var(--ay-citizen);font-weight:600}
h2 .gs .a{color:var(--ay-ai)}
hr.div{border:0;height:24px;background:url(assets/decor/divider.svg) center/600px 24px no-repeat;margin:28px 0 0}
p.lead{color:var(--ay-muted);margin:0 0 16px}
p.note{color:var(--ay-muted);font-size:14px;margin:-2px 0 12px}
.box{background:var(--ay-surface);border:1px solid var(--ay-line);border-radius:var(--ay-radius);padding:16px 18px;box-shadow:var(--ay-shadow)}
.aitag{display:inline-block;font-size:12px;font-weight:600;padding:0 7px;border-radius:99px;background:var(--ai-bg);color:var(--ai-ink);white-space:nowrap}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:13px;padding:1px 10px;border-radius:99px;font-weight:600;white-space:nowrap;background:var(--mute-bg);color:var(--ay-muted)}
.chip.ok,.chip.party{background:var(--tint);color:var(--ay-ink);border:1px solid var(--ay-line)}
.chip.done{background:var(--ok-bg);color:var(--ay-success)}
.chip.warn,.chip.diff{background:var(--warn-bg);color:var(--warn-ink)}
.chip.none{background:var(--mute-bg);color:var(--mute)}
.chip.pl{background:var(--ay-surface);border:1px solid var(--ay-line);color:var(--ay-ink);font-weight:400;text-decoration:none;min-height:28px}
.chip.pl .ic{width:14px;height:14px;color:var(--ay-muted)}
.chip.pl:hover{border-color:var(--ay-ink)}
.mx th,.mx td{text-align:center;font-size:14.5px}
.mx th:first-child,.mx td:first-child{text-align:left;min-width:220px}
.mx td a{font-family:var(--ay-display);font-size:18px;font-weight:600;display:inline-flex;min-width:44px;min-height:36px;align-items:center;justify-content:center}
.mx td small{display:block;font-size:11.5px;color:var(--ay-muted)}
.mx td.z{color:var(--mute)}
.mx tr.tot td{background:var(--tint);font-size:13px;color:var(--ay-muted)}
.chip.cit{background:var(--cit-bg);color:var(--cit-ink)}
.chip.ai{background:var(--ai-bg);color:var(--ai-ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid var(--ay-ink);border-radius:6px;background:var(--ay-ink);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}
.btn.sub{background:var(--ay-surface);color:var(--ay-ink);border-color:var(--ay-line)}
select,input[type=search],textarea{font:inherit;min-height:44px;padding:8px 12px;border:1px solid var(--ay-line);border-radius:6px;background:var(--ay-surface);color:var(--ay-ink)}
/* 国民／AIの対比バー（色だけに頼らずラベルと数値を併記） */
.cmp{display:grid;grid-template-columns:34px 1fr 30px;gap:2px 6px;align-items:center;font-size:12px;color:var(--ay-muted);min-width:128px}
.cmp b{font-family:var(--ay-display);font-size:15px;font-variant-numeric:tabular-nums;text-align:right}
.cmp .c{color:var(--ay-citizen)} .cmp .a{color:var(--ay-ai)}
.track{height:8px;background:var(--line2);border-radius:99px;overflow:hidden}
.track i{display:block;height:100%;border-radius:99px;background:var(--ay-citizen)}
.track i.a{background:var(--ay-ai)}

/* さがす */
.entries{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.entries a{display:block;text-decoration:none;color:var(--ay-ink)}
.entries b{display:flex;align-items:center;gap:8px;font-family:var(--ay-display);font-size:18px}
.entries span{display:block;font-size:14px;color:var(--ay-muted);margin-top:4px}
.searchbox{display:flex;gap:8px;align-items:center;background:var(--ay-surface);border:2px solid var(--ay-ink);border-radius:8px;padding:4px 12px;margin-top:8px}
.searchbox input{flex:1;border:0;background:transparent;min-width:0}
.filters2{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;align-items:center}
.filters2 select{font-size:14px}
.seg{display:inline-flex;border:1px solid var(--ay-line);border-radius:6px;overflow:hidden;margin-left:auto}
.seg button{font:inherit;font-size:14px;min-height:44px;padding:0 14px;border:0;background:var(--ay-surface);color:var(--ay-ink);cursor:pointer}
.seg button.on{background:var(--ay-ink);color:#fff}
.tablewrap{overflow-x:auto;border:1px solid var(--ay-line);border-radius:var(--ay-radius);background:var(--ay-surface)}
table{border-collapse:collapse;width:100%}
th,td{padding:10px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:middle;font-size:15px}
th{font-size:13px;color:var(--ay-muted);font-weight:600;background:var(--tint);white-space:nowrap}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--tint)}
th:first-child,td:first-child{position:sticky;left:0;background:inherit}
thead th:first-child{background:var(--tint)}
tbody td:first-child{background:var(--ay-surface)}
.member a{font-family:var(--ay-display);font-size:17px;font-weight:600;text-decoration:none;color:var(--ay-ink);border-bottom:1px dotted var(--ay-muted)}
.member small{display:block;color:var(--ay-muted);font-size:13px}
td.member{min-width:190px}
.member a{white-space:nowrap}
td.na{color:var(--mute);font-size:13px}
.mcards{display:none;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.mcard h3{margin:0;font-family:var(--ay-display);font-size:19px}
.mcard h3 a{color:var(--ay-ink);text-decoration:none}
.mcard .sub{font-size:13px;color:var(--ay-muted)}
.mcard .two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.mcard .two div{border-radius:6px;padding:6px 10px;text-align:center;font-size:13px}
.mcard .two .c{background:var(--cit-bg);color:var(--cit-ink)} .mcard .two .a{background:var(--ai-bg);color:var(--ai-ink)}
.mcard .two b{display:block;font-family:var(--ay-display);font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
.mcard .g{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;font-size:13px}
body.cards .tablewrap{display:none} body.cards .mcards{display:grid}
.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 16px;font-size:13px;color:var(--ay-muted);margin-top:12px}
.legend b{color:var(--ay-ink)}

/* 通信簿 */
.cardhead{background:var(--ay-surface);border:1px solid var(--ay-line);border-top:5px solid var(--ay-ink);border-radius:var(--ay-radius);padding:18px 20px;box-shadow:var(--ay-shadow)}
.cardhead .row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.cardhead .term{font-size:14px;color:var(--ay-muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cardhead h1{font-size:34px;letter-spacing:.15em;margin-top:4px}
.cardhead h1 small{font-size:14px;color:var(--ay-muted);font-weight:400;letter-spacing:.05em;margin-left:8px}
.facts{display:flex;gap:4px 18px;flex-wrap:wrap;font-size:14px;margin-top:4px}
.facts b{color:var(--ay-muted);font-weight:400;margin-right:4px}
.cond{margin-top:8px;font-size:13px;color:var(--ay-muted);background:var(--tint);border-radius:6px;padding:6px 10px}
.cond b{color:var(--ay-ink)}
.acts2{display:flex;gap:8px;flex-wrap:wrap}
.hero{display:grid;grid-template-columns:1fr 1fr 200px;gap:12px;margin-top:16px}
.hero .big{border-radius:var(--ay-radius);padding:14px 16px}
.hero .big.c{background:var(--cit-bg);color:var(--cit-ink)} .hero .big.a{background:var(--ai-bg);color:var(--ai-ink)}
.hero .big .lab{display:flex;align-items:center;gap:6px;font-weight:600;font-size:15px}
.hero .big .sc{font-family:var(--ay-display);font-size:56px;line-height:1.1;font-variant-numeric:tabular-nums}
.hero .big .sc small{font-size:18px;opacity:.75}
.hero .big p{margin:2px 0 8px;font-size:13px}
.hero .big a{font-size:14px;color:inherit;font-weight:600}
.hero .gapbox{border:1px dashed var(--ay-line);border-radius:var(--ay-radius);padding:12px;font-size:13px;color:var(--ay-muted);background:var(--tint)}
.hero .gapbox b{display:block;font-family:var(--ay-display);font-size:26px;color:var(--ay-ink)}
.gbars{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:16px}
.gbar{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;font-size:14px}
.gbar .nm{display:flex;align-items:center;gap:6px;font-weight:600}
.gbar .cmp{grid-template-columns:34px 1fr 30px 46px}
.gbar .cmp em{font-style:normal;font-size:12px;white-space:nowrap}
.trend{margin-top:16px;display:grid;grid-template-columns:1fr 260px;gap:16px;align-items:center;border-top:1px solid var(--line2);padding-top:12px}
.trend h3{margin:0 0 4px;font-size:15px;display:flex;align-items:center;gap:6px}
.trend svg text{font-family:var(--ay-font);font-size:11px;fill:var(--ay-muted)}
.trend .key{font-size:13px;color:var(--ay-muted)}
.trend .key span{display:block}
.trend .key i{display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:4px}
.whose{margin-top:12px;font-size:14px;background:var(--tint);border-left:3px solid var(--ay-line);padding:8px 12px;color:var(--ay-muted)}
.whose strong{color:var(--ay-ink)}
.subject{background:var(--ay-surface);border:1px solid var(--ay-line);border-radius:var(--ay-radius);margin-bottom:8px}
.subject>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:120px 132px 1fr 140px 116px;gap:12px;align-items:center;padding:12px 14px;min-height:44px}
.subject>summary::-webkit-details-marker{display:none}
.subject[open]>summary{border-bottom:1px dashed var(--ay-line)}
.pt2{display:grid;grid-template-columns:1fr 1fr;gap:4px;text-align:center;font-family:var(--ay-display);font-weight:600;font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}
.pt2 span{display:block;padding:4px 0;border-radius:6px;background:var(--cit-bg);color:var(--cit-ink)}
.pt2 em{display:block;font-style:normal;font-family:var(--ay-font);font-size:11px;font-weight:600;margin-bottom:2px}
.pt2 .ai{background:var(--ai-bg);color:var(--ai-ink)}
.sname{font-family:var(--ay-display);font-weight:600;font-size:17px}
.rec{font-size:15px}
.rec small{display:block;color:var(--ay-muted);font-size:13px}
.dist{font-size:12px;color:var(--ay-muted);text-align:center}
.dist .bars{display:flex;align-items:flex-end;gap:3px;height:34px;border-bottom:1px solid var(--ay-line)}
.dist .bars i{flex:1;background:var(--ay-citizen);border-radius:2px 2px 0 0;min-height:2px}
.dist .ax{display:flex;gap:3px}
.dist .ax span{flex:1}
.more{font-size:14px;color:var(--ai-ink);text-align:right;white-space:nowrap}
.subject[open] .more .o,.subject:not([open]) .more .x{display:none}
.ev{padding:12px 16px 16px}
.ev h4{margin:14px 0 6px;font-size:14px;color:var(--ay-muted);font-weight:600;display:flex;align-items:center;gap:6px}
.ev h4:first-child{margin-top:0}
.ev .pre{background:var(--ai-bg);border-radius:6px;padding:8px 12px;font-size:14px;margin-bottom:12px}
.ev .pre b{color:var(--ai-ink)}
.ev .hold,.gap,.reason .fix{background:var(--warn-bg);border-left:3px solid var(--ay-warning);border-radius:6px;padding:8px 12px;font-size:14px;margin-bottom:12px}
.ev .hold b,.gap b,.reason .fix>b{color:var(--warn-ink)}
.ev ul{list-style:none;margin:0;padding:0}
.ev li{display:grid;grid-template-columns:96px 1fr auto;gap:12px;padding:8px 0;border-top:1px solid var(--line2);font-size:14.5px;align-items:start}
.ev li:first-child{border-top:0}
.ev time{color:var(--ay-muted);font-size:13px}
.ev q{display:block;quotes:none;border-left:3px solid var(--ay-line);padding-left:10px;margin-top:4px;color:#4a433c;font-family:var(--ay-display)}
.ev .sum3{margin:6px 0 0;padding-left:1.4em;font-size:14px;color:var(--ay-ink)}
.ev .sum3 li{display:list-item;border:0;padding:0;list-style:decimal}
.ev .src{font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;min-height:44px}
.ev .restnote{font-size:13px;color:var(--ay-muted);margin-top:8px}
.steps{display:flex;gap:0;list-style:none;margin:16px 0 8px;padding:0;font-size:13px;counter-reset:s}
.steps li{flex:1;display:flex !important;align-items:center;gap:6px;border:0 !important;padding:0 !important;color:var(--mute);counter-increment:s;position:relative}
.steps li::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ay-line);background:var(--ay-surface);font-family:var(--ay-display);font-weight:600;flex:none}
.steps li.done{color:var(--ay-success)} .steps li.done::before{content:"✓";border-color:var(--ay-success);color:var(--ay-success)}
.steps li.now{color:var(--ay-ink);font-weight:600} .steps li.now::before{background:var(--ay-citizen);border-color:var(--ay-citizen);color:#fff}
.vote{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:var(--cit-bg);border-radius:8px}
.vote strong{font-size:14.5px}
.vote button{font:inherit;font-family:var(--ay-display);font-weight:600;font-size:18px;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ay-citizen);background:var(--ay-surface);color:var(--ay-citizen);cursor:pointer}
.vote button.sel{background:var(--ay-citizen);color:#fff}
.vote small{color:var(--ay-muted);font-size:13px}
.vote .mean{font-size:14px;font-weight:600;color:var(--cit-ink);flex-basis:100%}
.vote .done{color:var(--ay-success);font-size:13px;font-weight:600}
.vote select{font-size:14px}
.reason{margin-top:10px;font-size:14.5px}
.reason label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.reason textarea{width:100%;resize:vertical}
.reason .rowb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}
.reason .saved{font-size:13px;color:var(--ay-muted)}
.reason .fix{margin-top:10px}
.aicheck{display:grid;grid-template-columns:150px 1fr;gap:4px 10px;margin:8px 0 6px;font-size:14px}
.aicheck dt{font-weight:600;display:flex;align-items:center;gap:6px}
.aicheck dd{margin:0}
.aicheck .ng{color:var(--warn-ink)} .aicheck .ok{color:var(--ay-success)}
.reason .fix span{color:var(--ay-muted);font-size:13px}
.state{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px;margin-top:10px;align-items:center}
.state .flow{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.state .flow i{color:var(--mute)}
.ev ul.reasons li{grid-template-columns:32px 1fr;gap:10px;align-items:baseline}
.ev ul.reasons b,.post .sc{font-family:var(--ay-display);font-weight:600;font-size:16px;color:var(--ay-citizen);border:1.5px solid var(--ay-citizen);border-radius:50%;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}
.align{width:100%;font-size:14px;margin-top:6px;border:1px solid var(--line2);border-radius:6px;overflow:hidden}
.align th,.align td{font-size:14px;padding:8px 10px}
.money{display:flex;height:16px;border-radius:3px;overflow:hidden;border:1px solid var(--ay-line);margin:6px 0 4px}
.money i{display:block}
.mkey{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ay-muted)}
.mkey span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;background:var(--c)}
.notuse{font-size:14px;background:var(--tint);border:1px dashed var(--ay-line);border-radius:6px;padding:8px 12px;margin:0 0 10px;color:var(--ay-muted)}
.shoken{font-family:var(--ay-display);font-size:17px;line-height:2;background:var(--ay-surface);border:1px solid var(--ay-line);border-radius:var(--ay-radius);padding:16px 20px}
.foot{margin-top:26px;font-size:13px;color:var(--ay-muted);display:flex;gap:6px 20px;flex-wrap:wrap}
.talk{background:var(--ay-surface);border:1px solid var(--ay-line);border-left:4px solid var(--ay-ink);border-radius:var(--ay-radius);margin:12px 0 8px}
.talk>summary{list-style:none;cursor:pointer;padding:11px 14px;min-height:44px;font-family:var(--ay-display);font-weight:600;font-size:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.talk>summary::-webkit-details-marker{display:none}
.talk>summary span{font-family:var(--ay-font);font-weight:400;font-size:13px;color:var(--ay-muted)}
.talk>summary::after{content:"開く ▾";margin-left:auto;font-family:var(--ay-font);font-weight:400;font-size:14px;color:var(--ai-ink)}
.talk[open]>summary::after{content:"閉じる ▴"}
.talk[open]>summary{border-bottom:1px dashed var(--ay-line)}
.talk .in{padding:12px 16px 16px}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.filters button{font:inherit;font-size:14px;min-height:44px;padding:0 14px;border-radius:99px;border:1px solid var(--ay-line);background:var(--ay-surface);color:var(--ay-ink);cursor:pointer}
.filters button.on{background:var(--ay-ink);color:#fff;border-color:var(--ay-ink)}
.post{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line2);font-size:15px}
.post:first-of-type{border-top:0}
.post .sc.ai{color:var(--ay-ai);border-color:var(--ay-ai);font-family:var(--ay-font);font-size:11px}
.post .who{font-size:13px;color:var(--ay-muted)}
.post .who b{color:var(--ay-ink);font-weight:600}
.post .cite{font-size:13.5px;margin-top:3px}
.post .acts{font-size:13px;color:var(--ay-muted);margin-top:3px}
.post .acts a{margin-right:12px}
.post.re{margin-left:44px;background:var(--tint);border-top:0;border-radius:6px;padding:8px 10px;margin-bottom:6px}
.compose{margin-top:12px;padding:10px 12px;background:var(--tint);border:1px solid var(--line2);border-radius:8px;font-size:14.5px}
.compose label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.compose select,.compose textarea{width:100%;margin-bottom:6px}
.compose small{color:var(--ay-muted);font-size:13px;margin-left:8px}
.pstate{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 14px;font-size:13px;color:var(--ay-muted);margin:0 0 12px}

/* 地図から選挙区を選ぶ（都道府県を地理の位置に並べたブロック型の地図） */
.mapbox{margin:4px 0 12px}
.mapbox[hidden]{display:none}
.maphead{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}
.maphead h3{margin:0;font-family:var(--ay-display);font-size:18px;display:flex;align-items:center;gap:6px}
.mapgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.jmap{display:grid;grid-template-columns:repeat(14,1fr);grid-auto-rows:46px;gap:3px}
.jmap h4{display:none}
.jmap button{font:inherit;font-size:13px;line-height:1.15;padding:0 2px;border:1px solid var(--ay-line);border-radius:5px;background:var(--ay-surface);color:var(--ay-ink);cursor:pointer;min-width:0}
.jmap button.b1{background:#F3ECDD}
.jmap button.b2{background:#E9E0CD}
.jmap button:hover{border-color:var(--ay-ink)}
.jmap button.sel{background:var(--ay-ink);border-color:var(--ay-ink);color:#fff;font-weight:600}
.mapside{border-left:1px solid var(--line2);padding-left:16px;min-height:200px}
.mapside h4{margin:0 0 2px;font-family:var(--ay-display);font-size:20px}
.mapside h5{margin:12px 0 4px;font-size:13px;color:var(--ay-muted);font-weight:600}
.dists{display:flex;flex-wrap:wrap;gap:4px}
.dists button{font:inherit;font-size:14px;min-width:54px;min-height:44px;padding:0 10px;border:1px solid var(--ay-line);border-radius:6px;background:var(--ay-surface);color:var(--ay-ink);cursor:pointer}
.dists button.sel{background:var(--ay-ink);border-color:var(--ay-ink);color:#fff;font-weight:600}
.mapres{margin-top:12px;background:var(--tint);border-radius:6px;padding:8px 10px;font-size:14px}
.mapfoot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line2);margin-top:14px;padding-top:12px;font-size:14px}
.mapfoot label{font-weight:600}
#areachip button{font:inherit;border:0;background:transparent;cursor:pointer;color:var(--ay-muted);min-width:28px;min-height:28px}
@media (max-width:820px){
  .mapgrid{grid-template-columns:1fr}
  .mapside{border-left:0;border-top:1px solid var(--line2);padding:12px 0 0;min-height:0}
  .jmap{display:flex;flex-wrap:wrap;gap:4px}
  .jmap h4{display:block;flex-basis:100%;margin:8px 0 0;font-size:13px;color:var(--ay-muted);font-weight:600}
  .jmap h4:first-child{margin-top:0}
  .jmap button{min-height:44px;padding:0 12px;font-size:14.5px;grid-area:auto !important}
}

/* このサイトについて */
.qa{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qa h3{margin:0 0 8px;font-family:var(--ay-display);font-size:18px;display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.qa .qn{flex:none;width:30px;height:30px;border-radius:50%;background:var(--ay-ink);color:#fff;font-size:15px;display:inline-flex;align-items:center;justify-content:center}
.qa dl{margin:0;font-size:14.5px}
.qa dt{font-size:13px;font-weight:600;color:var(--ay-muted);margin-top:8px}
.qa dd{margin:2px 0 0}
.vs th,.vs td{font-size:14.5px;vertical-align:top}
.vs tbody th{width:150px;position:static;white-space:normal}
.vs thead th:nth-child(3),.vs tbody td:nth-child(3){background:var(--tint);font-weight:500}
.vs td:first-child{position:static}
@media (max-width:820px){.qa{grid-template-columns:1fr}.vs tbody th{width:96px}}

/* ジャンルの切り替え（通信簿・順位） */
.gtabs{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:6px;background:var(--ay-bg);padding:8px 0;margin:16px 0 0;border-bottom:1px solid var(--ay-line)}
.gtabs button{font:inherit;min-height:56px;padding:6px 10px;border:1px solid var(--ay-line);border-radius:8px;background:var(--ay-surface);color:var(--ay-ink);cursor:pointer;text-align:left}
.gtabs button span{display:flex;align-items:center;gap:6px;font-family:var(--ay-display);font-weight:600;font-size:15.5px;white-space:nowrap}
.gtabs button small{display:block;font-size:12.5px;color:var(--ay-muted);white-space:nowrap}
.gtabs button small b{font-family:var(--ay-display);font-size:15px}
.gtabs .c{color:var(--ay-citizen)} .gtabs .a{color:var(--ay-ai)}
.gtabs button.on{background:var(--ay-ink);border-color:var(--ay-ink);color:#fff}
.gtabs button.on small{color:#d8d0c2}
.gtabs button.on .c{color:#f0a89c} .gtabs button.on .a{color:#a9c4ee}
.fold{margin-top:10px;border-top:1px solid var(--line2)}
.fold>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-size:14.5px;color:var(--ai-ink);font-weight:600}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary::after{content:"▾";margin-left:4px}
.fold[open]>summary::after{content:"▴"}
.fold .trend{border-top:0;margin-top:0;padding-top:4px}
.gsec{display:none}
.gsec.on{display:block}
.gsec>h2:first-child{margin-top:18px}
.gbar{cursor:pointer;border-radius:6px;padding:4px 6px;margin:-4px -6px}
.gbar:hover{background:var(--tint)}
.rtabs{display:none}
@media (max-width:820px){
  .gtabs,.rtabs{display:flex;overflow-x:auto;gap:6px;-webkit-overflow-scrolling:touch}
  .gtabs button,.rtabs button{flex:none}
  .rtabs{position:sticky;top:0;z-index:5;background:var(--ay-bg);padding:8px 0;margin-bottom:8px;border-bottom:1px solid var(--ay-line)}
  .rtabs button{font:inherit;font-size:14.5px;min-height:44px;padding:0 14px;border:1px solid var(--ay-line);border-radius:99px;background:var(--ay-surface);color:var(--ay-ink);cursor:pointer;white-space:nowrap}
  .rtabs button.on{background:var(--ay-ink);border-color:var(--ay-ink);color:#fff}
  .ranks .box:not(.rsel){display:none}
}

/* 比べる・順位・しくみ */
.cols3{display:grid;grid-template-columns:150px repeat(3,1fr);border:1px solid var(--ay-line);border-radius:var(--ay-radius);background:var(--ay-surface);overflow-x:auto}
.cols3>div{padding:10px 12px;border-bottom:1px solid var(--line2);font-size:14.5px;min-width:0}
.cols3 .h{background:var(--tint);font-weight:600;font-size:13px;color:var(--ay-muted)}
.cols3 .n{font-family:var(--ay-display);font-size:18px;font-weight:600}
.cols3 .n small{display:block;font-family:var(--ay-font);font-size:12.5px;font-weight:400;color:var(--ay-muted)}
.cols3 .sec{grid-column:1/-1;background:var(--tint);font-family:var(--ay-display);font-weight:600}
.ranks{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:12px}
.ranks .box{padding:12px 14px}
.ranks h3{font-family:var(--ay-display);font-size:17px;margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--line2);display:flex;align-items:center;gap:6px}
.ranks ol{list-style:none;margin:0;padding:0}
.ranks li{display:grid;grid-template-columns:54px 1fr auto;gap:2px 8px;align-items:baseline;padding:6px 0;border-bottom:1px dotted var(--line2);font-size:15px}
.ranks li:last-child{border-bottom:0}
.ranks li i{font-family:var(--ay-display);font-weight:600;white-space:nowrap}
.ranks li b{font-family:var(--ay-display);font-size:18px;font-variant-numeric:tabular-nums}
.ranks li small{grid-column:2/-1;font-size:12px;color:var(--ay-muted)}
.ranks li.out{color:var(--mute)}
body.rk-c .ranks li i,body.rk-c .ranks li b{color:var(--ay-citizen)}
body.rk-a .ranks li i,body.rk-a .ranks li b{color:var(--ay-ai)}
body.rk-c .ranks li.out i,body.rk-a .ranks li.out i{color:var(--mute)}
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}
.rules .box h3{margin:0 0 4px;font-family:var(--ay-display);font-size:17px}
.rules .box p{margin:0;font-size:14px;color:var(--ay-muted)}
.trace{display:flex;align-items:stretch;flex-wrap:wrap;margin:10px 0}
.trace>*{flex:1;min-width:130px;background:var(--ay-surface);border:1px solid var(--ay-line);padding:10px 12px;font-size:14px;position:relative;color:var(--ay-ink);text-decoration:none}
.trace b{display:block;font-family:var(--ay-display);font-size:16px}
.trace>*+*{border-left:0}
.trace>*+*::before{content:"›";position:absolute;left:-8px;top:50%;transform:translateY(-50%);background:var(--ay-bg);color:var(--ay-muted);font-size:16px;line-height:1;padding:2px 4px;border-radius:50%;z-index:1}
.trace a b{color:var(--ai-ink);text-decoration:underline}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.roles .box h3{margin:0 0 6px;font-family:var(--ay-display);font-size:18px;display:flex;align-items:center;gap:6px}
.roles ul{margin:0;padding-left:1.2em;font-size:15px}
.kv{width:100%}
.kv th{width:190px;background:var(--tint);position:static}
.kv td:first-child{position:static}
footer.site{border-top:1px solid var(--ay-line);background:var(--ay-surface);padding:16px 0 28px;font-size:13px;color:var(--ay-muted)}
footer.site b{color:var(--ay-ink)}

@media (max-width:820px){
  body{font-size:16px}
  .entries{grid-template-columns:1fr}
  .hero{grid-template-columns:1fr 1fr}
  .hero .gapbox{grid-column:1/-1}
  .hero .big .sc{font-size:44px}
  .gbars{grid-template-columns:1fr}
  .gbar{grid-template-columns:1fr}
  .trend{grid-template-columns:1fr}
  .subject>summary{grid-template-columns:110px 1fr;grid-template-areas:"pt nm" "pt rc" "ds ds" "mr mr";gap:4px 12px}
  .subject>summary .pt2{grid-area:pt}.subject>summary .sname{grid-area:nm}.subject>summary .rec{grid-area:rc}
  .subject>summary .dist{grid-area:ds;margin-top:8px;max-width:220px}.subject>summary .more{grid-area:mr}
  .ev li{grid-template-columns:1fr}
  .steps{flex-wrap:wrap;gap:6px 0}
  .steps li{flex:0 0 50%}
  .aicheck{grid-template-columns:1fr}
  .roles{grid-template-columns:1fr}
  nav{margin-left:0}
  h2 .gs{margin-left:0;width:100%}
  .seg{margin-left:0}
  .cols3{grid-template-columns:110px repeat(3,minmax(150px,1fr))}
  .btn{width:auto}
}

/* ---- 実装で足した部品 ---- */
.pt2.one{grid-template-columns:1fr}
.pt2 .na{font-family:var(--ay-font);font-size:12px;font-weight:600;color:var(--mute);background:var(--mute-bg);padding:10px 0}
.pt2 small{font-family:var(--ay-font);font-size:11px;font-weight:600}
.sname.wide{grid-column:span 2;font-size:16px}
.cmp.wr{grid-template-columns:34px 1fr 30px 46px}
.cmp.wr em{font-style:normal;font-size:12px;white-space:nowrap}
.mini{display:block;font-size:12px;color:var(--ay-muted)}
.mini2{font-size:13px;color:var(--ay-muted)}
.sumtext{font-size:14.5px;margin:0 0 4px}
.mxh{margin:6px 0;font-size:15px;display:flex;align-items:center;gap:6px}
.joinbox .rowb{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.joinbox .err{color:var(--warn-ink);font-size:13px;font-weight:600}
.reason .fix.pass{background:var(--ok-bg);border-left-color:var(--ay-success)}
.reason .fix .okb,.fix .okb{color:var(--ay-success)}
.compose .result{margin-top:8px}
.compose .fix{background:var(--warn-bg);border-left:3px solid var(--ay-warning);border-radius:6px;padding:8px 12px;font-size:14px}
.compose .replyto{font-weight:400;color:var(--ay-muted)}
.ev ul.reasons .report,.post .report{font-size:12.5px;margin-left:8px;color:var(--ay-muted)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.ranks li a{color:var(--ay-ink)}
.cols3 select{width:100%;font-family:var(--ay-display);font-size:17px;font-weight:600}
.cols3 .n small{margin-top:4px}
.post[hidden]{display:none}
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ay-ink);color:#fff;padding:10px 18px;border-radius:8px;font-size:14.5px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;max-width:90vw}
#toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:820px){
  .subject>summary .sname.wide{grid-area:auto;grid-column:2;grid-row:1 / span 2}
}


/* ---- 広い画面では、メニューを左に置く（上は空け、左の余白を使う）。縦にスクロールしても付いてくるよう、位置を固定する ---- */
header.site nav a{gap:8px}
header.site nav a .ic{display:none}
.logo .stack{display:none}
[hidden]{display:none !important}
@media (min-width:1180px){
  body{padding-left:236px}
  header.site{position:fixed;left:0;top:0;bottom:0;width:236px;overflow-y:auto;z-index:20;border-bottom:0;border-right:1px solid var(--ay-line)}
  header.site .wrap{display:block;padding:18px 14px}
  .logo .wide{display:none}
  .logo .stack{display:block;height:auto;width:100%;max-width:200px;margin:0 auto}
  header.site nav{display:flex;flex-direction:column;gap:2px;margin:18px 0 0}
  header.site nav a{padding:0 12px;min-height:46px}
  header.site nav a .ic{display:inline-block}
  main.wrap{margin:0;max-width:1120px;padding:24px 32px 40px}
  footer.site .wrap{margin:0;max-width:1120px;padding:0 32px}
}

/* ---- 読みやすさ（2026-10-11）：文字を大きく、数字と棒を大きく。年配の方にも読めることを基準にする ---- */
body{font-size:18px}
p.lead{font-size:19px}
p.note,.mini2{font-size:15.5px}
.mini{font-size:14.5px}
h1{font-size:32px}
h2{font-size:24px}
.sample{font-size:15px}
nav a,header.site nav a{font-size:18px}
.btn,select,input[type=search],textarea{font-size:17.5px;min-height:50px}
.chip{font-size:15px;padding:2px 12px}
.aitag{font-size:14px}
th{font-size:15.5px}
td{font-size:17.5px}
.member a{font-size:21px}
.member small{font-size:15px}
td.na{font-size:16px}
.cmp{font-size:14.5px;grid-template-columns:40px 1fr 36px;min-width:150px}
.cmp.wr{grid-template-columns:40px 1fr 36px 52px}
.cmp b{font-size:19px}
.cmp.wr em{font-size:14px}
.track{height:12px}
.track.lg{height:16px;margin:6px 0 8px;background:rgba(255,255,255,.7)}
.entries b{font-size:22px}
.entries b .ic{width:34px;height:34px}
.entries span{font-size:17px}
.legend{font-size:15.5px}
.mcard h3{font-size:22px}
.mcard .sub,.mcard .g,.mcard .two div{font-size:15px}
.mcard .two b{font-size:36px}
.listfoot{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:16px;color:var(--ay-muted)}
.jmap{grid-auto-rows:52px}
.jmap button{font-size:15px}
.dists button{font-size:16.5px;min-height:50px;min-width:62px}
.mapside h4{font-size:23px}
.mapside h5{font-size:15.5px}
.mapres,.mapfoot{font-size:16px}
.cardhead .term{font-size:16px}
.cardhead h1{font-size:40px}
.cardhead h1 small{font-size:16px}
.facts{font-size:16.5px}
.cond{font-size:15.5px}
.hero .big .lab{font-size:19px}
.hero .big .lab .ic{width:26px;height:26px}
.hero .big .sc{font-size:72px}
.hero .big .sc small{font-size:22px}
.hero .big p{font-size:16px;display:flex;align-items:center;gap:6px;margin:0}
.hero .gapbox{font-size:15.5px}
.hero .gapbox b{font-size:30px}
.gbar{font-size:17px;grid-template-columns:190px 1fr}
.gbar .nm .ic{width:24px;height:24px}
.fold>summary{font-size:16.5px}
.trend h3{font-size:17px}
.trend svg text{font-size:13px}
.trend .key,.whose,.pstate{font-size:15.5px}
.gtabs button{min-height:66px}
.gtabs button span{font-size:18px}
.gtabs button small{font-size:15px}
.gtabs button small b{font-size:18px}
.subject>summary{grid-template-columns:150px 150px 1fr 160px 120px;padding:14px 16px}
.pt2{font-size:32px}
.pt2 em{font-size:13px}
.pt2 .na{font-size:14px}
.pt2 small{font-size:13px}
.sname{font-size:20px}
.sname.wide{font-size:18.5px}
.rec{font-size:17px}
.rec small{font-size:15px}
.dist{font-size:14px}
.dist .bars{height:40px}
.more{font-size:16.5px}
.ev h4{font-size:16.5px}
.ev li{font-size:17px}
.ev time,.ev .restnote,.ev .src{font-size:15.5px}
.ev .pre,.ev .hold,.gap,.reason .fix,.notuse,.sumtext{font-size:16.5px}
.ev .sum3{font-size:16.5px}
.steps{font-size:15.5px}
.steps li::before{width:34px;height:34px}
.vote strong{font-size:17px}
.vote button{width:54px;height:54px;font-size:22px}
.vote small,.vote .done{font-size:15px}
.vote .mean{font-size:16.5px}
.reason,.reason label{font-size:16.5px}
.aicheck,.state{font-size:16px}
.align th,.align td,.mx th,.mx td{font-size:16.5px}
.mx td a{font-size:21px}
.shoken{font-size:19px}
.foot{font-size:15px}
.talk>summary{font-size:18px}
.talk>summary span,.talk>summary::after{font-size:15.5px}
.filters button{font-size:16px;min-height:48px}
.post{font-size:17px}
.post .who,.post .cite,.post .acts{font-size:15px}
.compose,.compose label{font-size:16.5px}
.compose small{font-size:15px}
.cols3>div{font-size:17px}
.cols3 .h{font-size:15.5px}
.cols3 .n small{font-size:14.5px}
.ranks h3{font-size:19px}
.ranks li{font-size:17.5px;grid-template-columns:64px 1fr auto}
.ranks li b{font-size:21px}
.ranks li small{font-size:14px}
.rules .box h3{font-size:19px}
.rules .box p{font-size:16.5px}
.roles ul{font-size:17px}
.trace>*{font-size:16px}
.trace b{font-size:18px}
.qa h3{font-size:20px}
.qa dl{font-size:16.5px}
.qa dt{font-size:15px}
.vs th,.vs td{font-size:16.5px}
footer.site{font-size:15px}
#toast{font-size:17px}
/* 文字の大きさの切り替え（左のメニュー）。選んだ大きさは、この端末に覚えておく */
.fsize{display:flex;gap:4px;align-items:center;flex-wrap:wrap;font-size:14.5px;color:var(--ay-muted)}
.fsize span{flex-basis:100%}
.fsize button{font:inherit;font-size:15px;min-height:44px;padding:0 12px;border:1px solid var(--ay-line);border-radius:6px;background:var(--ay-surface);color:var(--ay-ink);cursor:pointer}
.fsize button.on{background:var(--ay-ink);border-color:var(--ay-ink);color:#fff}
body.fs-l main,body.fs-l footer{zoom:1.15}
body.fs-xl main,body.fs-xl footer{zoom:1.32}
@media (min-width:1180px){
  body{padding-left:252px}
  header.site{width:252px}
  .fsize{margin-top:22px;padding-top:14px;border-top:1px solid var(--line2)}
  main.wrap,footer.site .wrap{max-width:1240px}
}
@media (max-width:1179px){ .fsize{flex-basis:100%} .fsize span{flex-basis:auto;margin-right:6px} }
@media (max-width:820px){
  body{font-size:17.5px}
  h1{font-size:27px}
  .cardhead h1{font-size:32px}
  .hero .big .sc{font-size:54px}
  .gbar{grid-template-columns:1fr}
  .subject>summary{grid-template-columns:132px 1fr}
  .pt2{font-size:28px}
}
/* 点数の無いデータ（記録のみ）の見せ方 */
.noscore .hero,.noscore .gbars,.noscore .gbars+.note{display:none}
.noscore~.gtabs small,.noscore~.gsec h2 .gs{display:none}
.recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:16px}
.rtile{border:1px solid var(--ay-line);border-radius:var(--ay-radius);background:var(--tint);padding:14px 16px}
.rtile .ic{width:30px;height:30px;color:var(--ay-ink);display:block;margin-bottom:4px}
.rtile b{display:block;font-family:var(--ay-display);font-size:19px}
.rtile span{display:block;font-size:18px}
.rtile span b{display:inline;font-size:30px;color:var(--ay-ink)}
.rtile.off{background:var(--mute-bg);color:var(--ay-muted)}
/* 検索・絞り込みの結果（検索欄のすぐ下に出す） */
.hit{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:12px 16px;border-radius:8px;font-size:18px;background:var(--ok-bg);color:var(--ay-ink);border-left:4px solid var(--ay-success)}
.hit .ic{width:26px;height:26px;color:var(--ay-success);margin-top:2px}
.hit.zero{background:var(--warn-bg);border-left-color:var(--ay-warning)}
.hit.zero .ic{color:var(--warn-ink)}
.hit b{font-size:20px}

/* データの切り替え（実データ／見本）。見本のときは、上の帯の色を変えて一目で分かるようにする */
.dswitch{display:flex;gap:4px;align-items:center;flex-wrap:wrap;font-size:14.5px;color:var(--ay-muted)}
.dswitch span{flex-basis:100%}
.dswitch button{font:inherit;font-size:15.5px;font-weight:600;min-height:46px;padding:0 12px;border:1px solid var(--ay-line);border-radius:6px;background:var(--ay-surface);color:var(--ay-ink);cursor:pointer;flex:1}
.dswitch button.on{background:var(--ay-ink);border-color:var(--ay-ink);color:#fff}
.is-sample .dswitch button.on{background:var(--ay-warning);border-color:var(--ay-warning)}
.is-sample #banner{background:repeating-linear-gradient(-45deg,#F3E3C5 0 14px,#EBD6AE 14px 28px);color:#4A3410;font-weight:600;border-bottom:2px solid var(--ay-warning)}
.recrow{font-size:17px}
.recrow .ic{color:var(--ay-muted)}
.recrow b{font-family:var(--ay-display);font-size:21px}
@media (min-width:1180px){ .dswitch{margin-top:22px;padding-top:14px;border-top:1px solid var(--line2)} .dswitch+.fsize{margin-top:14px;padding-top:0;border-top:0} }
@media (max-width:1179px){ .dswitch{flex-basis:100%} .dswitch span{flex-basis:auto;margin-right:6px} .dswitch button{flex:none} }
/* 正式なロゴ画像（assets/ロゴ.png から切り出したもの）。生成り色の地を、まわりの色になじませる */
.logo img{mix-blend-mode:multiply}
.logo .wide{height:64px;width:auto}
.topbanner{margin:0 0 14px}
.topbanner img{display:block;width:100%;height:auto;max-width:1000px;border-radius:12px;box-shadow:var(--ay-shadow)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:1180px){ .logo .stack{max-width:224px} }
/* ロゴ画像の地の色（生成り）に、左メニュー・上のメニューの地を合わせる */
header.site{background:#FAF6EE}
.logo img{mix-blend-mode:normal}
.dswitch button{white-space:nowrap}

.hit b{white-space:nowrap}

/* ---- 文字の濃さ（2026-10-11）：薄い茶・灰の文字をやめ、補足の文字も濃くする。背景との明暗の差を大きく取る ---- */
:root{
  --ay-muted:#3D352E;          /* 補足の文字（以前は #665C53。生成りの地で約11:1） */
  --mute:#4A423A;              /* 「対象外」「未収集」などの文字（以前は #8D857B） */
  --mute-bg:#E4DDD0;
  --ay-line:#B8AC98;           /* 枠線も少し濃く */
  /* 線の太い、読みやすさ重視の書体を優先する（Windows の游ゴシックは線が細く薄く見えるため） */
  --ay-font:"BIZ UDPGothic","Hiragino Kaku Gothic ProN","Noto Sans JP","Meiryo","Yu Gothic UI",sans-serif;
  --ay-display:"BIZ UDPMincho","Hiragino Mincho ProN","Noto Serif JP","Yu Mincho",serif;
}
body{color:#161D30}
th{color:#161D30;font-weight:700}
.member small{color:#2E2822;font-size:16.5px}
td.na{color:#2E2822;font-size:17.5px}
td.na .ic{color:var(--warn-ink)}
.chip{color:#2E2822;font-weight:700}
.chip.none{background:#E4DDD0;color:#2E2822;border:1px solid #9C907D}
.chip.ok,.chip.party{border-color:#9C907D}
.chip.warn,.chip.diff{color:#5A3D0C;border:1px solid #C9A25E}
.chip.done{color:#255444;border:1px solid #7FA898}
p.lead{color:#2E2822}
p.note,.mini,.mini2,.listfoot,.legend,.foot,.whose,.pstate,.dist,.rec small,.ev time,.ev .restnote,.post .who,.post .cite,.post .acts,.trend .key,.cond,.facts b,.cardhead .term,.cardhead h1 small,.mcard .sub,.fsize,.dswitch,.vote small,.reason .saved,.compose small,.rules .box p,.qa dt,.steps li,.ranks li small,footer.site{color:#2E2822}
.steps li.done{color:#255444} .steps li.now{color:#161D30}
.rtile.off{color:#2E2822}
.cmp{color:#2E2822}
.trend svg text{fill:#2E2822}
::placeholder{color:#4A423A;opacity:1}
select,input[type=search],textarea{border-color:#8E826F;color:#161D30}
a{color:#1F4E8C}
.more,.fold>summary,.talk>summary::after{color:#1F4E8C}
header.site nav a{font-weight:600}
.talklink{white-space:nowrap}
.rtile.go{display:block;text-decoration:none;color:#fff;background:var(--ay-ink);border-color:var(--ay-ink)}
.rtile.go .ic{color:#fff}
.rtile.go b,.rtile.go span{color:#fff}
.talk>summary .ic{width:24px;height:24px}