/* JR Service Navigator v1 — editorial interaction with the frozen brand tokens.
   Scoped selectors, no framework, mobile first, no competing navigation dock. */
.jr-service-navigator{
 --sn-ink:var(--text,#f8f5e9);--sn-gold:var(--gold,#d4af37);
 --sn-ivory:#f8f5e9;--sn-soft-gold:#efd9a2;--sn-muted:#d5ccbe;
 --sn-line:var(--line,rgba(212,175,55,.3));
 box-sizing:border-box;display:block;min-width:0;width:100%;max-width:100%;
 margin:clamp(16px,3vw,40px) auto;padding:clamp(17px,3vw,34px);
 background:radial-gradient(ellipse at 85% 0%,rgba(212,175,55,.13),transparent 59%),linear-gradient(155deg,#141517,#090b0d);
 color:var(--sn-ink);border:1px solid var(--sn-line);
 border-radius:clamp(16px,3vw,28px);box-shadow:0 12px 50px rgba(0,0,0,.17);
}
.jr-service-navigator *{box-sizing:border-box;min-width:0}
.jr-service-navigator [hidden]{display:none!important}
.jr-service-navigator .jr-sn-eyebrow{
 display:block;color:var(--sn-soft-gold);font:700 .78rem/1.5 system-ui,sans-serif;
 letter-spacing:.14em;text-transform:uppercase
}
.jr-service-navigator .jr-sn-head{max-width:74ch;margin-bottom:clamp(16px,3vw,28px)}
.jr-service-navigator .jr-sn-head h3{
 color:var(--sn-ivory);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.42;
 margin:.45rem 0 .75rem
}
.jr-service-navigator .jr-sn-head p{font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.95;color:var(--sn-muted);margin:0}
.jr-service-navigator .jr-sn-controls{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:clamp(12px,2.3vw,20px);margin-bottom:clamp(18px,3vw,27px)
}
.jr-service-navigator .jr-sn-field{display:grid;gap:.55rem;align-content:start;min-width:0}
.jr-service-navigator .jr-sn-field>span{font-size:1.02rem;font-weight:700;color:#f3e7d0;line-height:1.75}
.jr-service-navigator .jr-sn-field select{
 display:block;width:100%;min-width:0;min-height:52px;
 border:1px solid #aa9365;border-radius:12px;
 padding:12px 14px;color:#f8f5e9;background-color:#111318;
 font-size:1rem;font-family:inherit;line-height:1.5;cursor:pointer
}
.jr-service-navigator .jr-sn-field select:disabled{opacity:.7;cursor:not-allowed}
.jr-service-navigator .jr-sn-field select option{background:#111318;color:#f8f5e9}
.jr-service-navigator :is(select,button,a):focus-visible{
 outline:3px solid #f2da9c;outline-offset:3px
}
.jr-service-navigator .jr-sn-status{
 min-height:2.5rem;margin:0 0 14px;color:var(--sn-ivory);
 font-weight:650;font-size:1rem;line-height:1.75
}
.jr-service-navigator .jr-sn-cards{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));
 gap:clamp(12px,2vw,20px);align-items:stretch;margin:0 0 17px
}
.jr-service-navigator .jr-sn-card{
 display:flex;flex-direction:column;gap:12px;border:1px solid rgba(218,184,114,.3);
 border-radius:16px;padding:clamp(15px,2vw,21px);background:#1c1c1c;min-width:0;
}
.jr-service-navigator .jr-sn-card-top{
 display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px;
}
.jr-service-navigator .jr-sn-code{
 color:#c4bcad;letter-spacing:.04em;font-size:.7rem;
 font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
 text-transform:lowercase;overflow-wrap:anywhere;
}
.jr-service-navigator .jr-sn-price{
 display:grid;gap:.2rem;margin:0;color:var(--sn-muted);
 font-size:.77rem;line-height:1.55;
}
.jr-service-navigator .jr-sn-price strong{
 color:#f0d99e;font-size:1.05rem;font-weight:750;line-height:1.6
}
.jr-service-navigator .jr-sn-card h4{
 font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6;color:var(--sn-ivory);
 margin:0;overflow-wrap:anywhere
}
.jr-service-navigator .jr-sn-fit{
 margin:0;color:#ded4c3;line-height:1.85;font-size:.94rem;flex-grow:1
}
.jr-service-navigator .jr-sn-details{
 display:grid;gap:10px;margin:0;border-top:1px solid var(--sn-line);padding-top:13px
}
.jr-service-navigator .jr-sn-details div{display:grid;gap:3px}
.jr-service-navigator .jr-sn-details dt{color:var(--sn-soft-gold);font-size:.84rem;font-weight:700}
.jr-service-navigator .jr-sn-details dd{margin:0;color:#d6cfbf;font-size:.88rem;line-height:1.8}
.jr-service-navigator .jr-sn-english-note{margin:0;color:#d6cfbf;line-height:1.85;font-size:.9rem}
.jr-service-navigator .jr-sn-link{
 display:inline-flex;align-items:center;justify-content:center;text-align:center;
 min-height:48px;margin-top:auto;padding:10px 12px;border-radius:11px;
 color:#17140c!important;background:#e8cf95;border:1px solid #e8cf95;
 font-size:.98rem;font-weight:750;line-height:1.55;text-decoration:none!important
}
.jr-service-navigator .jr-sn-link:hover{background:#f7e4b9}
.jr-service-navigator .jr-sn-reset{
 min-height:48px;margin:.3rem 0 1rem;padding:10px 17px;border:1px solid #dabd7d;
 border-radius:11px;color:#f1d89d;background:transparent;cursor:pointer;
 font-family:inherit;font-size:.96rem;font-weight:700;line-height:1.5
}
.jr-service-navigator .jr-sn-reset:hover{background:rgba(218,189,125,.1)}
.jr-service-navigator .jr-sn-notice{
 font-size:.9rem;color:#efe5d4;font-weight:650;
 line-height:1.85;margin:.2rem 0
}
.jr-service-navigator .jr-sn-explainer{
 font-size:.86rem;color:#cfc5b5;line-height:1.9;margin:.5rem 0 0
}
@media(max-width:650px){
 .jr-service-navigator .jr-sn-controls{grid-template-columns:minmax(0,1fr)}
 .jr-service-navigator .jr-sn-cards{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:400px){
 .jr-service-navigator{padding:16px 13px;border-radius:16px}
 .jr-service-navigator .jr-sn-card{padding:14px}
}
@media(prefers-reduced-motion:reduce){
 .jr-service-navigator *{transition:none!important;animation:none!important}
}
@media print{
 .jr-service-navigator{background:#fff!important;color:#121212!important;box-shadow:none!important;border-color:#555!important}
 .jr-service-navigator :is(h3,h4,.jr-sn-status,.jr-sn-fit,.jr-sn-details dd,.jr-sn-notice){color:#141414!important}
 .jr-service-navigator .jr-sn-card{background:#fff!important;color:#121212!important;border-color:#777!important;break-inside:avoid}
 .jr-service-navigator :is(.jr-sn-controls,.jr-sn-reset,.jr-sn-link){display:none!important}
}


/* Existing English atlas progressive filter: non-visual crawlable links remain. */
.jr-en-services-atlas .jr-sn-atlas-filter{
 display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;
 gap:12px;align-items:end;margin:16px 0 24px;min-width:0
}
.jr-en-services-atlas .jr-sn-atlas-field{display:grid;gap:8px;min-width:0;font-weight:650}
.jr-en-services-atlas .jr-sn-atlas-field input,
.jr-en-services-atlas .jr-sn-atlas-field select{
 width:100%;max-width:100%;min-width:0;min-height:48px;padding:10px 12px;
 background:#13171b;color:#f8f5e9;border:1px solid #9e8552;
 border-radius:12px;font:inherit
}
.jr-en-services-atlas .jr-sn-atlas-clear{
 min-height:48px;border:1px solid #b7a27e;border-radius:12px;
 padding:10px 14px;color:#f8f5e9;background:#292722;cursor:pointer;font:inherit
}
.jr-en-services-atlas .jr-sn-atlas-feedback{
 grid-column:1/-1;line-height:1.7;margin:0;color:inherit
}
.jr-en-services-atlas .cards>li[hidden]{display:none!important}
.jr-en-services-atlas .jr-sn-atlas-filter :is(input,select,button):focus-visible{
 outline:3px solid #f2da9c;outline-offset:3px
}
@media(max-width:650px){
 .jr-en-services-atlas .jr-sn-atlas-filter{grid-template-columns:minmax(0,1fr)}
 .jr-en-services-atlas .jr-sn-atlas-clear{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .jr-en-services-atlas .jr-sn-atlas-filter *{scroll-behavior:auto}
}

/* Bounded next step on curated navigator cards: information first, enquiry second. */
.jr-service-navigator .jr-sn-actions{
 display:grid;grid-template-columns:minmax(0,1fr);
 gap:10px;margin-top:auto;min-width:0
}
.jr-service-navigator .jr-sn-actions .jr-sn-link{margin-top:0}
.jr-service-navigator .jr-sn-inquire{
 display:flex;align-items:center;justify-content:center;
 min-height:48px;max-width:100%;padding:10px 12px;
 border:1px solid #b89a63;border-radius:11px;
 background:#282118;color:#f6e3be!important;
 font-size:.94rem;line-height:1.6;font-weight:700;
 text-align:center;text-decoration:none!important;overflow-wrap:anywhere
}
.jr-service-navigator .jr-sn-inquire:hover{background:#393020}
.jr-service-navigator .jr-sn-inquire:focus-visible{
 outline:3px solid #f2d99f;outline-offset:3px
}
@media print{
 .jr-service-navigator .jr-sn-inquire{display:none!important}
}
