/* Resources ("The Library") and Careers ("The Profile Card"), 2026-09-30. Ported from the approved concepts (concepts/resources-careers,
   Resources A and Careers C); light and dark; static and complete under reduced motion. */
.rc-page{--rc-text:#1f1a1b;--rc-muted:#5a5153;--rc-ivory:#fbf9f6;--rc-stone:#f3efe9;--rc-card:#fff;--rc-wine:#72253a;--rc-champ:#e9cfaa;--rc-ink:#0b0709;
 --rc-line:#1f1a1b1a;--rc-accent:#72253a;--rc-ease:cubic-bezier(.2,.7,.2,1);--rc-edge:clamp(24px,5.6vw,80px)}
html[data-theme=dark] .rc-page{--rc-text:#f7ecdf;--rc-muted:#d6c8c1;--rc-ivory:#0f0b0d;--rc-stone:#151013;--rc-card:#1a1316;--rc-line:#f7ecdf1f;--rc-accent:#e9cfaa}
.rc-page main>:not(.p2-header) :is(p,h1,h2,h3,dl,dd,figure,ul,ol){margin:0}
.rc-wrap{max-width:1280px;margin:0 auto;padding:0 var(--rc-edge);box-sizing:content-box;position:relative}
.rc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rc-nw{white-space:nowrap}
.rc-kicker{font-size:12.5px!important;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--rc-accent);margin-bottom:16px!important}
.rc-page main>:not(.p2-header) h2{font-size:clamp(34px,4.2vw,64px);line-height:.98;letter-spacing:-.05em;font-weight:800;color:var(--rc-text);text-wrap:balance}
.rc-page main>:not(.p2-header) h2 span{color:var(--rc-accent)}
.rc-lead{margin-top:18px!important;font-size:clamp(17px,1.4vw,21px);line-height:1.55;color:var(--rc-muted);max-width:620px}
.rc-fine{margin-top:22px!important;font-size:13px;color:var(--rc-muted)}
.rc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px}
.rc-btn,.rc-link{display:inline-flex;align-items:center;gap:14px;min-height:52px;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:0;transition:background .3s,transform .3s var(--rc-ease),box-shadow .3s}
.rc-btn{padding:0 26px;border-radius:999px;background:var(--rc-champ);color:#151511}
.rc-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px -18px #e9cfaa}
.rc-link{min-height:44px;background:none;padding:0;color:var(--rc-accent)}
.rc-btn svg,.rc-link svg{width:20px;height:20px;flex:none;transition:transform .3s var(--rc-ease)}
.rc-btn:hover svg,.rc-link:hover svg{transform:translateX(4px)}
.rc-page :is(a,button,input,select,textarea,summary,label):focus-visible{outline:2px solid var(--rc-accent);outline-offset:3px}

/* hero: every page opens dark */
.rc-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b0709;color:#fbf6ee;--rc-text:#fbf6ee;--rc-muted:#e4d8cc;--rc-accent:#e9cfaa}
.rc-hero h1{font-size:clamp(52px,7vw,120px);line-height:.9;letter-spacing:-.06em;font-weight:800;color:#fbf6ee}
.rc-hero h1 span{display:block;color:#e9cfaa}
.rc-hero-media{position:absolute;inset:0;z-index:-1}
.rc-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.rc-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0709f5 0%,#0b070999 38%,#0b070933 70%,#0b0709b3 100%),linear-gradient(90deg,#0b0709cc,#0b070900 60%)}
.rc-hero-in{min-height:calc(min(84svh,760px) - 230px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:160px;padding-bottom:70px}

/* guide body (reader, answers, field guide) */
.rc-g-meta{display:flex;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rc-accent)}
.rc-g-meta span+span:before{content:'·';margin-right:10px}
.rc-g-q{margin-top:6px!important;font-size:15px;color:var(--rc-muted)}
.rc-page main>:not(.p2-header) .rc-g-meta+h3,.rc-reader-body h3{margin-top:10px!important;font-size:clamp(28px,2.8vw,42px);line-height:1;letter-spacing:-.045em;color:var(--rc-text)}
.rc-g-sum{margin-top:18px!important;font-size:18px;line-height:1.6;color:var(--rc-text);max-width:60ch}
.rc-g-pts{margin-top:20px!important;padding:0;list-style:none;display:grid;gap:10px}
.rc-g-pts li{position:relative;padding-left:26px;font-size:16px;line-height:1.55;color:var(--rc-muted)}
.rc-g-pts li:before{content:'';position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--rc-accent)}
ol.rc-g-pts{counter-reset:g}ol.rc-g-pts li{counter-increment:g}ol.rc-g-pts li:before{content:counter(g);box-shadow:none;width:auto;height:auto;top:0;left:0;font-size:12px;font-weight:700;color:var(--rc-accent)}
.rc-g-pts--integrate{display:flex!important;flex-wrap:wrap;gap:8px!important}
.rc-g-pts--integrate li{padding:6px 12px 6px 30px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--rc-line);font-size:14px;color:var(--rc-text)}
.rc-g-pts--integrate li:before{left:12px;top:7px}
.rc-g-basis{margin:20px 0 22px!important;font-size:13px;color:var(--rc-muted)}

/* tools band and close */
.rc-tools{background:var(--rc-stone);padding:110px 0}
.rc-tools-head{max-width:720px}
.rc-tool-list{list-style:none;padding:0;margin-top:40px!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rc-tool-list a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:22px 20px 20px;border-radius:22px;background:var(--rc-card);box-shadow:inset 0 0 0 1px var(--rc-line);text-decoration:none;color:var(--rc-text);transition:transform .35s var(--rc-ease),box-shadow .35s}
.rc-tool-list a span{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-accent)}
.rc-tool-list a strong{font-size:18px;line-height:1.2;letter-spacing:-.02em;flex:1}
.rc-tool-list a svg{width:20px;height:20px;color:var(--rc-accent)}
.rc-tool-list a:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--rc-accent),0 24px 50px -34px #1a0a1080}
.rc-ind{margin-top:48px}
.rc-ind-links{display:flex;flex-wrap:wrap;gap:8px}
.rc-ind-links a{padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;color:var(--rc-text);box-shadow:inset 0 0 0 1px var(--rc-line);transition:background .3s,color .3s}
.rc-ind-links a:hover{background:var(--rc-wine);color:#fbf6ee}
.rc-close{background:radial-gradient(60% 90% at 80% 20%,#72253a66,transparent 70%),#0b0709;color:#fbf6ee;padding:110px 0;--rc-text:#fbf6ee;--rc-accent:#e9cfaa}
.rc-close h2{max-width:22ch}
.rc-close p{margin-top:16px!important;font-size:18px;color:#e4d8cc}

/* ============ Resources A  The Library ============ */
.rc-shelf-sec{background:var(--rc-ivory);padding:110px 0 90px}
.rc-shelf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.rc-chips{display:flex;flex-wrap:wrap;gap:8px}
.rc-chips button{appearance:none;border:0;min-height:44px;padding:0 16px;border-radius:999px;background:none;box-shadow:inset 0 0 0 1px var(--rc-line);font:inherit;font-size:14px;font-weight:600;color:var(--rc-text);cursor:pointer;transition:background .3s,color .3s}
.rc-chips button[aria-current=true]{background:var(--rc-wine);color:#fbf6ee;box-shadow:none}
html[data-theme=dark] .rc-chips button[aria-current=true]{background:var(--rc-champ);color:#1f1a1b}
.rc-shelf{list-style:none;padding:0 0 26px;margin-top:44px!important;display:flex;align-items:flex-end;gap:8px;min-height:470px;border-bottom:10px solid var(--rc-wine);position:relative}
.rc-shelf:after{content:'';position:absolute;left:0;right:0;bottom:-24px;height:14px;background:linear-gradient(#1a0a1022,transparent)}
.rc-spine{position:relative;flex:0 0 66px;height:var(--h,420px);display:flex;border-radius:10px 10px 4px 4px;overflow:hidden;transition:flex-basis .6s var(--rc-ease),opacity .45s,transform .45s var(--rc-ease);box-shadow:inset -6px 0 12px -8px #0006}
.rc-spine:nth-child(3n+1){--h:430px}.rc-spine:nth-child(3n+2){--h:400px}.rc-spine:nth-child(3n){--h:448px}
.rc-spine--considering{background:#72253a;color:#fbf6ee}.rc-spine--implementing{background:#1f1a1b;color:#e9cfaa}.rc-spine--fixing{background:#4a0f1a;color:#f3cf9f}
.rc-spine--improving{background:#e9cfaa;color:#2a0a12}.rc-spine--supporting{background:#efe6da;color:#72253a}
html[data-theme=dark] .rc-spine--implementing{background:#2a2124}
.rc-spine-btn{appearance:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer;flex:0 0 66px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 0 16px}
.rc-spine-n{font-size:12px;font-weight:700;letter-spacing:.1em;opacity:.8}
.rc-spine-t{writing-mode:vertical-rl;transform:rotate(180deg);font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.1;max-height:300px;overflow:hidden;text-align:left}
.rc-spine-s{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.rc-cover{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:26px 24px 22px 6px;opacity:0;transition:opacity .35s}
.rc-cover-q{font-size:24px;line-height:1.1;letter-spacing:-.03em;font-weight:800}
.rc-cover p:not(.rc-cover-q){font-size:14.5px;line-height:1.5;opacity:.85}
.rc-cover span{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.rc-cover svg{width:18px;height:18px}
.rc-spine.is-open{flex-basis:360px}
.rc-spine.is-open .rc-cover{opacity:1;transition-delay:.2s}
.rc-spine.is-dim{opacity:.18;transform:translateY(14px)}
.rc-reader{width:min(760px,94vw);max-height:88svh;border:0;border-radius:28px;padding:0;background:var(--rc-ivory);color:var(--rc-text);box-shadow:0 60px 120px -40px #000c}
.rc-reader::backdrop{background:#0b0709b3}
.rc-reader-in{position:relative;padding:44px 44px 40px}
.rc-reader-x{position:absolute;right:18px;top:16px;appearance:none;border:0;background:none;font:inherit;font-weight:600;color:var(--rc-text);min-height:44px;cursor:pointer}
.rc-reader-body:focus{outline:none}
















































































/* ============ Careers (shared) ============ */
.rc-noroles{margin-top:24px!important;max-width:620px;padding:18px 20px;border-radius:18px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #e9cfaa33;font-size:15.5px;line-height:1.55;color:#e4d8cc}
.rc-noroles strong{display:block;color:#fbf6ee;margin-bottom:4px}
.rc-apply-sec{background:var(--rc-ivory);padding:110px 0}
.rc-apply-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:60px;align-items:start}
.rc-apply{padding:34px;border-radius:28px;background:var(--rc-card);box-shadow:0 50px 100px -70px #1a0a10aa,inset 0 0 0 1px var(--rc-line)}
.rc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rc-field{display:grid;gap:7px;margin-top:14px;font-size:13px;font-weight:600;color:var(--rc-muted)}
.rc-field em{font-style:normal;font-weight:400}
.rc-field :is(input,select,textarea){font:inherit;font-size:16px;font-weight:500;color:var(--rc-text);background:var(--rc-ivory);border:1px solid var(--rc-line);border-radius:14px;padding:13px 14px;min-height:50px;box-sizing:border-box;width:100%}
.rc-field textarea{min-height:92px;resize:vertical}
.rc-drop{position:relative;display:grid;gap:4px;margin-top:16px;padding:24px;border-radius:18px;border:1.5px dashed color-mix(in srgb,var(--rc-accent) 55%,transparent);background:color-mix(in srgb,var(--rc-accent) 5%,transparent);cursor:pointer;transition:background .3s,border-color .3s}
.rc-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.rc-drop.is-over{background:color-mix(in srgb,var(--rc-accent) 14%,transparent)}
.rc-drop.has-file{border-style:solid}
.rc-drop-k{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rc-accent)}
.rc-drop-t{font-size:17px;font-weight:700;color:var(--rc-text)}
.rc-drop-h{font-size:13px;color:var(--rc-muted)}
.rc-drop:has(input:focus-visible){outline:2px solid var(--rc-accent);outline-offset:3px}
.rc-consent{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:14px;line-height:1.5;color:var(--rc-muted);cursor:pointer}
.rc-consent input{accent-color:var(--rc-wine);width:18px;height:18px;margin-top:2px;flex:none}
.rc-apply-go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:22px}
.rc-status{flex-basis:100%;min-height:1.4em;font-size:15px;font-weight:600;color:var(--rc-text)}
html:not([data-theme=dark]) .rc-apply .rc-btn{background:var(--rc-wine);color:#fbf6ee}















































/* ============ Careers C  The Profile Card ============ */
.rcc2-hero{padding-bottom:0}
.rcc2-strip{position:absolute;inset:0;z-index:-1}
.rcc2-strip img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.rcc2-strip:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0709 4%,#0b0709b3 45%,#0b070966 100%)}
.rcc2-hero-in{min-height:calc(min(86svh,780px) - 230px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:160px;padding-bottom:70px}
.rcc2-hero h1{font-size:clamp(46px,6vw,100px)}
.rcc2-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
.rcc2-form{margin-top:30px}
.rcc2-card-wrap{position:sticky;top:120px}
.rcc2-card{position:relative;aspect-ratio:1.58;padding:30px 30px 26px;border-radius:26px;background:radial-gradient(120% 90% at 100% 0%,#8a3148,#4a0f1a 60%,#2a0a12);color:#fbf6ee;box-shadow:0 60px 110px -60px #1a0a10,inset 0 0 0 1px #e9cfaa33;display:flex;flex-direction:column;overflow:hidden;transition:transform .8s var(--rc-ease)}
.rcc2-card:before{content:'';position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;box-shadow:0 0 0 1px #e9cfaa33,0 0 0 30px #e9cfaa08,0 0 0 60px #e9cfaa05}
.rcc2-card-k{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e9cfaa}
.rcc2-card-name{margin-top:auto!important;font-size:clamp(26px,2.4vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1}
.rcc2-card-disc{margin-top:6px!important;font-size:15px;font-weight:600;color:#e9cfaa}
.rcc2-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px!important;padding-top:14px;border-top:1px solid #e9cfaa33}
.rcc2-card dt{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#e9cfaa99}
.rcc2-card dd{margin-top:3px!important;font-size:13px;line-height:1.3;color:#fbf6ee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rcc2-card-note{margin-top:12px!important;font-size:13px;line-height:1.45;color:#e4d8cc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rcc2-card [data-c].is-empty{opacity:.55}
.rcc2-card.is-sent{transform:translateY(-30px) rotate(-2deg) scale(.96)}
.rcc2-card-cap{margin-top:14px!important;font-size:13px;color:var(--rc-muted);text-align:center}
.rcc2-where{background:var(--rc-stone);padding:90px 0}
.rcc2-where ul{list-style:none;padding:0;margin-top:26px!important;display:flex;flex-wrap:wrap;gap:10px}
.rcc2-where li{padding:12px 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--rc-line);font-size:15px;font-weight:600;color:var(--rc-text)}

@media (max-width:1000px){
 .rc-tool-list{grid-template-columns:1fr 1fr}
 .rc-apply-in,.rcc2-grid{grid-template-columns:1fr;gap:32px}
 
 .rcc2-card-wrap{position:relative;top:0}
 
 
}
@media (max-width:700px){
 .rc-hero-in,.rcc2-hero-in{min-height:calc(78svh - 168px);padding-top:120px;padding-bottom:48px}
 .rc-shelf{flex-direction:column;align-items:stretch;min-height:0;border-bottom:0;gap:8px}
 .rc-shelf:after{display:none}
 .rc-spine{flex:none;height:auto;flex-direction:column;border-radius:16px}
 .rc-spine-btn{flex:none;flex-direction:row;justify-content:flex-start;gap:14px;padding:18px 18px;text-align:left}
 .rc-spine-t,.rc-spine-s{writing-mode:horizontal-tb;transform:none;max-height:none}
 .rc-spine-s{margin-left:auto;white-space:nowrap}
 .rc-cover{display:none}
 .rc-shelf-head{align-items:flex-start}
 .rc-reader-in{padding:56px 22px 28px}
 .rc-tool-list{grid-template-columns:1fr}
 
 
 
 
 
 
 
 .rc-grid2{grid-template-columns:1fr}
 .rc-apply{padding:22px}
 
 
 .rcc2-card{aspect-ratio:auto;min-height:230px}
 .rcc2-card dl{grid-template-columns:1fr 1fr}
}

/* production (2026-09-30): Careers keeps the Option C concept (the photograph full-bleed behind the words, fading into dark) with
   Option B's photograph and every head in frame: it starts where the header ends and is anchored to its top edge. On phones and
   tablets it runs edge to edge at its natural shape (nothing cropped at the sides) and the words overlap its lower edge.
   The apply heading reads as a kicker. */
.rc-h-kicker{font-size:12.5px!important;line-height:1.4!important;letter-spacing:.22em!important;font-weight:700!important}
.rcc2-strip{top:132px}  /* the header ends at 131px on wide screens */
.rcc2-strip img{object-position:50% 0%}
.rcc2-strip:after{background:linear-gradient(0deg,#0b0709 3%,#0b0709b3 32%,#0b070900 62%),linear-gradient(90deg,#0b0709d9 0%,#0b070999 36%,#0b070900 66%),linear-gradient(180deg,#0b0709 0%,#0b070900 10%)}
@media (max-width:1000px){
 .rcc2-hero{display:flex;flex-direction:column}
 .rcc2-strip{position:relative;inset:auto;margin-top:110px;aspect-ratio:4/3;z-index:-1}
 .rcc2-strip img{position:absolute;inset:0}
 .rcc2-strip:after{background:linear-gradient(0deg,#0b0709 0%,#0b0709cc 22%,#0b070900 55%)}
 .rcc2-hero-in{min-height:0;margin-top:-18%;padding-top:0}
}
@media (max-width:700px){.rcc2-strip{margin-top:90px}.rcc2-hero-in{margin-top:-14%}}

/* v62 (2026-10-01, owner): heroes flow into the next section with no visible edge, as on Contact.
   Careers shows the whole photograph: full width at its natural shape below the header, never cropped; the words overlap its
   lower part (legs and furniture, below every head) and the hero fades into a dark apply section, in both themes.
   Resources keeps its layout and new photograph; the shelf below continues the hero's dark, in both themes, with the
   dark-theme spine colours. */
@media (min-width:1001px){
 .rcc2-hero{display:block}
 .rcc2-strip{position:relative;inset:auto;top:auto;width:100%;max-width:1680px;margin:132px auto 0;aspect-ratio:1448/1086;z-index:-1}
 .rcc2-strip img{position:absolute;inset:0;object-position:50% 0%}
 .rcc2-strip:after{background:linear-gradient(0deg,#0b0709 0%,#0b0709e6 18%,#0b070900 50%),radial-gradient(70% 50% at 0% 100%,#0b0709cc,#0b070900),linear-gradient(180deg,#0b0709 0%,#0b070900 7%)}
 .rcc2-hero-in{min-height:0;margin-top:calc(min(100vw,1680px) * -.32);padding-top:0}
}
@media (min-width:1700px){.rcc2-strip img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}}
.rc-page .rcc2-apply{background:radial-gradient(70% 60% at 85% 70%,#72253a40,#72253a00 70%),#0b0709;--rc-text:#f7ecdf;--rc-muted:#d6c8c1;--rc-ivory:#0f0b0d;--rc-card:#1a1316;--rc-line:#f7ecdf1f;--rc-accent:#e9cfaa;color:#f7ecdf}
.rc-page .rcc2-apply .rc-apply .rc-btn{background:var(--rc-champ);color:#1f1a1b}
.rc-page .rcc2-apply .rc-consent input{accent-color:var(--rc-champ)}
.rc-page .rc-shelf-sec{background:radial-gradient(60% 50% at 90% 85%,#72253a33,#72253a00 70%),#0b0709;--rc-text:#f7ecdf;--rc-muted:#d6c8c1;--rc-line:#f7ecdf1f;--rc-accent:#e9cfaa;color:#f7ecdf}
.rc-page .rc-shelf-sec .rc-spine--implementing{background:#2a2124}
.rc-page .rc-shelf-sec .rc-chips button[aria-current=true]{background:var(--rc-champ);color:#1f1a1b}
.rc-page .rc-shelf-sec .rc-shelf:after{background:linear-gradient(#00000055,transparent)}
.rc-hero-media:after{background:linear-gradient(0deg,#0b0709 0%,#0b0709f0 12%,#0b070999 40%,#0b070933 70%,#0b0709b3 100%),linear-gradient(90deg,#0b0709cc,#0b070900 60%)}
.rc-g-ext{display:inline-flex;align-items:center;gap:10px;margin:18px 0 0;font-weight:700;color:var(--rc-accent);text-decoration:none;min-height:44px}
.rc-g-ext svg{width:18px;height:18px}
.rc-g-ext+.rc-btn{margin-left:24px}
html.rc-locked{overflow:hidden}
.rc-spine.is-open{cursor:pointer}
.rc-reader h3:focus{outline:none}
.rc-reader h3:focus-visible{outline:2px solid var(--rc-accent);outline-offset:4px;border-radius:4px}
/* v62 (D-236): every guide stays on the shelf at every width. Spines share the space when it is short (never under 40px), and the
   pulled-out cover gives way first; up to 1100px the shelf is a compact row without covers (a tap or click opens the reader). */
@media (min-width:701px){
 .rc-spine{flex:0 1 66px;min-width:40px}
 .rc-spine-btn{flex:0 1 66px;min-width:0}
}
@media (min-width:701px) and (max-width:1100px){
 .rc-spine.is-open{flex-basis:66px}
 .rc-cover{display:none}
}
/* D-245 (2026-10-02): the security check (Turnstile) above Submit */
.rc-ts:not(:empty){margin:14px 0 4px;min-height:65px}
/* v66.1 (owner, 2026-10-03): on phones the Library keeps its shelf. The same spines stand side by side on the wine rail and the shelf
   scrolls sideways (snap), with a fade at the right edge and a "Swipe the shelf" hint; a tap opens the guide as before. */
@media (max-width:700px){
 .rc-shelf{flex-direction:row;align-items:flex-end;gap:7px;min-height:0;height:340px;padding:0 44px 0 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;border-bottom:10px solid var(--rc-wine);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 56px),transparent)}
 .rc-shelf::-webkit-scrollbar{display:none}
 .rc-shelf.is-end{-webkit-mask-image:none;mask-image:none}
 .rc-spine{flex:0 0 calc((100% - 35px) / 5.5);min-width:50px;height:var(--hm,300px);flex-direction:row;border-radius:9px 9px 3px 3px;scroll-snap-align:start}
 .rc-spine:nth-child(3n+1){--hm:304px}.rc-spine:nth-child(3n+2){--hm:280px}.rc-spine:nth-child(3n){--hm:318px}
 .rc-spine-btn{flex:1 1 auto;flex-direction:column;justify-content:space-between;align-items:center;gap:0;padding:14px 0 12px;text-align:left}
 .rc-spine-t,.rc-spine-s{writing-mode:vertical-rl;transform:rotate(180deg)}
 .rc-spine-t{font-size:14px;max-height:206px}
 .rc-spine-s{margin-left:0;font-size:9.5px;white-space:nowrap}
 .rc-spine.is-dim{transform:translateY(10px)}
 .rc-shelf{padding-right:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),#0000)}
 .rc-shelf::after{content:"";flex:0 0 1px}
 .rc-shelf-nav{display:grid;grid-template-columns:auto 1fr 44px 44px;align-items:center;gap:10px;margin:18px 0 0}
 .rc-shelf-count{margin:0!important;font-size:13px;letter-spacing:.04em;color:var(--rc-muted);white-space:nowrap}
 .rc-shelf-count strong{color:var(--rc-champ);font-weight:700;font-variant-numeric:tabular-nums}
 .rc-shelf-track{position:relative;height:2px;margin:0 6px;border-radius:2px;background:#f7ecdf26;overflow:hidden}
 .rc-shelf-track span{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--rc-champ);transition:transform .25s,width .25s}
 .rc-shelf-arrow{appearance:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;box-shadow:inset 0 0 0 1px #f7ecdf40;color:var(--rc-champ);cursor:pointer;transition:background .3s,color .3s,opacity .3s}
 .rc-shelf-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
 .rc-shelf-prev svg{transform:rotate(180deg)}
 .rc-shelf-arrow:not(:disabled):active{background:var(--rc-champ);color:#1f1a1b}
 .rc-shelf-arrow:disabled{opacity:.32;cursor:default}
 .rc-shelf-arrow:focus-visible{outline:2px solid var(--rc-champ);outline-offset:3px}
}
@media (min-width:701px){.rc-shelf-nav{display:none}}
@media (max-width:700px) and (prefers-reduced-motion:reduce){.rc-shelf-track span,.rc-shelf-arrow{transition:none}}