:root{

  --navy:#14486B;
  --navy-2:#1B5A83;

  --blue:#14486B;
  --blue-d:#0F3A57;
  --blue-t:#EAF1F7;

  --cta:#E0A32A; --cta-d:#C48A18; --cta-ink:#1B1405;
  --white:#fff;
  --ink:#151C24;
  --gray:#55606E;
  --mute:#9AA1A9;
  --line:#E1E8EF;
  --tint:#F3F6FA;
  --mark:#FFF8E1;
  --ok:#0E8F5C;
  --alert:#C0341D;
  --star:#C48A18;
  --r:12px; --r-pill:100px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --w:1272px;

  --ease:cubic-bezier(.22,.61,.21,1);
  --hd-h:52px;
  --lift:0 12px 28px rgba(16,40,64,.12);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--white); color:var(--ink);
  font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,sans-serif;
  font-size:16px; line-height:1.8; -webkit-font-smoothing:antialiased;
}
a{color:var(--blue)}
button{font-family:inherit;cursor:pointer}
.num{font-variant-numeric:tabular-nums}
.inner{max-width:var(--w);margin:0 auto;padding-left:var(--s5);padding-right:var(--s5)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
html{scroll-behavior:smooth}

.rv{opacity:1;transform:none}
.rv.in{opacity:1;transform:none}

.top{background:var(--navy);color:#fff;padding-bottom:var(--s7)}
.hd{padding:var(--s6) 0 0}
.hd .inner{display:flex;align-items:center;gap:var(--s4);height:53px}

.hd .logo{font-size:22px;font-weight:800;letter-spacing:.02em;color:#fff;text-decoration:none;
  white-space:nowrap;display:flex;align-items:center;gap:var(--s2)}

.hd .logo .wm{font-style:normal;font-size:22px;font-weight:800;letter-spacing:.03em;line-height:1.2;margin:0}
.hd .logo .med{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.12em;
  color:rgba(255,255,255,.82);padding-left:9px;margin-left:2px;
  border-left:1px solid rgba(255,255,255,.35);line-height:1.2}

.hd .logo .svc{font-style:normal;font-size:19px;font-weight:800;letter-spacing:.02em;
  color:#fff;line-height:1.2}

.hd .logo .med.area{font-size:17px;font-weight:700;letter-spacing:.04em;
  color:rgba(255,255,255,.92);padding-left:11px}
@media(max-width:520px){

  .hd{padding-top:var(--s3)}
  .hd .inner{height:44px}
  .hd .logo .wm{font-size:18px}
  .hd .logo .svc{font-size:15px}
  .hd .logo .med{display:none}
}

.hd nav{margin-left:auto;display:flex;align-items:center;gap:var(--s5);white-space:nowrap}
.hd nav a{color:#fff;text-decoration:none;font-size:14px;line-height:20px;display:inline-flex;align-items:center;gap:6px}
.hd nav a:hover{text-decoration:underline}
.hd nav a.strong{font-size:16px;font-weight:700;line-height:24px}

.pills{display:flex;padding:var(--s4) 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pill{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--s2);
  height:36px;padding:0 var(--s4);margin-right:var(--s1);

  border:1.5px solid rgba(255,255,255,.55);border-radius:var(--r-pill);
  background:transparent;color:#fff;font-size:16px;line-height:20.8px;text-decoration:none;
  transition:background .18s,border-color .18s,color .18s;
}

.pill svg{flex:0 0 auto}
.pill:hover{background:rgba(255,255,255,.12)}
.pill[aria-current="true"]{background:var(--cta);border-color:var(--cta);color:var(--cta-ink)}
.pill[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.pill[aria-disabled="true"]:hover{background:transparent}

.hero h1{font-size:32px;font-weight:700;line-height:40px;margin:var(--s5) 0 var(--s6);color:#fff;letter-spacing:.01em}

@keyframes fadein{from{opacity:0}to{opacity:1}}

.top .hero h1.swap{animation:fadein .28s var(--ease)}

.sform{display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"search go" "opts opts";gap:8px 4px;align-items:start}
.sform .search{grid-area:search}
.sform .opts{grid-area:opts}
.sform .go{grid-area:go}

.search{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:8px 4px}

.search.s3c{grid-template-columns:repeat(3,minmax(0,1fr))}
.search.s3c .cell:nth-child(3){border-radius:0 12px 12px 0}

.search.s3{grid-template-columns:1fr 1fr auto}
.search.s3 .cell:nth-child(2){border-radius:0 12px 12px 0}
.cell{background:#fff;border-radius:0;padding:0 16px;height:72px;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative}
.cell:first-child{border-radius:12px 0 0 12px}
.cell:nth-child(4){border-radius:0 12px 12px 0}
.cicon{display:none}
.cell label,.cell .lb{display:block;font-size:14px;font-weight:700;color:var(--gray);line-height:20px}
.cell select,.cell .vl{
  width:100%;border:0;background:transparent;font-size:16px;font-weight:400;color:var(--ink);
  padding:0;line-height:24px;appearance:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;
}
.cell select:focus-visible,.cell button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.cell .vl.ph{color:var(--gray)}

.cell-pop{padding:0}
.cell-pop>button{width:100%;height:72px;padding:0 16px;border:0;background:transparent;
  display:flex;flex-direction:column;justify-content:center;gap:0;cursor:pointer;text-align:left;border-radius:inherit}
.pop{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:min(380px,92vw);
  background:#fff;border-radius:12px;box-shadow:0 6px 24px rgba(16,40,64,.28);padding:8px;
  max-height:min(56vh,420px);overflow-y:auto;color:var(--ink);transform-origin:top right}
.pop:not([hidden]){animation:popin .16s var(--ease)}
@keyframes popin{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.pop label{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:8px;
  font-size:15px;line-height:1.5;cursor:pointer;transition:background .15s}
.pop label:hover{background:var(--tint)}
.pop label.off{color:var(--mute);cursor:not-allowed}
.pop input{width:18px;height:18px;accent-color:var(--blue);flex:0 0 auto}
.pop .n{margin-left:auto;font-size:13px;color:var(--gray);font-variant-numeric:tabular-nums}
.pop .foot{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);
  margin-top:4px;padding:8px 12px 4px;border-top:1px solid var(--line)}
.pop .foot button{border:0;background:transparent;font-size:14px;color:var(--blue);font-weight:700;cursor:pointer;min-height:44px;padding:0}
.pop .foot .done{background:var(--cta);color:var(--cta-ink);border-radius:var(--r-pill);padding:0 20px}

.go{background:var(--cta);color:var(--cta-ink);border:0;border-radius:12px;font-size:16px;font-weight:700;height:72px;padding:12px 16px;white-space:nowrap;cursor:pointer;
  transition:background .18s,transform .18s var(--ease),box-shadow .25s var(--ease)}
.go:hover{background:var(--cta-d);box-shadow:0 8px 18px rgba(196,143,16,.32)}
.go:active{transform:none;box-shadow:0 3px 8px rgba(196,143,16,.3)}

.opts{display:flex;flex-wrap:wrap;column-gap:var(--s6);padding:0;font-size:16px;color:#fff}
.opts label{display:inline-flex;align-items:center;gap:var(--s3);height:40px;cursor:pointer;line-height:24px}
.opts input{width:19px;height:19px;accent-color:var(--blue);margin:0}

.band{padding:var(--s6) 0}
.band2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.bcard{display:flex;flex-direction:column;gap:2px;border-radius:var(--r);
  padding:var(--s5);text-decoration:none;color:var(--ink);background:var(--blue-t);
  transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.bcard:hover{box-shadow:var(--lift)}
.bcard .who{font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.04em}
.bcard b{font-size:22px;font-weight:700;line-height:1.5;letter-spacing:.01em}
.bcard p{margin:2px 0 0;font-size:14px;line-height:1.8;color:var(--gray)}
.bcard .go2{margin-top:var(--s4);color:var(--blue);font-size:15px;font-weight:700}
.bcard:hover .go2{text-decoration:underline}

.bcard.dark{background:var(--navy);color:#fff}
.bcard.dark .who{color:#CBDDEC}
.bcard.dark p{color:#D9E6F1}
.bcard.dark .go2{color:var(--cta)}
@media(max-width:720px){
  .band2{grid-template-columns:1fr}
  .bcard b{font-size:19px}
}

section{padding:var(--s8) 0}
section.tint{background:var(--tint)}
h2{font-size:24px;font-weight:700;line-height:1.5;margin:0 0 var(--s2)}
.sec-head{margin-bottom:var(--s5)}
.sec-head p{margin:var(--s1) 0 0;color:var(--gray);font-size:14px}

.ccard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0;height:100%;
  display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);
  transition:border-color .2s,box-shadow .35s var(--ease),transform .35s var(--ease)}
.ccard:hover{border-color:#C3D6E6;box-shadow:var(--lift)}

.chead{display:flex;flex-direction:column;gap:1px}
.cid{min-width:0}
.ccard .nm{display:block;font-size:18px;font-weight:700;line-height:1.45;letter-spacing:.01em}
.ccard .co{display:block;font-size:11.5px;color:var(--gray);line-height:1.6;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccard .ht{font-size:14px;line-height:1.7}
.tags{display:flex;flex-wrap:wrap;gap:4px}
.tg{font-size:11.5px;line-height:1.7;color:#42505e;background:var(--tint);border-radius:var(--r-pill);
  padding:1px 9px;white-space:nowrap}

.foot{display:block;margin-top:auto}

.perks{display:flex;flex-wrap:wrap;gap:4px}
.perk{font-size:11.5px;line-height:1.7;color:#14486B;background:var(--blue-t);
  border:1px solid #CFDEEC;border-radius:var(--r-pill);padding:1px 9px;white-space:nowrap}

.incard{display:block}

.deck{position:relative;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.deck .lyr{position:relative;left:auto;bottom:auto;width:100%;height:auto;aspect-ratio:3/4;
  border-radius:8px;border:1px solid var(--line);overflow:hidden;transform:none;
  box-shadow:0 1px 3px rgba(16,40,64,.14)}
.deck .l-left{order:1}
.deck .top{order:2;box-shadow:0 2px 8px rgba(16,40,64,.2)}
.deck .l-right{order:3}

.deck .photoimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;
  transition:transform .5s var(--ease)}

.deck .nm2{position:absolute;left:0;right:0;bottom:0;padding:12px 3px 4px;text-align:center;
  font-size:10px;font-weight:700;color:#fff;line-height:1.2;white-space:nowrap;
  background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0))}

.ptrack{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s3)}
.ptrack>*{scroll-snap-align:start}

.pcard{position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);
  display:block;text-decoration:none;color:#fff;background:#1b2733;
  transition:border-color .2s,box-shadow .35s var(--ease),transform .35s var(--ease)}
.pcard:hover{border-color:#C3D6E6;box-shadow:var(--lift)}
.pcard .photoimg{transition:transform .5s var(--ease)}

.pcard .photoimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.pcard .tmp{position:absolute;top:8px;right:8px;z-index:2;background:rgba(255,255,255,.9);color:var(--gray);
  border-radius:var(--r-pill);font-size:10px;font-weight:700;padding:1px 7px}
.pcard .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:64px var(--s3) var(--s3);
  background:linear-gradient(to top,rgba(0,0,0,.86) 28%,rgba(0,0,0,.5) 62%,rgba(0,0,0,0))}

.pcard .tags{display:flex;flex-wrap:nowrap;gap:4px;margin-bottom:6px;overflow:hidden}
.pcard .tag{font-size:10.5px;line-height:1.7;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);
  border-radius:var(--r-pill);padding:0 8px;color:#fff}
.pcard .cap b{display:block;font-size:21px;font-weight:700;line-height:1.35;letter-spacing:.01em}
.pcard .cap i{display:block;font-style:normal;font-size:12px;opacity:.9;margin-top:1px}
.pcard .stance{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:12.5px;line-height:1.6;opacity:.95;margin-top:7px}
.pcard .at{display:block;font-size:11px;opacity:.78;margin-top:7px}
.railnote{margin:var(--s3) 0 0;font-size:13px;color:var(--gray)}

#column .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4)}
.seeall{flex:0 0 auto;font-size:14px;font-weight:700;color:var(--blue);text-decoration:none;white-space:nowrap}
.seeall:hover{text-decoration:underline}
.reads{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.read{border:1px solid var(--line);border-radius:var(--r);padding:0;text-decoration:none;color:var(--ink);
  background:#fff;display:flex;flex-direction:column;overflow:hidden;
  transition:border-color .2s,box-shadow .35s var(--ease),transform .35s var(--ease)}
.read:hover{border-color:#C3D6E6;box-shadow:var(--lift)}
.rthumb{position:relative;display:block;aspect-ratio:16/7;background:var(--tint);overflow:hidden}
.rthumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}

.rthumb .rco{position:absolute;left:0;right:0;bottom:0;padding:20px var(--s3) 8px;
  color:#fff;font-size:12px;font-weight:700;line-height:1.5;
  background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0))}
.rbody{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4);flex:1 1 auto}
.read .cat{font-size:11.5px;font-weight:700;color:var(--blue);letter-spacing:.02em}

.read b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:15.5px;line-height:1.6;min-height:calc(15.5px * 1.6 * 2)}
.read .lead2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:13px;color:var(--gray);line-height:1.7;min-height:calc(13px * 1.7 * 2)}
.read time{font-size:12px;color:var(--gray);margin-top:auto;padding-top:var(--s2)}
.read time b{display:inline;font-size:12px;font-weight:700;color:var(--gray);min-height:0}

.biz2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.bizcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s5);
  display:flex;flex-direction:column;gap:var(--s2);text-decoration:none;color:var(--ink);
  transition:border-color .2s,box-shadow .35s var(--ease),transform .35s var(--ease)}
.bizcard:hover{border-color:#C3D6E6;box-shadow:var(--lift)}
.bizcard b{font-size:18px;font-weight:700;line-height:1.5}
.bizcard p{margin:0;font-size:13.5px;color:var(--gray);line-height:1.8}
.bizcard .go2{margin-top:auto;padding-top:var(--s2);color:var(--blue);font-size:14px;font-weight:700}

.ft{background:var(--navy);color:#D9E6F1;padding:var(--s7) 0 var(--s8);font-size:14px}
.ft a{color:#EAF1F7;text-decoration:none;margin-right:var(--s5);line-height:2.2}
.ft a:hover{text-decoration:underline}
.ft .biz{display:inline-block;border:1px solid rgba(255,255,255,.3);border-radius:var(--r);padding:10px 16px;margin:var(--s3) var(--s2) 0 0;color:#fff}
.ft .cr{margin-top:var(--s5);font-size:13px;color:#B9CDE0;line-height:1.9}

@media(max-width:960px){
  .reads{grid-template-columns:repeat(2,1fr)}

  .sform{grid-template-columns:minmax(0,1fr);grid-template-areas:"search" "opts" "go"}
  .search{grid-template-columns:1fr 1fr}
  .cell:first-child{border-radius:12px 0 0 0}
  .cell:nth-child(2){border-radius:0 12px 0 0}
  .cell:nth-child(3){border-radius:0 0 0 12px}
  .cell:nth-child(4){border-radius:0 0 12px 0}
  .go{grid-column:1/-1;width:100%}
}
@media(max-width:640px){
  .inner{padding-left:var(--s4);padding-right:var(--s4)}
  section{padding:var(--s7) 0}
  .hero h1{font-size:26px;line-height:1.45}
  h2{font-size:20px}
  .hd nav{gap:var(--s4);font-size:13px;overflow-x:auto}

  .pills{flex-wrap:wrap;gap:6px;overflow:visible}
  .pill{font-size:14px;font-weight:700;margin-right:0;padding:0 12px;gap:6px}
  .pill svg{display:none}
  .sform{display:block}

  .search,.search.s3c{grid-template-columns:1fr 1fr;gap:2px}

  .search .cell{height:48px;padding:0 16px;flex-direction:row;align-items:center;gap:14px}
  .cell .cicon{display:block;flex:0 0 auto;color:var(--gray)}
  .cell select,.cell .vl{flex:1 1 auto;min-width:0}
  .cell-pop>button{flex-direction:row;align-items:center;gap:14px}

  .search.s3c .cell:nth-child(1){grid-column:1/-1;border-radius:12px 12px 0 0}
  .search.s3c .cell:nth-child(2){border-radius:0 0 0 12px}
  .search.s3c .cell:nth-child(3){border-radius:0 0 12px 0}

  .search.s3{grid-template-columns:1fr}
  .search.s3 .cell:nth-child(1){border-radius:12px 12px 0 0}
  .search.s3 .cell:nth-child(2){border-radius:0 0 12px 12px}

  .cell label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cell .lb{display:none}
  .cell-pop>button{height:48px;padding:0 16px}
  .go{width:100%;height:48px;padding:0;border-radius:12px;margin-top:16px}
  .pop{width:100%}

  .opts{column-gap:var(--s5);font-size:15px;padding-top:10px}
  .reads{grid-template-columns:1fr}
  .biz2{grid-template-columns:1fr}
}

.ptrack,.cardgrid{scrollbar-width:none;-ms-overflow-style:none}
.ptrack::-webkit-scrollbar,.cardgrid::-webkit-scrollbar{width:0;height:0;display:none}

.top.slim{padding-bottom:var(--s5)}
.top.slim .search{margin-top:var(--s4)}

.results{display:grid;grid-template-columns:264px minmax(0,1fr);gap:var(--s6);align-items:start;padding:var(--s6) var(--s5) 96px}

.rail{position:sticky;top:calc(var(--hd-h) + var(--s3))}
.fgroup{border-bottom:1px solid var(--line);padding:var(--s4) 0}
.fgroup:first-child{padding-top:0}
.fgroup h3{font-size:14px;font-weight:700;margin:0 0 var(--s2);color:var(--ink)}
.fgroup label{display:flex;align-items:center;gap:var(--s3);min-height:40px;font-size:15px;line-height:1.5;cursor:pointer}
.fgroup label.off{color:var(--mute);cursor:not-allowed}
.fgroup input{width:18px;height:18px;accent-color:var(--blue);flex:0 0 auto;margin:0}
.fgroup .n{margin-left:auto;font-size:13px;color:var(--gray)}
.clearall{display:block;width:100%;margin-top:var(--s4);padding:10px 0;min-height:44px;
  border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;color:var(--blue);font-size:14px;font-weight:700}
.clearall:hover{background:var(--blue-t)}

.rhead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s4)}
.rhead h1{font-size:24px;font-weight:700;line-height:1.5;margin:0}
.rhead h1 .num{font-size:30px;margin:0 2px}

.chipbar{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4)}
.chipbar:empty{display:none}
.xchip{display:inline-flex;align-items:center;gap:var(--s2);min-height:36px;padding:0 var(--s3);
  border:1px solid var(--blue);border-radius:var(--r-pill);background:var(--blue-t);color:var(--blue);font-size:14px;font-weight:700;
  transition:background .15s}
.xchip:hover{background:#DCE8F3}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.lcard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s4);align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);margin-bottom:var(--s3);
  text-decoration:none;color:var(--ink);
  transition:border-color .2s,box-shadow .35s var(--ease)}
.lcard:hover{border-color:#C3D6E6;box-shadow:var(--lift)}
.lbody{display:block}
.lbody h2{font-size:19px;font-weight:700;line-height:1.5;margin:0}

.lbody p{margin:0}
.lbody>.co,.lbody>.ht{display:block}
.lbody .co{font-size:12px;color:var(--gray);line-height:1.7}
.lbody .ht{font-size:15px;line-height:1.7;margin-top:var(--s2)}
.lbody .tags,.lbody .perks{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s2)}
.lbody .tags:empty,.lbody .perks:empty{display:none}
.lbody .tg{font-size:12px;line-height:1.6;padding:2px 9px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--gray)}
.lbody .perk{font-size:12px;line-height:1.6;padding:2px 9px;border-radius:var(--r-pill);background:var(--blue-t);color:#14486B}
.lbody .reg{font-size:14px;color:var(--gray);margin-top:var(--s2)}

.cmpchk{display:inline-flex;align-items:center;gap:var(--s2);font-size:14px;color:var(--gray);min-height:40px;cursor:pointer}
.cmpchk input{width:18px;height:18px;accent-color:var(--blue);margin:0}

.empty{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s6)}
.empty b{font-size:17px}
.empty p{margin:var(--s2) 0 0;color:var(--gray);font-size:15px;line-height:1.9}

.cmpbar{position:fixed;left:0;right:0;bottom:0;background:var(--navy);color:#fff;z-index:50;
  box-shadow:0 -2px 12px rgba(16,40,64,.24)}
.cmpbar .inner{display:flex;align-items:center;gap:var(--s4);min-height:68px;padding-top:var(--s3);padding-bottom:var(--s3)}
.cmplist{font-size:15px;line-height:1.6;flex:1 1 auto;min-width:0}
.cmpgo{background:var(--blue);color:#fff;border:0;border-radius:var(--r);font-size:16px;font-weight:700;height:44px;padding:0 var(--s5);white-space:nowrap}
.cmpgo:hover:enabled{background:var(--blue-d)}
.cmpgo:disabled{background:#4A6E92;color:#D5E2EE;cursor:not-allowed}
.cmpclear{background:transparent;border:0;color:#c9d7e6;font-size:14px;min-height:44px;white-space:nowrap}
.cmpclear:hover{color:#fff;text-decoration:underline}

@media(max-width:960px){
  .results{grid-template-columns:1fr;gap:var(--s5)}
  .rail{position:static}
  .lcard{grid-template-columns:minmax(0,1fr)}
  .ldeck{grid-column:1;margin-top:var(--s3)}
}

.cmp{padding:var(--s6) var(--s5) var(--s8)}
.crumb{font-size:13px;color:var(--gray);margin:0 0 var(--s3)}
.crumb a{color:var(--blue)}
.cmp .rhead{align-items:center}
.cmp .sortbox{cursor:pointer}
.cmp .sortbox input{width:18px;height:18px;accent-color:var(--blue);margin:0}

.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.cmptable{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}
.cmptable th,.cmptable td{text-align:left;padding:12px var(--s4);border-bottom:1px solid var(--line);vertical-align:top;line-height:1.7}
.cmptable thead th{background:var(--tint);border-bottom:1px solid var(--line);vertical-align:bottom;padding-top:var(--s4);padding-bottom:var(--s4)}
.cmptable thead th a{font-size:17px;font-weight:700;color:var(--ink);text-decoration:none;display:block}
.cmptable thead th a:hover{text-decoration:underline}
.cmptable thead .co{display:block;font-size:11.5px;color:var(--gray);line-height:1.6;margin-top:2px;font-weight:400}
.cmptable thead .ht{display:block;font-size:13px;color:var(--gray);line-height:1.7;margin-top:6px;font-weight:400}
.cmptable .corner{background:var(--tint);width:180px;min-width:160px}
.cmptable tbody th{width:180px;min-width:160px;font-weight:400;color:var(--gray);font-size:14px}

.cmptable tr.gr th{background:var(--navy);color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;padding:8px var(--s4)}

.cmptable tr.diff td{background:var(--mark, #FFF8E1)}
.cmptable tr.same th,.cmptable tr.same td{color:var(--mute)}
.cmptable tr.same td.ok,.cmptable tr.same td.no,.cmptable tr.same td.num{color:var(--mute)}
.cmptable td.ok{color:var(--ok);font-weight:700}
.cmptable td.no{color:var(--gray)}
.cmptable td.mute{color:var(--mute)}
.cmptable td.num{font-variant-numeric:tabular-nums;font-weight:700}
.cmptable td i{display:block;font-style:normal;font-size:11.5px;color:var(--mute);font-weight:400}

.cmp .note{font-size:14px;color:var(--gray);line-height:1.9;margin-top:var(--s4)}
.cmp .note a{margin-left:var(--s2)}

main .rhead{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s4)}
main .rhead h2{margin:0}
main .rhead h2 .num{font-size:30px;margin:0 2px}

.seeall2{display:flex;align-items:center;justify-content:center;
  width:fit-content;margin:var(--s5) auto 0;
  min-height:52px;padding:0 var(--s6);border:1px solid var(--line);border-radius:var(--r-pill);
  background:#fff;color:var(--blue);font-size:16px;font-weight:700;text-decoration:none;
  transition:background .18s,border-color .18s}
.seeall2:hover{background:var(--blue-t);border-color:var(--blue)}

.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);grid-auto-rows:auto}
.cardgrid .ccard{height:100%}

.ccard .foot{display:flex;flex-direction:column;gap:10px;margin-top:auto}

.qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);
  grid-auto-flow:column;column-gap:var(--s4)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--s3);
  min-height:55px;padding:var(--s3) 0;font-size:16px;font-weight:700;line-height:1.6}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:'';flex:0 0 auto;margin-left:auto;width:8px;height:8px;
  border-right:2px solid var(--gray);border-bottom:2px solid var(--gray);
  transform:rotate(45deg);margin-top:-4px;transition:transform .3s var(--ease),border-color .15s}
.qa details[open] summary::after{transform:rotate(225deg);margin-top:2px}
.qa summary{transition:color .15s}
.qa summary:hover{color:var(--blue)}
.qa summary:hover::after{border-color:var(--blue)}
.qa p{margin:0 0 var(--s4);padding-right:var(--s5);font-size:15px;line-height:1.9;color:var(--gray)}

@supports (interpolate-size: allow-keywords){
  .qa{interpolate-size:allow-keywords}
  .qa details::details-content{opacity:0;block-size:0;overflow-y:clip;
    transition:content-visibility .3s allow-discrete,opacity .3s var(--ease),block-size .3s var(--ease)}
  .qa details[open]::details-content{opacity:1;block-size:auto}
}

.links{background:var(--tint);padding:var(--s7) 0}
.links h3{font-size:24px;font-weight:700;margin:0 0 var(--s4);color:var(--ink)}
.ltabs{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4)}
.ltab{height:36px;padding:0 var(--s4);border:1px solid #D5DCE4;border-radius:var(--r-pill);
  background:#fff;color:var(--ink);font-size:14px;line-height:1;white-space:nowrap;
  transition:background .18s,border-color .18s,color .18s}
.ltab:hover{border-color:var(--blue);color:var(--blue)}
.ltab[aria-current="true"]{background:var(--cta);border-color:var(--cta);color:var(--cta-ink);font-weight:700}
.lpanel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2) var(--s5)}
.lpanel[hidden]{display:none}
.lpanel a{font-size:15px;color:var(--ink);text-decoration:none;line-height:2;padding:2px 0}
.lpanel a:hover{color:var(--blue);text-decoration:underline}

