/* Codex 31.10: readable navigation and article follow links across the network. */
.site-head .head-r { min-width:0; flex-wrap:wrap; justify-content:flex-end; row-gap:10px; }
@media (min-width:761px) {
  .site-head .head-top { flex-wrap:wrap; row-gap:12px; }
  .site-head form.search { flex:0 0 200px; }
  .site-head form.search input { width:200px!important; min-width:200px; }
  html body .tabs .tabs-in > .tab,
  html body .tabs-more-pop > .tab {
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    min-height:40px; height:auto!important; line-height:1.3!important; text-align:center;
  }
  html body .tabs-more-pop {
    display:flex!important; flex-direction:column!important; grid-template-columns:none!important;
    min-width:220px; max-width:min(320px,calc(100vw - 32px)); gap:6px; padding:10px;
  }
  html body .tabs-more-pop[hidden] { display:none!important; }
  html body .tabs-more-pop > .tab {
    width:100%; min-height:42px; padding:10px 16px!important; border-radius:999px!important;
    white-space:normal!important; overflow-wrap:anywhere; background:var(--card,#fff);
  }
  html body .tabs-more-pop > .tab.on,
  html body .tabs-more-pop > .tab[aria-current=page] { background:var(--ink,#16211f); color:var(--bg,#fff); }
}
.smi-follow3110 {
  display:flex!important; flex-wrap:wrap; align-items:center; gap:8px 12px!important;
  margin:24px 0 12px!important; padding:14px 0!important; max-width:100%;
  border:0!important; border-top:1px solid var(--line,#ddd)!important;
  background:transparent!important; color:var(--ink,inherit); font:500 14px/1.5 var(--sans,system-ui,sans-serif);
}
.smi-follow3110 > span { flex:0 0 auto; }
.smi-follow3110 > a {
  display:inline-flex!important; align-items:center; justify-content:center; min-height:38px;
  padding:7px 14px; border:1px solid var(--line,#ddd); border-radius:999px; background:var(--card,#fff);
  color:var(--ink,#16211f)!important; text-decoration:none!important; line-height:1.4; white-space:normal;
}
.smi-follow3110 > a:hover { border-color:currentColor; text-decoration:underline!important; }
.smi-follow3110 > a:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.r-ik .r-ikd { display:none!important; }
body.f3010-dl .f3010-home-in {
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;
  gap:16px 28px; padding:24px; align-items:center;
  background:#fbf8ee; border-radius:16px;
}
body.f3010-dl .f3010-home-k {
  grid-column:1/-1; flex-direction:row; flex-wrap:wrap; align-items:center; gap:8px 14px;
}
body.f3010-dl .f3010-home-t { font-size:clamp(25px,2.4vw,32px); line-height:1.25; overflow-wrap:break-word; }
body.f3010-dl .f3010-home-pic { width:100%; aspect-ratio:auto; background:transparent; border-radius:10px; }
body.f3010-dl .f3010-home-pic img { width:100%; height:auto; object-fit:contain; }
body.f3010-dl .f3010-home-np .f3010-home-in { grid-template-columns:minmax(0,1fr)!important; }
body.f3010-dl .f3010-scs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
body.f3010-dl :is(.f3010-sc,.f3010-sc-b,.f3010-sc-it) { min-width:0; }
body.f3010-dl :is(.f3010-sc-t,.f3010-sc-h,.f3010-sc-ld) { overflow-wrap:break-word; }
body.f3010-dl .f3010-sc-btn { min-height:44px; white-space:normal; text-align:center; }
@media (max-width:900px) {
  body.f3010-dl .f3010-home-in { grid-template-columns:minmax(0,1fr)!important; padding:20px 16px; }
  body.f3010-dl .f3010-home-pic { order:0; max-width:560px; justify-self:center; }
  body.f3010-dl .f3010-scs { grid-template-columns:minmax(0,1fr); }
}
#main .ik.ik2 .ik2-th-h .ik-h1 { font-size:clamp(36px,5.5vw,72px); }
@media (prefers-reduced-motion:reduce) { .tabs-more-btn .tm-arr { transition:none; } }