/* Shared task navigation, using the site's existing espresso theme tokens. */
.j-page{background:var(--warm-canvas,#f7f3ed);color:var(--warm-text,#39312b)}
.j-shell{width:min(1280px,100%);margin-inline:auto;padding:28px 40px 64px}
.j-page *,.j-section *{box-sizing:border-box}
.j-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;font-size:13px;color:var(--warm-muted)}
.j-hero{padding:12px 0 28px;max-width:960px}
.j-hero h1{font:clamp(32px,4vw,54px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:12px 0 18px;overflow-wrap:anywhere}
.j-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--warm-accent,#855a33)}
.j-lead{font-size:17px;line-height:1.65;max-width:72ch;color:var(--warm-muted,#756b60)}
.j-section{margin:30px 0;scroll-margin-top:108px;min-width:0}
.j-section h2{font:clamp(25px,3vw,34px)/1.25 Georgia,serif;margin:0 0 18px;color:var(--warm-text)}
.j-section h3,.j-card h3{font:24px/1.3 Georgia,serif;margin:0 0 12px;color:var(--warm-text)}
.j-section p,.j-card p{line-height:1.7;margin:0 0 12px;max-width:78ch}
.j-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.j-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.j-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.j-card{padding:24px;border:1px solid var(--warm-line,#d8cfc3);border-radius:10px;background:var(--warm-panel,#fffdf9);min-width:0;overflow-wrap:anywhere}
.j-card>:last-child{margin-bottom:0}
.j-facts{margin:0;display:grid;gap:0}
.j-facts>div{padding:16px 0;border-top:1px solid var(--warm-line)}
.j-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--warm-muted);margin-bottom:8px}
.j-facts dd{margin:0;line-height:1.65;overflow-wrap:anywhere}
.j-notice{padding:18px 22px;border-inline-start:3px solid var(--warm-accent);background:var(--warm-panel-soft,#eae1d6);border-radius:0 8px 8px 0;line-height:1.65;margin:18px 0;color:var(--warm-text);overflow-wrap:anywhere}
.j-notice p:last-child{margin-bottom:0}
.j-actions{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;margin-top:16px}
.j-link{color:var(--warm-accent,#855a33);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.j-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:11px 18px;border:1px solid var(--warm-accent);border-radius:7px;background:var(--warm-accent);color:var(--warm-on-dark,#fff);font-weight:600;line-height:1.4;text-decoration:none;text-align:center}
.j-button.secondary{background:transparent;color:var(--warm-accent)}
.j-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px;scroll-margin-top:104px}
.j-nav a{display:flex;min-height:76px;gap:14px;align-items:center;justify-content:space-between;padding:18px;border:1px solid var(--warm-line);border-radius:9px;background:var(--warm-panel);color:var(--warm-text);font-size:15px;line-height:1.4;text-decoration:none}
.j-nav a:hover,.j-nav a:focus-visible{background:var(--warm-panel-soft);border-color:var(--warm-accent)}
.j-nav a span:last-child{color:var(--warm-accent);font-size:18px;flex-shrink:0}
.j-choice{border:0;padding:0;margin:22px 0 26px;min-width:0}
.j-choice legend{font-weight:600;margin-bottom:12px}
.j-choice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.j-choice label{display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid var(--warm-line);border-radius:8px;padding:12px 16px;background:var(--warm-panel);cursor:pointer;line-height:1.45}
.j-choice label:has(input:checked){background:var(--warm-panel-soft);border-color:var(--warm-accent);color:var(--warm-accent)}
.j-choice input{accent-color:var(--warm-accent);width:17px;height:17px;flex-shrink:0}
.j-steps{list-style:none;padding:0;margin:0;counter-reset:journey}
.j-steps li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--warm-line);line-height:1.65}
.j-steps li:before{counter-increment:journey;content:counter(journey,decimal-leading-zero);color:var(--warm-accent);font-family:monospace;flex-shrink:0}
.j-documents{padding:0;list-style:none;margin:18px 0}
.j-documents>li{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px;border:1px solid var(--warm-line);border-radius:9px;background:var(--warm-panel);margin-bottom:12px;line-height:1.65}
.j-documents>li>div{min-width:0;flex:1}
.j-documents>li>a{flex-shrink:0;color:var(--warm-accent);text-decoration:underline;text-underline-offset:4px}
.j-meta{font-size:12px;line-height:1.65;color:var(--warm-muted);margin-top:14px}
.j-card[id]{scroll-margin-top:108px}
.j-page [id],.j-section [id]{scroll-margin-top:108px}
.j-page [hidden],.j-section [hidden]{display:none!important}
.j-page a:focus-visible,.j-section a:focus-visible,.j-choice input:focus-visible{outline:2px solid var(--warm-accent);outline-offset:5px}
@media(max-width:900px){.j-shell{padding:24px}.j-grid--3,.j-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.j-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.j-choice-options{grid-template-columns:1fr}}
@media(max-width:600px){.j-shell{padding:20px 16px 40px}.j-breadcrumb{margin-bottom:16px}.j-hero{padding:4px 0 20px}.j-hero h1{font-size:34px;margin:8px 0 12px}.j-lead{font-size:15px;line-height:1.55}.j-nav{gap:8px;margin-bottom:18px}.j-nav a{padding:13px 12px;min-height:66px;font-size:14px;gap:6px}.j-grid,.j-grid--3,.j-grid--4{grid-template-columns:1fr}.j-card{padding:20px}.j-section{margin:26px 0}.j-choice{margin:18px 0 22px}.j-choice label{min-height:48px;padding:10px 12px;font-size:14px}.j-notice{padding:15px 16px}.j-documents>li{align-items:flex-start;flex-direction:column;padding:18px}.j-documents>li>a{white-space:normal}.j-actions{gap:12px}.j-actions .j-button{width:100%}}