/* ===== rkAreaBar : area bar + guide links (rent-kare.net) v1003-4 =====
   v1003-4: also neutralise the old v1003-1 rules (nav.rkAreaBar{display:flex} / nav.rkAreaBar a{border...}) that may remain in cached style.css
   Loaded right before the bar (<link> in body). style.css is not touched.
   ":not(#rk-ab)" raises specificity so older site rules do not win. ASCII only. */
.rkAreaBar:not(#rk-ab){position:relative;box-sizing:border-box;width:min(100% - 32px,1120px);margin:14px auto 20px;padding:16px 20px 14px;border-radius:16px;overflow:hidden;clear:both;
  background:radial-gradient(120% 160% at 0% 0%,#2c4170 0%,#1b2a4a 55%,#121c33 100%);
  box-shadow:0 10px 28px rgba(18,28,51,.22),inset 0 0 0 1px rgba(232,213,168,.28);
  font-family:inherit;line-height:1.4;text-align:left;
  display:block;gap:0;flex-wrap:nowrap;justify-content:normal;align-items:normal}
.rkAreaBar:not(#rk-ab)::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,transparent,#e8d5a8,transparent)}
.rkAreaBar:not(#rk-ab) .rkAB-row{display:flex;align-items:center;gap:16px;width:100%;box-sizing:border-box;margin:0;padding:0}
.rkAreaBar:not(#rk-ab) .rkAB-t{display:flex;flex-direction:column;flex:none;min-width:76px;margin:0;color:#e8d5a8;font-size:14px;font-weight:700;letter-spacing:.3em;line-height:1.1}
.rkAreaBar:not(#rk-ab) .rkAB-t small{margin-top:4px;color:rgba(232,213,168,.78);font-size:10px;font-weight:400;letter-spacing:.12em}
.rkAreaBar:not(#rk-ab) .rkAB-chips{display:flex;flex:1;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.rkAreaBar:not(#rk-ab) .rkAB-chips a{display:block;flex:1 1 0;line-height:1.4;min-width:76px;box-sizing:border-box;margin:0;padding:9px 10px;border:1px solid rgba(232,213,168,.6);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:15px;font-weight:700;letter-spacing:.08em;text-align:center;text-decoration:none;transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.rkAreaBar:not(#rk-ab) .rkAB-chips a:hover,.rkAreaBar:not(#rk-ab) .rkAB-chips a:focus-visible{background:#e8d5a8;color:#1b2a4a;transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.25);outline:none}
.rkAreaBar:not(#rk-ab) .rkAB-guide{justify-content:center;gap:0;margin-top:14px;padding-top:12px;border-top:1px solid rgba(232,213,168,.2)}
.rkAreaBar:not(#rk-ab) .rkAB-guide a{display:block;position:relative;flex:1;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;line-height:1.4;margin:0;padding:2px 8px;color:rgba(255,255,255,.9);font-size:13px;font-weight:700;letter-spacing:.06em;text-align:center;text-decoration:none;transition:color .18s}
.rkAreaBar:not(#rk-ab) .rkAB-guide a::after{content:"\203A";margin-left:6px;color:#e8d5a8;font-weight:400}
.rkAreaBar:not(#rk-ab) .rkAB-guide a + a::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:rgba(232,213,168,.35)}
.rkAreaBar:not(#rk-ab) .rkAB-guide a:hover,.rkAreaBar:not(#rk-ab) .rkAB-guide a:focus-visible{color:#e8d5a8;outline:none}
@media (max-width:560px){
  .rkAreaBar:not(#rk-ab){width:calc(100% - 20px);margin:10px auto 16px;padding:12px 12px 10px;border-radius:14px}
  .rkAreaBar:not(#rk-ab) .rkAB-row{flex-wrap:wrap;gap:8px}
  .rkAreaBar:not(#rk-ab) .rkAB-t{flex-direction:row;align-items:baseline;justify-content:center;gap:8px;width:100%;min-width:0;font-size:12px}
  .rkAreaBar:not(#rk-ab) .rkAB-t small{margin-top:0;font-size:10px}
  .rkAreaBar:not(#rk-ab) .rkAB-chips{gap:6px}
  .rkAreaBar:not(#rk-ab) .rkAB-chips a{min-width:0;padding:8px 4px;font-size:14px;letter-spacing:.02em}
  .rkAreaBar:not(#rk-ab) .rkAB-guide{margin-top:10px;padding-top:9px}
  .rkAreaBar:not(#rk-ab) .rkAB-guide a{padding:2px 4px;font-size:12px;letter-spacing:0;border:0;background:none}
}
@media (prefers-reduced-motion:reduce){
  .rkAreaBar:not(#rk-ab) .rkAB-chips a{transition:none}
  .rkAreaBar:not(#rk-ab) .rkAB-chips a:hover{transform:none}
}