/* Sharktoothify brand layer: the approved palette, type and gradients (source: brand/source/technical/brand-tokens.css), self-hosted fonts,
   and a few derived tokens where the approved colours alone would fail contrast. Everything in the app reads these variables. */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/montserrat-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/montserrat-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:italic;font-weight:700;font-display:swap;src:url("fonts/montserrat-latin-700-italic.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/inter-latin-wght-normal.woff2") format("woff2-variations"),url("fonts/inter-latin-wght-normal.woff2") format("woff2")}

:root{
  /* approved palette */
  --st-abyss-navy:#071B30; --st-deep-ocean:#0E3D66; --st-reef-blue:#0F7FA6; --st-aqua-flow:#27D7C6; --st-seafoam:#9EF4E6; --st-sandstone:#D9C9A5;
  --st-gradient-ocean:linear-gradient(145deg,#071B30 0%,#0E3D66 60%,#0F7FA6 100%);
  --st-gradient-current:linear-gradient(125deg,#0F7FA6 0%,#27D7C6 75%,#9EF4E6 100%);
  /* approved type, with sensible system fallbacks; mono is for small labels only */
  --st-font-heading:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
  --st-font-body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --st-font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  /* derived, for contrast (documented in brand/CONTRAST.md): Reef Blue is 4.6:1 on white, so it is the lightest blue allowed for text on light surfaces;
     Aqua Flow (1.7:1 on white) is for dark surfaces and for graphics only, with Abyss Navy text on top of it (10:1). */
  --st-text-on-light:#0B2540; --st-muted-on-light:#4A5C6B; --st-link-on-light:#0B6E94;
  --st-text-on-dark:#F2FAFD; --st-muted-on-dark:#B9D3E0;
  --st-surface-glass:rgba(7,27,48,.55); --st-border-glass:rgba(158,244,230,.22);
  --st-radius:14px; --st-shadow:0 10px 30px rgba(0,10,25,.35);
  --st-focus:0 0 0 3px rgba(39,215,198,.55);
}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Slim scroll bars: a translucent blue-aqua thumb on an invisible track, brighter on hover. Mid-tone so it shows on both the navy shell and white dialogs. */
:root { --st-sb-thumb: rgba(30, 150, 185, .55); --st-sb-thumb-hover: rgba(39, 215, 198, .85); }
* { scrollbar-width: thin; scrollbar-color: var(--st-sb-thumb) transparent; }
@supports selector(::-webkit-scrollbar) {
  @supports not (scrollbar-width: thin) {
    *::-webkit-scrollbar { width: 8px; height: 8px; }
    *::-webkit-scrollbar-track { background: transparent; }
    *::-webkit-scrollbar-thumb { background: var(--st-sb-thumb); border-radius: 8px; }
    *::-webkit-scrollbar-thumb:hover { background: var(--st-sb-thumb-hover); }
  }
}

/* ===== Sheet chrome and the "field guide" components (Tooth guide, Tooth words, and any dialog that uses Dialog) =====
   Light sheet: ink #0B2540 on white, hairlines instead of boxes, one accent (Reef Blue text #0B6E94, Deep Ocean fill #0E3D66).
   Montserrat for names and titles, Inter for reading text, small spaced capitals for labels. Aqua is never used for text on white. */
.dlg{background:#fff;border-radius:22px;width:100%;max-width:440px;max-height:min(92vh,92dvh);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,20,45,.5),0 0 0 1px rgba(7,27,48,.05);font-family:var(--st-font-body);color:var(--st-text-on-light)}
.dlg.wide{max-width:680px}
.dlg-hd{flex:none;display:flex;align-items:center;gap:.2rem;padding:.8rem .7rem .7rem 1.35rem;border-bottom:1px solid #E3EBF1}
.dlg-ttl{flex:1;min-width:0;margin:0;font:600 1.3rem/1.2 var(--st-font-heading);letter-spacing:-.012em;color:#071B30}
.dlg-b{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:38px;min-width:38px;padding:0 .65rem;border:0;border-radius:11px;background:transparent;color:#3A566C;font:600 .8rem/1 var(--st-font-body);cursor:pointer;transition:background .15s,color .15s}
.dlg-b.i{width:38px;padding:0}
.dlg-b:hover{background:#EDF3F7;color:#0E3D66}
.dlg-b:focus-visible,.gd-o:focus-visible,.gd-link:focus-visible,.gd-clr:focus-visible,.gl-az button:focus-visible,.gl-search button:focus-visible{outline:2px solid #0F7FA6;outline-offset:2px}
.dlg-sub{flex:none;padding:.75rem 1.35rem .7rem;border-bottom:1px solid #E3EBF1;background:#fff}
.dlg-bd{flex:1;min-height:0;overflow-y:auto;padding:1.05rem 1.35rem 1.4rem;-webkit-overflow-scrolling:touch}
@media (max-width:480px){.dlg-hd{padding-left:1.1rem}.dlg-sub{padding-left:1.1rem;padding-right:1.1rem}.dlg-bd{padding-left:1.1rem;padding-right:1.1rem}}

.gd-lead{margin:0;font-size:.9rem;line-height:1.6;color:#4A5C6B}
.gd-eyebrow{margin:1.5rem 0 .15rem;font:700 .68rem/1.2 var(--st-font-body);letter-spacing:.13em;text-transform:uppercase;color:#456579}
.gd-q{display:grid;grid-template-columns:1.7rem minmax(0,1fr);column-gap:.4rem;padding:1rem 0 1.05rem;border-bottom:1px solid #E8EFF4}
.gd-q:last-of-type{border-bottom:0}
.gd-n{padding-top:.14rem;font:600 .78rem/1.5 var(--st-font-heading);color:#0B6E94;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.gd-ql{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}
.gd-qt{margin:0;font:600 .98rem/1.38 var(--st-font-body);color:#0B2540}
.gd-clr{flex:none;border:0;background:none;padding:.1rem 0;font:600 .76rem/1 var(--st-font-body);color:#0B6E94;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.gd-help{margin:.25rem 0 .7rem;font-size:.82rem;line-height:1.55;color:#4A5C6B}
.gd-opts{display:grid;gap:.4rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.gd-opts.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:560px){.gd-opts.n4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.gd-o{min-height:46px;padding:.4rem .5rem;border:1.5px solid #C6D6E2;border-radius:12px;background:#fff;color:#0B2540;font:600 .86rem/1.25 var(--st-font-body);text-align:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.gd-o:hover{border-color:#0F7FA6;background:#F2F8FB}
.gd-o[aria-pressed=true]{background:#0E3D66;border-color:#0E3D66;color:#fff}

.gd-field{display:block;margin:.55rem 0 0}
.gd-field>span{display:block;margin:0 0 .3rem;font:600 .82rem/1.3 var(--st-font-body);color:#26394A}
.gd-field>small{display:block;margin:.3rem 0 0;font-size:.76rem;line-height:1.45;color:#5A6B78}
.gd-in,.gl-search input{width:100%;box-sizing:border-box;height:46px;padding:0 .85rem;border:1.5px solid #C6D6E2;border-radius:12px;background:#fff;color:#0B2540;font:500 1rem var(--st-font-body)}
.gd-in::placeholder,.gl-search input::placeholder{color:#74889A}
.gd-in:focus,.gl-search input:focus{border-color:#0F7FA6}
.dlg input:focus-visible,.dlg select:focus-visible,.dlg textarea:focus-visible{outline:2px solid #0F7FA6;outline-offset:2px}
.gd-sw{position:relative}.gd-sw>svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#5A7A8E;pointer-events:none}.gd-sw .gd-in{padding-left:2.55rem}

.gd-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem .8rem}
.gd-ticks{grid-column:1/-1;display:flex;gap:3px}.gd-ticks i{flex:1;height:4px;border-radius:2px;background:#DCE7EF;transition:background .2s}.gd-ticks i.on{background:#0F7FA6}
.gd-count{font:600 .78rem/1.3 var(--st-font-body);color:#3A566C}.gd-count b{color:#071B30;font-weight:700}
.gd-rh{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin:1.6rem 0 .3rem}
.gd-rt{margin:0;font:600 1.12rem/1.2 var(--st-font-heading);letter-spacing:-.01em;color:#071B30}
.gd-link{display:inline-flex;align-items:center;gap:.3rem;border:0;background:none;padding:.3rem 0;font:600 .8rem/1.2 var(--st-font-body);color:#0B6E94;cursor:pointer}
.gd-link:hover{color:#0E3D66}.gd-link svg{transition:transform .2s}.gd-link[aria-expanded=true] svg.chev{transform:rotate(90deg)}
.gd-note{margin:.6rem 0 0;font-size:.8rem;line-height:1.55;color:#4A5C6B}

.gd-r{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:.9rem;padding:1.05rem 0;border-top:1px solid #E8EFF4}
.gd-th{grid-row:1;width:64px;height:64px;border-radius:14px;background:radial-gradient(circle at 50% 30%,#FBFDFE,#E3EEF4);display:grid;place-items:center;overflow:hidden}
.gd-nm{margin:0;font:600 1.04rem/1.25 var(--st-font-heading);letter-spacing:-.005em;color:#071B30}
.gd-sci{margin:.1rem 0 0;font-size:.8rem;line-height:1.4;font-style:italic;color:#4A5C6B}
.gd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .55rem;margin:.45rem 0 0;font-size:.76rem;line-height:1.4;color:#566B7B}
.gd-fit{display:inline-flex;align-items:center;gap:.38rem;font:700 .64rem/1 var(--st-font-body);letter-spacing:.1em;text-transform:uppercase}
.gd-fit::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.gd-fit.s{color:#0E6B4A}.gd-fit.p{color:#8A5A00}.gd-fit.u{color:#66798A}
.gd-key{grid-column:1/-1;margin:.8rem 0 0;font-size:.88rem;line-height:1.62;color:#26333D}
.gd-key.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gd-acts{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem .8rem;margin-top:.55rem}
.gd-link.cmp{padding:.38rem .75rem;border:1.5px solid #C6D6E2;border-radius:10px;background:#fff;color:#0E3D66}.gd-link.cmp:hover{border-color:#0F7FA6;background:#F2F8FB}.gd-link.cmp.on{background:#E3F1F7;border-color:#0F7FA6}
.gd-dt{grid-column:1/-1;margin-top:.9rem}
.gd-fig{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}
.gd-fig figure{margin:0;padding:.7rem .6rem .6rem;border-radius:14px;background:#F2F7FA;text-align:center}
.gd-fig img{display:block;margin:0 auto;max-width:100%;object-fit:contain;border-radius:8px}
.gd-fig figcaption,.gd-cap{margin:.4rem 0 0;font-size:.7rem;line-height:1.4;color:#5A6B78}
.gd-photos{display:flex;gap:.5rem;overflow-x:auto;margin:.6rem 0 0;padding-bottom:.2rem}.gd-photos figure{flex:none;margin:0}.gd-photos img{height:118px;border-radius:10px;display:block}
.gd-dl{display:grid;grid-template-columns:9.2rem minmax(0,1fr);margin:1rem 0 0;border-top:1px solid #E3EBF1}
.gd-dl dt{padding:.7rem .7rem .6rem 0;border-bottom:1px solid #EDF2F6;font:700 .64rem/1.6 var(--st-font-body);letter-spacing:.11em;text-transform:uppercase;color:#456579}
.gd-dl dd{margin:0;padding:.6rem 0;border-bottom:1px solid #EDF2F6;font-size:.86rem;line-height:1.6;color:#1B2B38}
@media (max-width:440px){.gd-dl{grid-template-columns:minmax(0,1fr)}.gd-dl dt{padding:.7rem 0 0;border-bottom:0}.gd-dl dd{padding:.1rem 0 .6rem}}
.gd-vs{list-style:none;margin:.2rem 0 0;padding:0}.gd-vs li{padding:.6rem 0;border-bottom:1px solid #EDF2F6;font-size:.86rem;line-height:1.55;color:#1B2B38}.gd-vs b{color:#071B30}
.gd-src{margin:1rem 0 0;font-size:.72rem;line-height:1.5;color:#5A6B78}.gd-src b{font:700 .64rem/1 var(--st-font-body);letter-spacing:.11em;text-transform:uppercase;color:#456579;display:block;margin-bottom:.3rem}.gd-src p{margin:.15rem 0}
.gd-fact{margin:.9rem 0 .2rem;padding:.05rem 0 .05rem .9rem;border-left:2px solid #27D7C6;font-size:.88rem;line-height:1.6;color:#26333D}
.gd-fact b{display:block;margin:0 0 .15rem;font:700 .64rem/1.4 var(--st-font-body);letter-spacing:.12em;text-transform:uppercase;color:#0B6E94}

.gd-cmp{margin:.9rem 0 .2rem;padding:.9rem 1rem .8rem;border:1.5px solid #0F7FA6;border-radius:16px;background:#F7FBFD}
.gd-cmp-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.gd-cmp-h h3{margin:0;font:600 1rem/1.2 var(--st-font-heading);color:#071B30}
.gd-cmp table{width:100%;border-collapse:collapse;font-size:.84rem}
.gd-cmp th{padding:.45rem .5rem .45rem 0;text-align:left;vertical-align:bottom;font:600 .8rem/1.25 var(--st-font-heading);color:#071B30;border-bottom:1.5px solid #C6D6E2}
.gd-cmp th:first-child{width:24%}
.gd-cmp td{padding:.5rem .5rem .5rem 0;vertical-align:top;line-height:1.4;color:#33454F;border-bottom:1px solid #E3ECF2}
.gd-cmp td:first-child{font:700 .64rem/1.8 var(--st-font-body);letter-spacing:.1em;text-transform:uppercase;color:#456579}
.gd-cmp tr.diff td:not(:first-child){font-weight:700;color:#0B2540}.gd-cmp tr.diff td:first-child{box-shadow:inset 3px 0 0 #27D7C6;padding-left:.55rem}

.gl-search{position:relative}.gl-search input{padding:0 2.7rem 0 2.55rem}.gl-search>svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#5A7A8E;pointer-events:none}
.gl-search button{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#4A667A;cursor:pointer;display:grid;place-items:center}.gl-search button:hover{background:#EDF3F7}
.gl-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:.55rem 0 0;font-size:.76rem;color:#566B7B}
.gl-az{display:flex;flex-wrap:wrap;gap:.1rem;margin:.5rem -.3rem 0}.gl-az button{min-width:30px;height:30px;padding:0 .3rem;border:0;border-radius:8px;background:none;color:#0B6E94;font:700 .78rem/1 var(--st-font-heading);cursor:pointer}.gl-az button:hover{background:#EDF3F7}
.gl-l{position:sticky;top:-1px;z-index:1;margin:0;padding:1rem 0 .4rem;background:#fff;border-bottom:1px solid #E3EBF1;font:600 .86rem/1 var(--st-font-heading);letter-spacing:.08em;color:#0B6E94}
.gl-t{padding:.8rem 0 .85rem;border-bottom:1px solid #EEF3F6}.gl-t:last-child{border-bottom:0}
.gl-w{margin:0;font:600 1rem/1.3 var(--st-font-heading);letter-spacing:-.005em;color:#071B30}
.gl-d{margin:.25rem 0 0;font-size:.88rem;line-height:1.62;color:#33454F}
.gl-none{margin:1.4rem 0;font-size:.9rem;color:#4A5C6B}

.gd-meta>span+span::before{content:"\00b7";margin-right:.55rem;color:#8AA0B0}

/* ---- shared controls (light sheets): line tabs, joined segmented control, outlined button, fields ---- */
.ui-tabs{display:flex;gap:1.5rem;margin:-.15rem 0 1rem;border-bottom:1px solid #E3EBF1;overflow-x:auto;scrollbar-width:none}.ui-tabs::-webkit-scrollbar{display:none}
.ui-tab{position:relative;flex:none;border:0;background:none;padding:.3rem 0 .75rem;font:600 .92rem/1.2 var(--st-font-body);color:#5A7184;cursor:pointer;white-space:nowrap}
.ui-tab:hover{color:#0E3D66}.ui-tab[aria-selected=true]{color:#071B30}
.ui-tab[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#0E3D66}
.ui-tab:focus-visible,.ui-seg button:focus-visible,.ui-btn:focus-visible{outline:2px solid #0F7FA6;outline-offset:2px}
.ui-seg{display:inline-flex;border:1.5px solid #C6D6E2;border-radius:11px;overflow:hidden;background:#fff}
.ui-seg button{border:0;background:#fff;padding:.45rem .95rem;font:600 .82rem/1.2 var(--st-font-body);color:#0E3D66;cursor:pointer}
.ui-seg button+button{border-left:1.5px solid #C6D6E2}.ui-seg button:hover{background:#F2F8FB}
.ui-seg button[aria-pressed=true]{background:#0E3D66;color:#fff}
.ui-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem .9rem;border:1.5px solid #C6D6E2;border-radius:10px;background:#fff;color:#0E3D66;font:600 .82rem/1.2 var(--st-font-body);cursor:pointer;text-decoration:none}
.ui-btn:hover{border-color:#0F7FA6;background:#F2F8FB}
.ui-in{width:100%;box-sizing:border-box;height:46px;padding:0 .85rem;border:1.5px solid #C6D6E2;border-radius:12px;background:#fff;color:#0B2540;font:500 1rem var(--st-font-body)}
.ui-in::placeholder{color:#74889A}.ui-in:focus{border-color:#0F7FA6}
select.ui-in{appearance:none;-webkit-appearance:none;padding-right:2.3rem;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A667A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right .8rem center/14px;text-overflow:ellipsis}

/* ---- Where to hunt ---- */
.pl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.pl-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin:.8rem 0 .2rem}.pl-bar .n{margin-left:auto;font-size:.78rem;color:#566B7B}
.pl-r{padding:1.1rem 0;border-top:1px solid #E8EFF4}
.pl-r h3{margin:0;font:600 1.06rem/1.25 var(--st-font-heading);letter-spacing:-.005em;color:#071B30}
.pl-meta{margin:.4rem 0 0;font-size:.8rem;line-height:1.45;color:#4A5C6B}
.pl-st{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .7rem;margin:.45rem 0 0;font-size:.76rem;line-height:1.4;color:#566B7B}
.pl-st .gd-fit.s{color:#0E6B4A}
.pl-warn{display:flex;gap:.55rem;align-items:flex-start;margin:.6rem 0 0;padding:.6rem .75rem;border-left:3px solid #C8372D;border-radius:0 10px 10px 0;background:#FDF4F3;font-size:.83rem;line-height:1.5;color:#7A1A14}.pl-warn svg{flex:none;margin-top:.14rem}
.pl-state{margin:.9rem 0 .3rem;padding:.8rem .95rem;border-left:3px solid #D79B2B;border-radius:0 12px 12px 0;background:#FFF9EC}
.pl-state h3{margin:0 0 .25rem;font:600 .95rem/1.3 var(--st-font-heading);color:#071B30}.pl-state p{margin:.2rem 0;font-size:.84rem;line-height:1.55;color:#33454F}
.pl-src{margin:.75rem 0 0;font-size:.75rem;line-height:1.6;color:#5A6B78}.pl-src a,.pl-state a{color:#0B6E94;text-underline-offset:2px;overflow-wrap:anywhere}
.pl-det{margin:.7rem 0 0}.pl-det summary{cursor:pointer;font:600 .82rem/1.4 var(--st-font-body);color:#0B6E94}.pl-det div{margin:.4rem 0 0;font-size:.82rem;line-height:1.55;color:#33454F}
.pl-acts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.gd-dl.sm{grid-template-columns:6.6rem minmax(0,1fr);margin-top:.8rem}
@media (max-width:440px){.gd-dl.sm{grid-template-columns:minmax(0,1fr)}}
select.ui-in{padding-left:.7rem;padding-right:1.9rem;background-position:right .6rem center}
.pl-st>span+span::before{content:"\00b7";margin-right:.7rem;color:#8AA0B0}
@media (max-width:440px){.pl-grid{grid-template-columns:minmax(0,1fr)}}

/* ---- My collection (Dialog xl + flush): line tabs over one page on a phone; a side menu, a dashboard and list-beside-detail from 900px ---- */
.dlg.xl{max-width:min(1200px,100%)}
.dlg-bd.flush{padding:0}
.rc{display:block;min-height:0}
.rc-side{display:block}
.rc-sum{margin:0;padding:.85rem 1.1rem 0;font-size:.8rem;line-height:1.4;color:#4A5C6B}.rc-sum span{white-space:nowrap}
.rc-nav{display:flex;gap:1.5rem;margin:0;padding:.7rem 1.1rem 0;border-bottom:1px solid #E3EBF1;overflow-x:auto;scrollbar-width:none}
.rc-nav::-webkit-scrollbar{display:none}
.rc-nb{position:relative;flex:none;display:inline-flex;align-items:baseline;gap:.4rem;border:0;background:none;padding:.3rem 0 .75rem;font:600 .92rem/1.2 var(--st-font-body);color:#5A7184;cursor:pointer;white-space:nowrap}
.rc-nb:hover{color:#0E3D66}.rc-nb[aria-selected=true]{color:#071B30}
.rc-nb[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#0E3D66}
.rc-nb small{font:600 .74rem/1 var(--st-font-body);color:#5A7184;font-variant-numeric:tabular-nums}
.rc-nb:focus-visible,.rc-row:focus-visible,.rc-lrow:focus-visible{outline:2px solid #0F7FA6;outline-offset:2px}
.rc-side-tools{display:none}
.rc-pane{padding:1.05rem 1.1rem 1.5rem}
.rc-h{margin:0 0 .7rem;font:700 .68rem/1.2 var(--st-font-body);letter-spacing:.13em;text-transform:uppercase;color:#456579}
.rc-lead{margin:0 0 .8rem;font-size:.88rem;line-height:1.55;color:#4A5C6B}
.rc-none{margin:1.2rem 0;font-size:.9rem;line-height:1.55;color:#4A5C6B}
.rc-empty{display:grid;justify-items:center;gap:.5rem;padding:2.5rem 1rem;text-align:center;color:#74889A}.rc-empty p{margin:0;max-width:34rem;font-size:.92rem;line-height:1.6;color:#4A5C6B}
.rc-fine{margin:.7rem 0 0;font-size:.76rem;line-height:1.5;color:#5A6B78}
.rc-tools{margin:0 0 .8rem}.rc-who{max-width:100%;overflow-x:auto}.rc-who button{white-space:nowrap}

.rc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 1.2rem;border-top:1px solid #E3EBF1;border-bottom:1px solid #E3EBF1}
.rc-stats>div{padding:.95rem .2rem .9rem}
.rc-stats>div:nth-child(even){padding-left:1rem;border-left:1px solid #E3EBF1}.rc-stats>div:nth-child(n+3){border-top:1px solid #E3EBF1}
.rc-stats b{display:block;font:600 1.9rem/1.05 var(--st-font-heading);letter-spacing:-.02em;color:#071B30;font-variant-numeric:tabular-nums}
.rc-stats span{display:block;margin-top:.3rem;font-size:.78rem;line-height:1.3;color:#4A5C6B}
.rc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.rc-col{display:block}
@media (min-width:600px){.rc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.rc-stats>div,.rc-stats>div:nth-child(even){padding:1rem 1.1rem .95rem;border-left:1px solid #E3EBF1;border-top:0}.rc-stats>div:first-child{padding-left:.2rem;border-left:0}}
@media (min-width:700px){.rc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2.2rem}}
@media (max-width:560px){.mback:has(>.dlg.xl){padding:.5rem}.dlg.xl{max-height:min(96vh,96dvh)}}
.rc-sec{padding:1.05rem 0 1.1rem;border-bottom:1px solid #EEF3F7}.rc-sec:last-child{border-bottom:0}
.rc-best{margin:0;font-size:.92rem;line-height:1.5;color:#26394A}.rc-best b{font:600 1.7rem/1 var(--st-font-heading);color:#071B30;margin-right:.2rem}
.rc-li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;border-bottom:1px solid #EEF3F7;font-size:.9rem;color:#0B2540}.rc-li:last-of-type{border-bottom:0}
.rc-li b{font:600 .9rem var(--st-font-body);color:#0E3D66;font-variant-numeric:tabular-nums}.rc-li em{font-style:normal;font-size:.82rem;color:#4A5C6B;text-align:right}
.rc-more{margin-top:.5rem}
.rc-bars{display:flex;align-items:flex-end;gap:12px;height:164px;padding:0 0 1.5rem;border-bottom:1px solid #D5E1EA;position:relative}
.rc-bar{position:relative;flex:1 1 0;max-width:64px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.rc-bar i{display:block;width:100%;border-radius:5px 5px 0 0;background:#0E3D66}
.rc-bar b{font:600 .78rem/1 var(--st-font-body);color:#0B2540;font-variant-numeric:tabular-nums}
.rc-bar span{position:absolute;bottom:-1.4rem;font-size:.72rem;color:#5A7184}
.rc-inline-exp{margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid #E3EBF1}
.rc-exp-b{display:flex;flex-wrap:wrap;gap:.5rem}

/* finds */
.rc-filters{display:grid;gap:.65rem;margin:0 0 .6rem}
.rc-sels{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:.5rem}
.rc-sels .ui-in{height:42px;font-size:.84rem;padding-left:.65rem;padding-right:1.7rem;background-position:right .5rem center}
@media (max-width:520px){.rc-sels .ui-in{font-size:1rem}}
.rc-count{margin:0;font-size:.76rem;color:#5A6B78}
.rc-list{display:block}
.rc-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:.8rem;width:100%;padding:.65rem .4rem;border:0;border-bottom:1px solid #EEF3F7;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.rc-row:hover{background:#F5F9FC}
.rc-row[aria-current=true]{background:#EEF5FA;box-shadow:inset 3px 0 0 #0E3D66}
.rc-th{width:52px;height:52px;border-radius:12px;background:radial-gradient(circle at 50% 30%,#FBFDFE,#E3EEF4);display:grid;place-items:center;overflow:hidden;color:#8AA5B8}
.rc-th img{width:100%;height:100%;object-fit:cover}
.rc-rm{min-width:0;display:block}
.rc-rm b{display:block;font:600 .95rem/1.25 var(--st-font-heading);color:#071B30;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-rm em{display:block;font-size:.8rem;color:#4A5C6B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-rm small{display:block;margin-top:.1rem;font-size:.76rem;color:#5A6B78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-cn,.rc-mono{font:500 .72rem/1 var(--st-font-mono);color:#456579;letter-spacing:.02em}
.rc-det{display:block}
.rc-back{margin:0 0 .6rem}
.rc-ph{border-radius:16px;background:#F1F6F9;overflow:hidden}
.rc-ph img{display:block;width:100%;max-height:340px;object-fit:contain}
.rc-ph-none{display:grid;justify-items:center;gap:.4rem;padding:1.4rem 1rem;color:#8AA5B8}.rc-ph-none p{margin:0;max-width:26rem;text-align:center;font-size:.78rem;line-height:1.5;color:#5A6B78}
.rc-dn{margin:1rem 0 .1rem;font:600 1.4rem/1.2 var(--st-font-heading);letter-spacing:-.012em;color:#071B30}
.rc-ds{margin:0;font-size:.92rem;color:#4A5C6B}
.rc-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.9rem 1.2rem;margin:1.1rem 0 1rem;padding:1rem 0;border-top:1px solid #E3EBF1;border-bottom:1px solid #E3EBF1}
.rc-dl>div{min-width:0}.rc-dl .rc-full{grid-column:1/-1}
.rc-dl dt{margin:0 0 .15rem;font:700 .66rem/1.2 var(--st-font-body);letter-spacing:.12em;text-transform:uppercase;color:#456579}
.rc-dl dd{margin:0;font-size:.9rem;line-height:1.45;color:#0B2540;overflow-wrap:anywhere}
.rc-lbl{display:block;margin:0 0 .35rem;font:600 .82rem/1.3 var(--st-font-body);color:#26394A}
.rc-note{display:block;width:100%;box-sizing:border-box;min-height:84px;padding:.65rem .8rem;border:1.5px solid #C6D6E2;border-radius:12px;background:#fff;color:#0B2540;font:500 1rem/1.5 var(--st-font-body);resize:vertical}
.rc-note:focus{outline:none;border-color:#0F7FA6}
.rc-acts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.ui-btn.rc-pri{background:#0E3D66;border-color:#0E3D66;color:#fff}.ui-btn.rc-pri:hover{background:#0B3354;border-color:#0B3354}

/* life list and tally: rows on a phone, a table from 900px */
.rc-lh,.rc-th2{display:none}
.rc-lrow{display:grid;grid-template-columns:1.6rem 52px minmax(0,1fr) auto;align-items:center;gap:.8rem;width:100%;padding:.65rem .2rem;border:0;border-bottom:1px solid #EEF3F7;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.rc-lrow:disabled{cursor:default}.rc-lrow:not(:disabled):hover{background:#F5F9FC}
.rc-rank{font:600 .82rem var(--st-font-heading);color:#5A7184;text-align:right;font-variant-numeric:tabular-nums}
.rc-lc b{font:600 1rem var(--st-font-heading);color:#0E3D66}.rc-lc i{font-style:normal;font-size:.78rem;color:#4A5C6B}
.rc-lf,.rc-lw{display:none}
.rc-trow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .8rem;padding:.7rem .2rem;border-bottom:1px solid #EEF3F7}
.rc-td{font:600 .9rem var(--st-font-body);color:#071B30}.rc-tc{grid-row:1;grid-column:2;text-align:right}.rc-tc b{font:600 1rem var(--st-font-heading);color:#0E3D66}.rc-tc i{font-style:normal;font-size:.78rem;color:#4A5C6B}
.rc-tn{grid-column:1/-1;font-size:.86rem;color:#26394A}.rc-tn em{font-style:normal;color:#74889A}.rc-tw{grid-column:1/-1;font-size:.76rem;color:#5A6B78}

@media (min-width:900px){
  .dlg.xl{height:min(860px,92vh);height:min(860px,92dvh)}
  .dlg-bd.flush{overflow:hidden}
  .rc{display:grid;grid-template-columns:clamp(196px,19vw,236px) minmax(0,1fr);height:100%}
  .rc-side{display:flex;flex-direction:column;min-height:0;overflow-y:auto;border-right:1px solid #E3EBF1;background:#F7FAFC;padding:1.3rem 0 1.1rem}
  .rc-sum{padding:0 1.4rem 1rem;font-size:.8rem}
  .rc-nav{flex-direction:column;gap:.15rem;padding:0 .8rem;border:0;overflow:visible}
  .rc-nb{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.66rem .8rem;border-radius:10px;font-size:.92rem;text-align:left}
  .rc-nb:hover{background:#EEF4F8}
  .rc-nb[aria-selected=true]{background:#fff;box-shadow:inset 3px 0 0 #0E3D66,0 0 0 1px #E3EBF1}
  .rc-nb[aria-selected=true]::after{display:none}
  .rc-side-tools{display:block;margin-top:auto;padding:1.1rem 1.4rem 0;border-top:1px solid #E3EBF1}
  .rc-side-tools .rc-exp-b{flex-direction:column;align-items:stretch}.rc-side-tools .ui-btn{justify-content:center}
  .rc-inline-exp{display:none}
  .rc-main{min-height:0;min-width:0;overflow-y:auto}
  .rc-main.split{overflow:hidden}
  .rc-pane{padding:1.6rem 2rem 2.2rem;max-width:980px}

  .rc-stats{margin-bottom:.8rem}
  .rc-stats>div,.rc-stats>div:nth-child(even){padding:1.05rem 1.2rem 1rem}
  .rc-stats>div:first-child{padding-left:.2rem}
  .rc-stats b{font-size:2.3rem}
  .rc-grid{column-gap:2.6rem}
  .rc-sec{padding:1.3rem 0 1.4rem}
  .rc-bars{height:196px}.rc-bar{max-width:76px}

  .rc-split{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);height:100%}
  .rc-listcol{min-height:0;overflow-y:auto;padding:1.2rem 1rem 1.5rem 1.4rem;border-right:1px solid #E3EBF1}
  .rc-listcol .rc-cn{display:none}.rc-listcol .rc-row{grid-template-columns:52px minmax(0,1fr)}
  .rc-detail{min-height:0;min-width:0;overflow-y:auto;padding:1.5rem 1.8rem 2rem}
  .rc-det{max-width:620px}
  .rc-ph img{max-height:380px}
  .rc-dl .rc-full{grid-column:1/-1}

  .rc-lh,.rc-lrow{display:grid;grid-template-columns:2rem 52px minmax(0,1.7fr) 6rem minmax(0,1fr) minmax(0,1fr);gap:.9rem;align-items:center}
  .rc-lh{padding:.3rem .2rem .55rem;border-bottom:1px solid #D5E1EA;font:700 .66rem/1.2 var(--st-font-body);letter-spacing:.12em;text-transform:uppercase;color:#456579}
  .rc-lh span:nth-child(4),.rc-lc{text-align:right}
  .rc-lm{display:none}
  .rc-lf,.rc-lw{display:block;font-size:.86rem;color:#26394A}.rc-lf small{display:block;font-size:.74rem;color:#5A6B78}
  .rc-th2,.rc-trow{display:grid;grid-template-columns:minmax(0,1.2fr) 6rem minmax(0,2fr) minmax(0,1fr);gap:1rem;align-items:baseline}
  .rc-th2{padding:.3rem .2rem .55rem;border-bottom:1px solid #D5E1EA;font:700 .66rem/1.2 var(--st-font-body);letter-spacing:.12em;text-transform:uppercase;color:#456579}.rc-th2 span:nth-child(2){text-align:right}
  .rc-trow{padding:.75rem .2rem}.rc-tc{grid-row:auto;grid-column:auto}.rc-tn,.rc-tw{grid-column:auto}
}