@media(max-width:1000px){
  .cardgrid{grid-template-columns:repeat(2,1fr)}
  .ptrack{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:640px){
  .cardgrid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
    margin:0 calc(var(--s4) * -1);padding:0 var(--s4) var(--s2);
    scrollbar-width:none;-ms-overflow-style:none}
  .cardgrid::-webkit-scrollbar{width:0;height:0;display:none}
  .cardgrid>*{scroll-snap-align:start}

  .ptrack{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:58%;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
    margin:0 calc(var(--s4) * -1);padding:0 var(--s4) var(--s2)}
  .ptrack>*{scroll-snap-align:start}
  .seeall2{width:100%}
}
@media(max-width:720px){
  .lpanel{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s4)}
  .qa{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
}
@media(max-width:520px){
  .lpanel{grid-template-columns:1fr}
}

.pgrid{grid-template-columns:repeat(5,1fr);grid-auto-rows:auto}
.cmp .ptrack{margin-bottom:var(--s4)}
@media(max-width:1000px){ .pgrid{grid-template-columns:repeat(3,1fr)} }
@media(max-width:640px){

  .pgrid{grid-template-columns:repeat(2,1fr);grid-auto-flow:row;overflow:visible;margin:0;padding:0}
}

.pcard .tags:empty{display:none}
.pcard .tag.genba{background:rgba(255,255,255,.92);border-color:#fff;color:#14486B;font-weight:700}

.pcard .tag.hit{background:var(--blue);border-color:var(--blue);font-weight:700}

.peoplelead{margin:calc(var(--s4) * -1) 0 var(--s5);color:var(--gray);font-size:14px;line-height:1.9}

.pempty{grid-column:1/-1;margin:0;padding:var(--s5);border:1px dashed var(--line);border-radius:var(--r);
  color:var(--gray);font-size:15px;line-height:1.9}

.ccard .incard{display:block;width:100%}

.ldeck{align-self:center}
.ldeck .incard{display:block;width:216px}

.revs{display:flex;flex-wrap:wrap;gap:2px var(--s4);line-height:1.7;margin-top:var(--s2)}
.rev{display:inline-flex;align-items:baseline;gap:5px;font-size:12.5px;color:var(--gray);white-space:nowrap}
.rev i{font-style:normal}

.stars{position:relative;display:inline-block;white-space:nowrap;color:#d7dbe1;letter-spacing:.5px;font-size:12px}
.stars i{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;font-style:normal;color:var(--star)}
.rev .sc{color:var(--ink);font-weight:700;font-size:13px}
.rev .rn{color:var(--gray)}

.rev.dim{opacity:.55;font-size:11.5px}
.rev.dim .sc{font-weight:400;color:var(--gray)}
.rev.dim .stars,
.rev.dim .stars i{color:#c8ccd2}

.rate{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:var(--s3)}
.rate .total{font-size:20px;font-weight:700;line-height:1.2}
.rate .stars{font-size:14px}
.rate .rn{font-size:12px;color:var(--gray)}

.ivbadge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;line-height:1.6;
  color:#0E6B4A;background:#E8F5EF;border:1px solid #BFE3D3;border-radius:var(--r-pill);padding:1px 9px;white-space:nowrap}
.ivbadge i{font-style:normal;font-weight:400;color:#4c7f6b}

.cbody{display:flex;flex-direction:column;gap:10px;padding:18px;text-decoration:none;color:var(--ink);flex:1 1 auto}
.ccard.picked{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}

.tg.more2{color:var(--mute);background:transparent;border:1px dashed var(--line)}

.read.iv{border-color:#BFE3D3;background:#FBFDFC}
.read.iv .cat{color:#0E6B4A;background:#E8F5EF;border:1px solid #BFE3D3;border-radius:var(--r-pill);padding:1px 9px;align-self:flex-start}

.perk.hit,.tg.hit{background:var(--cta);border-color:var(--cta);color:var(--cta-ink);font-weight:700}
.perk.more2{color:var(--mute);background:transparent;border:1px dashed var(--line)}

.perk.neg{color:var(--gray);background:#fff;border-color:#d8dde3}

.detail{padding:var(--s6) var(--s5) var(--s8);max-width:1020px}
.crumb{font-size:13px;color:var(--gray);margin:0 0 var(--s4)}
.crumb a{color:var(--blue);text-decoration:none}
.crumb a:hover{text-decoration:underline}

.dhead{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s4) var(--s5);align-items:center;
  padding-bottom:var(--s5);border-bottom:1px solid var(--line)}
.dhead h1{font-size:30px;font-weight:700;line-height:1.4;margin:0;letter-spacing:.01em;text-wrap:balance}
.dhead .co{margin:2px 0 0;font-size:13px;color:var(--gray);line-height:1.7}
.dhead .co i{font-style:normal;white-space:nowrap}
.dh-rate{text-align:right}
.dh-rate .rate{justify-content:flex-end;margin-top:0;row-gap:2px}
.dh-rate .rate .total{font-size:28px}
.dh-rate .rate .stars{font-size:18px}

.dh-rate .rate .rn{flex:1 0 100%;text-align:right;font-size:12px;line-height:1.7}
.dh-rate .rate .ivbadge{margin-left:auto}
.dh-rate .revs{justify-content:flex-end}

.jobchips{display:flex;flex-wrap:wrap;gap:4px;margin:var(--s4) 0 0}
.jobchips .tg{font-size:12px;padding:2px 10px}

.dsec{margin-top:var(--s7)}
.dsec h2{font-size:20px;font-weight:700;line-height:1.5;margin:0 0 var(--s3);
  padding-left:12px;border-left:4px solid var(--blue)}
.dsec h3{font-size:15px;font-weight:700;margin:var(--s5) 0 var(--s2)}
.dsec .lead2{margin:0 0 var(--s3);font-size:14px;color:var(--gray);line-height:1.9}
.dsec .ptrack{grid-template-columns:repeat(4,minmax(0,1fr))}

.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.fit{border:1px solid var(--line);border-radius:var(--r);padding:var(--s4) var(--s5)}
.fit h3{margin:0 0 var(--s2);font-size:15px}
.fit ul{margin:0;padding-left:1.25em}
.fit li{font-size:14.5px;line-height:1.9}
.fit.y{background:#F2FAF6;border-color:#CDE8DA}
.fit.n{background:#FDF5F3;border-color:#F0D2CA}

.dt{width:100%;border-collapse:collapse;font-size:15px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.dt th,.dt td{text-align:left;padding:11px var(--s4);border-bottom:1px solid var(--line);
  vertical-align:top;line-height:1.8}
.dt tr:last-child th,.dt tr:last-child td{border-bottom:0}
.dt th{width:240px;font-weight:400;color:var(--gray);font-size:14px;background:#FAFBFD}
.dt tr.grp th{background:var(--navy);color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;
  width:auto;padding:7px var(--s4)}
.dt .big{font-size:22px;line-height:1.3;margin-right:1px}
.dt .yes{color:var(--ok);font-weight:700}
.dt .no{color:var(--gray)}
.dt .unk{color:var(--alert);font-weight:700}
.dt .src{display:block;font-size:12px;color:var(--gray);line-height:1.7;margin-top:2px}

.unklist{margin:0;padding-left:1.25em}
.unklist li{font-size:15px;line-height:1.9}

.links2{margin-top:var(--s5)}
.links2 h3{font-size:14px;font-weight:700;color:var(--gray);margin:0 0 var(--s2)}
.links2 p{margin:0;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}
.links2 a{font-size:14px;color:var(--blue);text-decoration:none}
.links2 a:hover{text-decoration:underline}

@media(max-width:960px){
  .dhead{grid-template-columns:minmax(0,1fr)}
  .dh-rate{grid-column:1;text-align:left}
  .dh-rate .rate,.dh-rate .revs{justify-content:flex-start}
  .dsec .ptrack{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .detail{padding:var(--s5) var(--s4) var(--s7)}
  .dhead h1{font-size:23px}
  .two{grid-template-columns:1fr}
  .dt th{width:40%}

  .dsec .ptrack{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none}
  *,*::before,*::after{animation-duration:.01ms !important;animation-delay:0ms !important;
    transition-duration:.01ms !important;transition-delay:0ms !important}
}

:root{--hd-h:53px}

.hdfix{position:fixed;top:0;left:0;right:0;z-index:70;background:var(--navy);
  box-shadow:0 1px 0 var(--navy)}

.hdbar{background:var(--navy)}

.top.lifted{background:none;padding:0}
.hdfix.scrolled{box-shadow:0 1px 12px rgba(5,32,60,.18)}
.hdspace{flex:0 0 auto}

.hdmenu{margin-left:auto;width:44px;height:44px;border:0;background:none;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.hdmenu span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;
  transition:transform .2s var(--ease),opacity .15s}
.hdmenu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hdmenu[aria-expanded="true"] span:nth-child(2){opacity:0}
.hdmenu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hdmenu:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:8px}

.hdprog{position:absolute;left:0;right:0;bottom:0;height:3px;background:none;pointer-events:none}
.hdprog i{display:block;height:100%;width:0;background:var(--cta);
  border-radius:0 2px 2px 0;transition:width .1s linear}

.hdnav{position:fixed;top:var(--hd-h);left:0;right:0;z-index:69;background:#fff;
  border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(5,32,60,.10);
  display:grid;opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .18s,transform .18s var(--ease),visibility .18s}
.hdnav.open{opacity:1;visibility:visible;transform:none}
.hdnav a{display:block;padding:var(--s4) var(--s5);font-size:16px;font-weight:700;
  color:var(--ink);text-decoration:none;border-top:1px solid var(--line)}
.hdnav a:first-child{border-top:0}
.hdnav a:hover{background:var(--blue-t)}
@media(min-width:961px){
  .hdnav{left:auto;right:calc((100vw - var(--w)) / 2 + var(--s5));width:260px;
    border:1px solid var(--line);border-radius:0 0 12px 12px}
}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.ccard .jobsn{display:block;margin-top:2px;font-size:13px;color:var(--gray)}
.ccard .jobsn b{font-size:14px;color:var(--ink)}
.lcard .jobsn{display:block;margin-top:2px;font-size:13px;color:var(--gray)}
.lcard .jobsn b{font-size:14px;color:var(--ink)}

.ftags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ftags .ft{display:inline-flex;align-items:center;height:26px;padding:0 10px;
  border-radius:var(--r-pill);background:var(--blue-t);color:var(--blue);
  font-size:12.5px;font-weight:700;line-height:1}