/* "Heritage" look: parchment page, forest-green bars, gold trim, serif display type.
   Colors are variables so account themes (see THEMES in src/core/themes.ts) just override them. Layout: top nav, kennel hero banner, green-header panels. */
:root{
  --parch:#e9dfc8; --paper:#f6f0e0; --paper2:#efe6cf; --line:#cdbd96; --line2:#b9a77c;
  --ink:#2a2118; --muted:#6f6249; --soft:#4a3e2c;
  --g9:#0b241e; --g8:#12372d; --g7:#1b5640; --g6:#2b6f52;
  --gold:#c8a24c; --gold2:#e6c875; --cream:#f4ecd6;
  --head:#12372d; --head2:#1b5640; --surf:#fbf3d6; --surf2:#e8e0c8; --bgA:#f3ead3; --bgB:#e3d6b8; --pillb:#3d5a4d;
  --good:#2e7d4f; --warn:#a85f12; --bad:#a63a32; --purple:#6b4a9a;
  --disp:"Cinzel",Georgia,"Times New Roman",serif; --body:"Lato",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:light;
}
/* ---- account color schemes ---- */
:root[data-theme="navy"]{--head:#14284b;--head2:#23457a;--parch:#dfe5ee;--paper:#f3f6fa;--paper2:#e8edf4;--line:#c3cddc;--line2:#a9b6ca;--ink:#1b2433;--muted:#5a667a;--soft:#38445a;--g9:#0a1830;--g8:#14284b;--g7:#23457a;--g6:#365f9a;--gold:#b8934a;--gold2:#e2c27c;--cream:#eef2f8;--surf:#f8fafd;--surf2:#e2e8f1;--bgA:#eef2f8;--bgB:#d3dbe8;--pillb:#3a557f;color-scheme:light}
:root[data-theme="burgundy"]{--head:#5a1626;--head2:#7d2438;--parch:#ecdfd2;--paper:#f8f0e6;--paper2:#f0e3d4;--line:#d6c0a8;--line2:#c1a587;--ink:#2b1a1a;--muted:#76584f;--soft:#523a34;--g9:#2e0b14;--g8:#5a1626;--g7:#7d2438;--g6:#9c3a4f;--gold:#c39a48;--gold2:#e8c880;--cream:#f8ecdc;--surf:#fdf6ea;--surf2:#ecdcc8;--bgA:#f6ebdb;--bgB:#e5d1bb;--pillb:#7a3342;color-scheme:light}
:root[data-theme="ocean"]{--head:#0f4a52;--head2:#1b6b73;--parch:#d9e7e5;--paper:#f1f8f6;--paper2:#e3efec;--line:#b7d0cb;--line2:#97bab3;--ink:#16292b;--muted:#4f6b6c;--soft:#2f4a4c;--g9:#06292e;--g8:#0f4a52;--g7:#1b6b73;--g6:#2f8a90;--gold:#c9a050;--gold2:#e8cb84;--cream:#eef8f5;--surf:#f6fbfa;--surf2:#dbeae7;--bgA:#e9f4f1;--bgB:#c9dedb;--pillb:#2f6b72;color-scheme:light}
:root[data-theme="plum"]{--head:#3d1f56;--head2:#5a3380;--parch:#e4dcec;--paper:#f6f2fa;--paper2:#ece5f3;--line:#cdbfdb;--line2:#b5a3c8;--ink:#241830;--muted:#675878;--soft:#463a58;--g9:#210f33;--g8:#3d1f56;--g7:#5a3380;--g6:#76509c;--gold:#c39b4e;--gold2:#e6c883;--cream:#f4eefa;--surf:#faf7fd;--surf2:#e6def0;--bgA:#f0eaf6;--bgB:#d9cde6;--pillb:#5e4381;color-scheme:light}
:root[data-theme="slate"]{--head:#2b3035;--head2:#464d54;--parch:#e0e0dd;--paper:#f4f4f2;--paper2:#eaeae7;--line:#c9c9c4;--line2:#b0b0a9;--ink:#202326;--muted:#60656a;--soft:#3d4247;--g9:#15181b;--g8:#2b3035;--g7:#464d54;--g6:#5f6770;--gold:#b86e3a;--gold2:#e0a070;--cream:#f1f1ee;--surf:#f9f9f7;--surf2:#e3e3df;--bgA:#efefec;--bgB:#d6d6d1;--pillb:#555d65;color-scheme:light}
:root[data-theme="midnight"]{--parch:#12151a;--paper:#1c2027;--paper2:#232830;--line:#343b46;--line2:#46505e;--ink:#e8e4d8;--muted:#a0a79f;--soft:#c9c7bb;--g9:#080a0d;--g8:#10141a;--g7:#1f3a33;--g6:#2f5a4d;--gold:#d5ad45;--gold2:#f0cf6a;--cream:#efe8d0;--surf:#262b34;--surf2:#2f3540;--bgA:#1a1f26;--bgB:#0e1115;--pillb:#3a4452;--head:#f0cf6a;--head2:#9fd3b8;--good:#5fc38a;--warn:#e0a050;--bad:#ee7d74;color-scheme:dark}
:root[data-theme="contrast"]{--head:#000000;--head2:#000000;--parch:#ffffff;--paper:#ffffff;--paper2:#f2f2f2;--line:#555555;--line2:#222222;--ink:#000000;--muted:#333333;--soft:#111111;--g9:#000000;--g8:#000000;--g7:#1a1a1a;--g6:#333333;--gold:#ffd400;--gold2:#ffe14d;--cream:#ffffff;--surf:#ffffff;--surf2:#ebebeb;--bgA:#ffffff;--bgB:#ffffff;--pillb:#ffffff;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--body);color:var(--ink);line-height:1.5;min-height:100vh;
  background:radial-gradient(1200px 700px at 20% 0%,var(--bgA) 0,transparent 60%),radial-gradient(900px 600px at 100% 30%,var(--bgB) 0,transparent 55%),var(--parch)}
a{color:inherit;text-decoration:none}
button,input,select{font-family:inherit}

/* ---- top nav ---- */
.nav{background:linear-gradient(180deg,var(--g8),var(--g9));border-bottom:2px solid var(--gold);position:sticky;top:0;z-index:30}
.nav-in{max-width:1560px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:0 20px;height:62px}
.brand{font-family:var(--disp);font-weight:700;color:var(--gold2);line-height:1;display:grid;gap:2px;text-shadow:0 1px 0 rgba(0,0,0,.4)}
.brand b{font-size:26px;letter-spacing:.5px}.brand small{font-size:9px;letter-spacing:.42em;color:var(--gold);padding-left:2px}
.links{display:flex;gap:2px;flex:1 0 auto;overflow-x:auto;scrollbar-width:none}
.links a{font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--cream);padding:21px 10px;white-space:nowrap;position:relative}
.links a:hover{color:var(--gold2)}
.links a.on{color:var(--gold2)}
.links a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:10px;height:2px;background:var(--gold)}
.pills{display:flex;gap:8px;align-items:center}
.cpill{display:flex;align-items:center;gap:7px;background:rgba(0,0,0,.35);border:1px solid var(--pillb);border-radius:20px;padding:5px 13px;color:var(--cream);font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums}
.cpill svg{width:17px;height:17px;color:var(--gold2)}
.ico{width:34px;height:34px;display:grid;place-items:center;color:var(--gold2);border-radius:50%}
.ico svg{width:20px;height:20px}
.bell{position:relative}.bell .badge{position:absolute;top:0;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#c0392b;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}
.nrow{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:11px 14px;border-top:1px solid var(--line,rgba(255,255,255,.08));text-decoration:none;color:inherit}
.nrow.unread{border-left:3px solid var(--gold2,#d4af37);padding-left:11px}.nrow b{display:block}.nrow small{color:var(--muted,#8a8f98)}
.attn{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-top:1px solid var(--line,rgba(255,255,255,.08));text-decoration:none;color:inherit}.attn i{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none;background:#5b8def}.attn.warn i{background:#e0a030}.attn.bad i{background:#c0392b}
.demo{background:#3b2f10;color:var(--gold2);text-align:center;font-size:12.5px;padding:5px;letter-spacing:.03em}

/* ---- page frame ---- */
.wrap{max-width:1560px;margin:0 auto;padding:14px 20px 56px}
.pagehead{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:10px 2px 16px;padding-bottom:10px;border-bottom:2px solid var(--gold)}
.pagehead h1{margin:0;font-family:var(--disp);font-size:30px;letter-spacing:.03em;color:var(--head)}
.pagehead .sub{color:var(--muted);font-size:14px;padding-bottom:3px}

/* hero banner */
.hero{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 22px;color:var(--ink);box-shadow:0 1px 2px rgba(60,45,20,.12)}
.hero h1{margin:0 0 4px;font-family:var(--disp);font-size:36px;letter-spacing:.01em;color:var(--head,var(--ink))}
.hero .meta{font-size:15px;color:var(--ink)}.hero .meta b{font-weight:700}
.hero .spec{margin-top:12px;font-weight:700;font-size:15px;color:var(--ink);max-width:520px;padding-top:10px;border-top:1px solid var(--line)}
.hero .big{position:absolute;right:300px;bottom:-6px;width:230px;height:230px;opacity:.95;z-index:1}
.herobox{background:rgba(247,241,224,.93);border:1px solid var(--line2);border-radius:3px;padding:14px 18px;min-width:290px}
.herobox.dark{background:rgba(11,36,30,.92);border-color:var(--gold);color:var(--cream)}
.hstats{display:flex;gap:22px;align-items:center;justify-content:space-around;margin-bottom:10px}
.hstat{text-align:center}.hstat b{display:block;font-family:var(--disp);font-size:30px;color:var(--head);line-height:1}
.hstat span{font-size:10.5px;letter-spacing:.14em;color:var(--muted);font-weight:700}

/* ---- panels ---- */
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:14px}
.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c9{grid-column:span 9}.c12{grid-column:span 12}
.stack{display:grid;gap:14px;align-content:start;min-width:0}
.tile{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:0 0 14px;min-width:0;box-shadow:0 1px 2px rgba(60,45,20,.12);position:relative}
.tile>*:not(h3:first-child){margin-left:14px;margin-right:14px}
.tile>h3:first-child{margin:0 0 12px;background:linear-gradient(180deg,var(--g8),var(--g9));color:var(--gold2);font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border-bottom:2px solid var(--gold);display:flex;align-items:center;justify-content:space-between;gap:10px}
.tile>h3:first-child a{color:var(--cream);font-size:11px;letter-spacing:.08em;font-family:var(--body);font-weight:700}
.tile.kpi>h3:first-child{background:none;color:var(--muted);border:0;font-size:11.5px;padding:12px 14px 0;margin:0}
.kpi .n{font-family:var(--disp);font-size:36px;font-weight:700;color:var(--head);line-height:1.1}.kpi .d{font-size:12.5px;color:var(--muted)}.kpi .up{color:var(--good)}
.panelfoot{display:flex;justify-content:center;margin-top:12px}
.muted{color:var(--muted)}.small{font-size:12.5px}
.empty{color:var(--muted);padding:10px 0;font-size:13.5px;font-style:italic}

/* ---- buttons / tags ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,var(--g8),var(--g9));color:var(--cream);border:1px solid var(--gold);border-radius:3px;padding:9px 20px;font-family:var(--disp);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.15s}
.btn:hover{filter:brightness(1.25);color:var(--gold2)}
.btn.primary{background:linear-gradient(180deg,var(--g6),var(--g7))}
.btn.gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2b1d00;border-color:#8a6d22}
.btn.ghost{background:var(--paper);color:var(--head);border-color:var(--line2)}
.btn.ghost:hover{background:var(--paper2);color:var(--head2)}
.btn.sm{padding:6px 12px;font-size:10.5px}
.btn.block{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}
.btn:focus-visible,.seg a:focus-visible,.links a:focus-visible,.sel:focus-visible,input:focus-visible{outline:2px solid var(--g6);outline-offset:2px}
.tag{display:inline-block;padding:2px 9px;border-radius:3px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:var(--surf2);color:var(--soft);margin:0 6px 4px 0}
.tag.good{background:#d6e8d6;color:var(--good)}.tag.warn{background:#f1dcb8;color:var(--warn)}.tag.bad{background:#f0d0cc;color:var(--bad)}
.tag.gold{background:#efe0a8;color:#6b5210}.tag.champ{background:var(--purple);color:#fff}.tag.young{background:var(--g6);color:#fff}.tag.adult{background:#8a6d22;color:#fff}.tag.pup{background:#7aa968;color:#fff}.tag.vet{background:#7b5c3c;color:#fff}
.stars{font-size:15px;letter-spacing:2px;background:linear-gradient(90deg,var(--gold) var(--p),var(--line2) var(--p));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}

/* tabs */
.seg{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--line2)}
.seg a{padding:7px 14px;font-size:13px;font-weight:700;color:var(--muted);border:1px solid transparent;border-bottom:0;margin-bottom:-1px;border-radius:3px 3px 0 0}
.seg a:hover{color:var(--head2)}
.seg a.on{background:var(--g8);color:var(--gold2);border-color:var(--g8)}
.tile>.seg{margin-bottom:12px}

/* ---- lists ---- */
.list{display:grid}
.li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.li:last-child{border:0}
a.li:hover .t b{color:var(--head2)}
.li .t{flex:1;min-width:0}.li .t b{display:block;font-size:14.5px}.li .t span{color:var(--muted);font-size:12.5px}
.date{width:46px;height:50px;border:1px solid var(--line2);background:var(--paper2);display:grid;place-items:center;text-align:center;font-size:10.5px;color:var(--muted);line-height:1.1;flex:none;border-radius:3px}
.date b{display:block;font-size:18px;font-family:var(--disp);color:var(--head)}
.feed p{margin:0 0 4px;color:var(--soft);font-size:13.5px}.feed .li{align-items:flex-start;flex-direction:column;gap:2px}
.kv{display:grid;gap:0;font-size:13.5px}.kv div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.kv div:last-child{border:0}.kv span{color:var(--muted)}.kv b{font-variant-numeric:tabular-nums}
.meter{height:8px;border-radius:2px;background:var(--surf2);overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--g7),var(--g6));border-radius:2px}

/* portraits */
.pic{display:grid;place-items:end center;background:linear-gradient(180deg,var(--surf),var(--surf2));overflow:hidden}
.pic svg{width:92%;height:auto;max-height:100%}

/* featured dogs */
.feat{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.feat:last-child{border:0}
.feat .pic{width:62px;height:62px;border:1px solid var(--line2)}
.feat .k{font-family:var(--disp);font-size:10.5px;letter-spacing:.1em;color:var(--head2);font-weight:700}
.feat b{display:block;font-size:14px}.feat small{color:var(--muted);font-size:12px}

/* breeding goals */
.goals{display:grid;gap:7px;font-size:13.5px}
.goals label{display:flex;gap:9px;align-items:center;cursor:pointer}.goals input{accent-color:var(--g7);width:15px;height:15px}
.subh{font-family:var(--disp);font-size:11.5px;letter-spacing:.1em;color:var(--head2);font-weight:700;margin:14px 14px 8px;text-transform:uppercase}
.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumbs .pic{width:56px;height:56px;border:1px solid var(--line2)}

/* roster cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.dcard{display:block;border:1px solid var(--line2);background:var(--paper);border-radius:3px;overflow:hidden;position:relative;transition:.15s}
.dcard:hover{border-color:var(--g6);box-shadow:0 4px 12px rgba(60,45,20,.25);transform:translateY(-2px)}
.dcard .pic{height:104px}
.dcard .nb{padding:8px 9px 10px;text-align:center}
.dcard .nm{font-weight:700;font-size:13px;line-height:1.25;min-height:32px}
.dcard .sm{color:var(--muted);font-size:11.5px;margin:2px 0 6px}
.dcard .star{position:absolute;top:5px;right:7px;color:var(--gold);font-size:17px}
.dcard .tag{margin:0 0 6px;display:block;text-align:center}

/* national specialty shelf */
.ntgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 14px 10px}
.ntl{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 4px;border-radius:6px;background:linear-gradient(180deg,#45331f,#2c2013);color:var(--cream);text-decoration:none;min-height:86px;justify-content:center}
.ntl b{font-size:12px;color:var(--gold2)}.ntl small{font-size:9.5px;color:#cdbf98;line-height:1.2}
.ntl.silver b{color:#d6dbe0}.ntl .ntc{font-size:22px}
.ntl.empty{background:none;border:1px dashed #8b7a52;color:#8b7a52}
.natbadge{display:inline-block;margin-left:6px;padding:0 6px;border-radius:3px;background:var(--gold2,#c9a227);color:#2c2013;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
/* trophies */
.troph{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#2a1e12;padding:2px;margin-bottom:12px!important}
.troph div{background:linear-gradient(180deg,#45331f,#2c2013);padding:12px 4px 9px;text-align:center;color:var(--cream)}
.troph svg{width:38px;height:38px;color:#8b7a52;margin:0 auto 4px;display:block}
.troph b{display:block;font-family:var(--disp);font-size:20px;color:var(--gold2)}
.troph span{font-size:9.5px;letter-spacing:.1em;font-weight:700;color:#cdbf98}
.ach{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.ach:last-child{border:0}
.ach .ic{width:34px;height:34px;border-radius:50%;border:2px solid var(--line2);display:grid;place-items:center;color:var(--line2);font-family:var(--disp);font-weight:700;font-size:12px}
.ach.done .ic{border-color:var(--gold);color:var(--gold);background:var(--surf)}
.ach b{display:block;font-size:13.5px}.ach small{color:var(--muted);font-size:12px}
.ach .pr{font-size:12.5px;font-weight:700;color:var(--muted)}.ach.done .pr{color:var(--good)}
.act{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.act:last-child{border:0}.act .ic{width:28px;height:28px;border-radius:50%;background:var(--g8);color:var(--gold2);display:grid;place-items:center}.act .ic svg{width:15px;height:15px}.act time{font-size:11.5px;color:var(--muted);white-space:nowrap}

/* all-dogs table */
.tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 14px 12px!important}
.tools .grow{flex:1}
.sel,.inp{background:var(--paper);color:var(--ink);border:1px solid var(--line2);border-radius:3px;padding:8px 11px;font-size:14px}
.tablewrap{overflow-x:auto;margin:0 14px!important}
table.dt{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}
.dt th{background:var(--paper2);color:var(--soft);font-weight:700;text-align:left;padding:9px 10px;border-bottom:1px solid var(--line2);font-size:12.5px}
.dt td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.dt tr:hover td{background:var(--surf)}
.who{display:flex;gap:10px;align-items:center}.who .pic{width:52px;height:46px;border:1px solid var(--line2);flex:none}
.who b{display:block}.who small{display:block;color:var(--muted);font-size:11.5px}
.sx{font-weight:700;font-size:18px}.sx.m{color:#2f5f93}.sx.f{color:#b24b66}
.pager{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:14px 14px 0!important;font-size:13px;color:var(--muted)}
.pager button{min-width:32px;padding:6px 9px;border:1px solid var(--line2);background:var(--paper);border-radius:3px;cursor:pointer;color:var(--ink)}
.pager button.on{background:var(--g8);color:var(--gold2);border-color:var(--g8)}.pager button:disabled{opacity:.4;cursor:default}

/* dog page */
.dogpage{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}
.idcard{position:sticky;top:76px;text-align:center;padding-bottom:16px}
.idcard .pic{height:230px;margin:0!important;border-bottom:1px solid var(--line2)}
.idcard h2{margin:14px 14px 6px;font-family:var(--disp);font-size:20px;color:var(--head)}
.score{font-family:var(--disp);font-size:54px;font-weight:700;line-height:1;margin:12px 0 2px;color:var(--head2)}
.idcard .kv{text-align:left;margin-top:12px}
.chartwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}
.radar{width:100%;max-width:400px;margin:auto;display:block}
.radar .ring{fill:none;stroke:var(--line2)}.radar .axis{stroke:var(--line)}
.radar .area{fill:rgba(43,111,82,.25);stroke:var(--g7);stroke-width:2.2;stroke-linejoin:round}
.radar .dot{fill:var(--g7)}.radar text{fill:var(--soft);font-size:10.5px;font-weight:700}
.tb{display:grid;gap:11px}.tb .r{display:grid;grid-template-columns:100px 1fr 38px;gap:10px;align-items:center;font-size:13.5px}
.tb .meter{height:9px}.tb .g i{background:linear-gradient(90deg,var(--g7),#5fa37c)}.tb .y i{background:linear-gradient(90deg,#b0801f,var(--gold2))}.tb .rd i{background:linear-gradient(90deg,#8d2d26,#d0685f)}
.tb .meter{position:relative}.tb.rt .meter u{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:var(--ink,#333);opacity:.55}.tb .v{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.note{margin-top:14px;border-left:3px solid var(--gold);background:#f1e5b8;color:#5a4710;padding:10px 12px;font-size:13px}
.note.bad{border-color:var(--bad);background:#f2d6d2;color:#6d221c}
.ped{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center}.pbox{background:var(--paper2);border:1px solid var(--line2);padding:11px;font-size:13.5px}.pbox small{display:block;color:var(--muted)}.pbox a{color:var(--head2);font-weight:700}.pcol{display:grid;gap:12px}
.fld{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:12px 14px 5px}
.tile>.sel{width:calc(100% - 28px)}
.rows{display:grid;gap:8px}
.row{display:grid;grid-template-columns:52px minmax(0,1.6fr) minmax(0,1fr) 130px 80px;gap:14px;align-items:center;background:var(--paper2);border:1px solid var(--line);padding:8px 12px;border-radius:3px}
.row:hover{border-color:var(--g6)}
.row .pic{width:52px;height:46px}.row .nm b{display:block}.row .nm span,.row .c span{color:var(--muted);font-size:12.5px}
.fit{display:flex;align-items:center;gap:10px}.fit b{font-size:17px;width:34px;font-family:var(--disp)}.fit .meter{flex:1}
.fadebox{display:grid;gap:10px;margin:0 14px!important}

@media(max-width:1180px){.c3,.c4,.c5,.c6,.c7,.c8,.c9{grid-column:span 12}.hero{grid-template-columns:minmax(0,1fr)}.hero .herobox{grid-column:1/-1}.hero .big{display:none}}
@media(max-width:900px){.dogpage{grid-template-columns:1fr}.idcard{position:static}.chartwrap{grid-template-columns:1fr}.pills .cpill.opt,.pills .ico:not(.bell){display:none}.hero h1{font-size:32px}.crest{width:100px;height:114px}.nav-in{gap:12px;padding:0 12px}.ped{grid-template-columns:1fr}.row{grid-template-columns:46px minmax(0,1fr) 90px}.row .c,.row .age{display:none}}
@media(max-width:1720px){.nav-in{flex-wrap:wrap;height:auto;min-height:0}.links{order:3;flex:0 0 100%;margin:0 -12px;padding:0 6px;border-top:1px solid rgba(200,162,76,.25)}.links a{padding:12px 10px}.links a.on::after{bottom:4px}.pills{margin-left:auto}}
@media(max-width:560px){.hero{gap:12px;padding:14px}.hero h1{font-size:24px}.hero .meta,.hero .spec{font-size:13px}}
.erows{margin:0 14px 6px}.erow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#d9ccab)}.erow .who{flex:1;min-width:0}.erow.dim{opacity:.55}.erow .sel{width:auto;max-width:190px}
.resdog{padding:12px 14px;border-bottom:1px solid var(--line,#d9ccab)}.resdog .who{margin-bottom:8px}.notes{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.55}
.mine b{color:var(--head2)}.mine{background:rgba(200,162,76,.22);padding:1px 4px;border-radius:3px}
@media(max-width:640px){.erow{flex-wrap:wrap}.erow .sel{max-width:none;flex:1}}

.jbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 14px 12px}
.jbar input[type=search]{flex:1 1 220px;min-width:0}
.jpager{display:flex;justify-content:center;align-items:center;gap:12px;margin:12px 14px}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.kv span{display:block;font-size:.75rem;opacity:.7}
.kv>div{display:block!important;border:0!important}
.kv b{display:block}
.pic{place-items:center!important}.noimg{display:block;text-align:center;font-size:9px;line-height:1.15;color:var(--muted,#7a6f55);padding:2px;letter-spacing:.02em}
.pic[class*="lg"] .noimg,.dogtop .pic .noimg{font-size:13px}
.idcard .pic .noimg,.feat .pic .noimg{font-size:12px}.who .pic .noimg{font-size:8px}

.signout{color:#e9d9a4;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;text-decoration:none;white-space:nowrap}
.authwrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse at top,var(--surf2),#d9c9a0)}
.authcard{width:100%;max-width:380px;background:var(--surf);border:1px solid var(--line2);border-radius:4px;padding:28px 26px;box-shadow:0 8px 30px rgba(40,30,10,.18)}
.authcard .brand{text-align:center;margin-bottom:10px}.authcard .brand b{display:block;font-family:var(--disp);font-size:26px;color:var(--head)}.authcard .brand small{letter-spacing:.3em;font-size:9px;color:#8a6d1f}
.authcard h2{font-family:var(--disp);text-align:center;color:var(--head);margin:10px 0 16px}
.authcard label{display:block;font-size:12px;margin-bottom:12px;color:var(--soft)}.authcard input{display:block;width:100%;margin-top:4px;box-sizing:border-box;font-size:16px}
.authcard .btn{width:100%;margin-top:4px}.autherr{background:#f3d9d3;color:#7a1f12;padding:8px 10px;border-radius:3px;font-size:13px;margin-bottom:10px}
.note.memorial{background:#e6e0d0;border-left:3px solid #7a6f55}.note.warn{background:#f5e6bf;border-left:3px solid #b8860b}

.offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:0 14px}
.offer{border:1px solid var(--line2,var(--line2));background:var(--surf);border-radius:3px;padding:12px;display:flex;flex-direction:column;gap:10px}
.offer .top{display:flex;gap:10px;align-items:flex-start}.offer .top .pic{width:64px;height:58px;flex:none;border:1px solid var(--line2,var(--line2))}
.offer .tb{font-size:12px}.offer .btn{align-self:stretch}

.nameform{display:flex;gap:8px;flex-wrap:wrap}.nameform input{flex:1 1 220px;min-width:0;font-size:16px}
.small.bad{color:#9a2a1a}

/* ---- rankings ---- */
.rkhd{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:14px 0 4px}
.rkhead .kick,.rkfilters .lbl,.rkyear .lbl,.rkboard .lbl{font-size:10.5px;letter-spacing:.2em;color:var(--muted);font-weight:700}
.rkhead h2{font-family:var(--disp);font-size:30px;margin:2px 0 6px;color:var(--head)}
.rkhead p{max-width:62ch;margin:0 0 10px;font-size:13.5px}
.rkbtn{display:flex;gap:8px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 14px}
.chips.tight{margin:0}
.chips .lbl{min-width:64px}
.chip{background:var(--paper);color:var(--ink);border:1px solid var(--line2);border-radius:18px;padding:5px 14px;font-size:13px;font-weight:700;cursor:pointer}
.chip:hover{background:var(--paper2)}
.chip.on{background:linear-gradient(180deg,var(--g6),var(--g7));color:var(--cream);border-color:var(--gold)}
.chip:focus-visible{outline:2px solid var(--g6);outline-offset:2px}
.rkfields{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:12px 14px}
.rkfields label{display:grid;gap:3px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.rkfields label.grow{flex:1;min-width:190px}
.rkfields .sel,.rkfields .inp{font-size:13.5px;text-transform:none;letter-spacing:0;font-weight:400;width:100%}
.rkfields input[type=number]{width:84px}
.actv{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 14px 0;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px}
.actv .right{margin-left:auto}.actv a{color:var(--head2);font-weight:700;text-decoration:underline}
.fchip{background:var(--surf2);border:1px solid var(--line2);border-radius:14px;padding:2px 4px 2px 10px;font-size:12px;font-weight:700}
.fchip button{background:none;border:0;cursor:pointer;color:var(--muted);font-size:14px;padding:0 5px}
.rkbh{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin:12px 14px 8px}
.rkt{font-family:var(--disp);font-size:22px;margin:0;color:var(--head)}
.rkboard .cols{margin:0 14px 10px}
.rkbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;background:#e3ecd9;border:1px solid var(--g6);border-radius:4px;padding:8px 12px;margin:0 14px 8px;font-size:13px}
.rkbarbtn{display:flex;gap:8px}
.rklist{border-top:1px solid var(--line)}.rklist.busy{opacity:.55}
.rkrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto 56px 92px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.rkrow.compact{padding:6px 14px}.rkrow.compact .rkval{font-size:16px}
.rkrow.mine{background:#eaf0df}.rkrow.hl{background:#d9e9c6;box-shadow:inset 3px 0 0 var(--g6)}
.rkrow.tail{border-top:2px solid var(--g6)}
.rkn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;font-family:var(--disp)}
.rkn.m1{border:3px solid var(--gold);color:#6b5210}.rkn.m2{border:3px solid #9aa0a6;color:#555}.rkn.m3{border:3px solid #b0723a;color:#7a4a1e}
.rkwho{min-width:0}.rkwho .nm{font-weight:800;font-size:14.5px;display:block;overflow:hidden;text-overflow:ellipsis}
.rkwho a[href]{color:var(--head2)}.rkwho a[href]:hover{text-decoration:underline}
.rkwho .ttl{color:var(--purple);font-weight:800}
.rkwho .sub{font-size:12px;color:var(--muted);display:block}
.rkst{display:flex;gap:10px;font-size:11px;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.rkst b{color:var(--ink)}
.mv{font-size:11.5px;font-weight:800;text-align:center}.mv.up{color:var(--good)}.mv.down{color:var(--bad)}.mv.flat{color:var(--muted)}
.rkval{font-family:var(--disp);font-weight:800;font-size:21px;text-align:right}
.rkgap{text-align:center;color:var(--muted);font-size:11.5px;letter-spacing:.15em;padding:6px}
.rkfoot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px 0}
.rkjump{display:flex;gap:8px;align-items:center}.rkjump .inp{width:80px;padding:5px 8px}
.rkk{padding:0 14px 12px}.rkk>b{font-family:var(--disp);font-size:17px;display:block;margin-bottom:8px}
.rkside .li2{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line);font-size:13.5px}
.rkside .li2 span{display:block;font-size:12px;color:var(--muted)}.rkside .li2 span.pill{display:inline-block;background:var(--surf2);border:1px solid var(--line2);border-radius:12px;padding:1px 10px;color:var(--ink);font-weight:700;font-size:12px}
@media(max-width:760px){.rkrow{grid-template-columns:36px minmax(0,1fr) 84px;}.rkst,.mv{display:none}.chips .lbl{min-width:100%}}

.bulk{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 14px 12px;padding:10px 12px;border:1px solid var(--g6);background:var(--paper2);border-radius:3px}
.dt tr.sel td{background:var(--paper2)}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:0 14px 12px}
.dc{position:relative;display:flex;flex-direction:column;gap:5px;border:1px solid var(--line2);background:var(--paper);border-radius:3px;padding:10px}
.dc.sel{border-color:var(--g6);box-shadow:0 0 0 2px var(--g6) inset}
.dc .dcl{display:block;color:inherit}.dc .dcl .pic{height:104px;margin-bottom:6px}
.dc .dcsel{position:absolute;top:14px;left:14px;z-index:2;background:var(--paper);padding:2px 4px;border-radius:3px}
.dc .dca{margin-top:auto;display:flex;gap:6px}

.planner{margin:0 14px 14px;padding:12px;border:1px solid var(--g6);background:var(--paper2);border-radius:3px}
.planner .phead{display:flex;justify-content:space-between;align-items:center}
.pshows{max-height:220px;overflow:auto;border:1px solid var(--line2);background:var(--paper);margin-bottom:10px}
.prow{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--line);cursor:pointer}
.prow>span:nth-child(2){flex:1}.prow small{display:block}
.mc{display:flex;gap:6px;align-items:center}
.psum{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:10px}

.gq{margin:0 14px 14px;padding:12px 14px;border:1px solid var(--line2);background:var(--paper);border-radius:3px}
.gqn{display:flex;align-items:baseline;gap:10px}.gqn b{font-size:34px;font-family:Georgia,serif;color:var(--head)}.gqn span{color:var(--soft);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.gqm{height:12px;margin:6px 0 8px}

.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:0 14px 12px}
.cs{border:1px solid var(--line2);background:var(--paper);border-radius:3px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.cs b{font-size:20px;font-family:Georgia,serif;color:var(--head)}.cs span{font-size:11.5px;color:var(--soft);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.cs.hi{border-color:var(--g6);background:var(--paper2)}

.mpdetail td{background:var(--paper2)}
.mpd{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,1fr);gap:20px;padding:6px 4px}
.mpd p{margin:2px 0 10px}.mpreq{padding:6px 4px}
.note.bad{border-color:#a33;background:#f6dcd6;color:#6a1d12}
@media(max-width:700px){.mpd{grid-template-columns:1fr}}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.pcell{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:10px 8px;border:1px solid var(--line,#d8d4c8);border-radius:8px;background:var(--panel2,rgba(0,0,0,.03))}
.pcell .plabel{font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
.pcell .pval{font-size:28px;line-height:1.1}.pcell .pval small{font-size:13px;opacity:.6}
.cm-judge{border-left:3px solid var(--gold2,#c8a24c);padding:2px 0 2px 10px}
.cm-grey{opacity:.55}.cm-grey:hover{opacity:.85}
.cm-event{border:1px dashed var(--gold2,#c8a24c);border-radius:10px;padding:10px}
.dd{position:relative;display:inline-flex}.ddm{display:none;position:absolute;top:100%;left:0;min-width:190px;background:var(--g9);border:1px solid var(--pillb);border-radius:8px;padding:6px;z-index:30;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.ddm a{display:block;padding:9px 12px;white-space:nowrap}.dd:hover .ddm,.dd:focus-within .ddm{display:block}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;align-items:start}
.rcol{background:rgba(0,0,0,.04);border:1px dashed var(--line2);border-radius:10px;padding:8px;min-height:90px;transition:background .12s,border-color .12s}
.rcol.litter{border-style:solid;border-color:var(--gold2,#c8a24c)}.rcol.over{background:rgba(200,162,76,.22);border-color:#7a5c12}
.rcol header{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 4px 8px}.rtools{display:flex;gap:4px}
.rbody{display:grid;gap:6px}.rempty{padding:14px 6px;text-align:center}
.rchip{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 8px;align-items:center;background:var(--surf);border:1px solid var(--line2);border-radius:8px;padding:6px;cursor:grab}
.rchip.drag{opacity:.45}.rpic{width:44px;height:44px;display:block;overflow:hidden;border-radius:6px}.rpic svg,.rpic img{width:100%;height:100%}
.rtxt{display:grid;min-width:0}.rtxt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.rmove{grid-column:1/-1;font-size:12.5px;padding:3px 6px}
.cm-points{background:rgba(200,162,76,.12);border-radius:8px;padding:8px 10px;display:grid;gap:3px}
.rsum{display:flex;gap:16px;flex-wrap:wrap;margin:0 14px 8px;font-size:14px}.rsum b{font-size:18px}
.rjump{display:flex;gap:8px;flex-wrap:wrap;margin:0 14px 10px}.rchip2{border:1px solid var(--line2,var(--line2));background:var(--paper2,#f3ead0);border-radius:999px;padding:4px 10px;cursor:pointer;font:inherit;font-size:13px}.rchip2:hover{background:var(--surf2)}
.rbis{display:flex;gap:12px;flex-wrap:wrap;margin:0 14px 12px}.rbis1{flex:2 1 260px;border:2px solid var(--gold,#c8a24c);border-radius:10px;padding:12px 14px;background:linear-gradient(180deg,var(--surf),#efe2b2);display:grid;gap:4px}.rbis1 small,.rbis2 small,.rgrp small,.rwin small{letter-spacing:.08em;font-weight:700;color:var(--soft,#6d6246);font-size:11px}
.rbis2{flex:1 1 180px;border:1px solid var(--line2,var(--line2));border-radius:10px;padding:12px 14px;display:grid;gap:4px;background:var(--paper2,#f3ead0)}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0 14px 14px}.rgrp{border:1px solid var(--line2,var(--line2));border-radius:10px;padding:10px 12px;display:grid;gap:4px;background:var(--surf)}.rgrp.rgmine{box-shadow:inset 3px 0 0 var(--g6,#2f7a56);background:#f1f6e6}
.rfilters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 14px 10px}.rfilters .grow{flex:1 1 220px}
.rbreeds{display:grid;gap:10px;margin:0 14px}.rbreed{border:1px solid var(--line2,var(--line2));border-radius:10px;padding:10px 12px;background:var(--surf)}.rbreed.rbmine{box-shadow:inset 3px 0 0 var(--gold,#c8a24c)}
.rbhead{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;margin-bottom:8px}.rwins{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-bottom:8px}.rwin{display:grid;gap:2px;font-size:13.5px}
.rstages{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:10px;font-size:13px}.rstage ol{margin:4px 0 0;padding-left:0;list-style:none;display:grid;gap:2px}
.rw{display:inline-grid;gap:1px}.rwin .rw,.rbis1 .rw,.rg1 .rw{display:grid}.rg1{display:flex;gap:8px;align-items:flex-start}
.rgp{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:3px;font-size:13px}.rgp small:first-child{display:inline-block;min-width:26px;font-weight:700}
/* community forum */
.fcrumb{margin:0 14px 10px;font-size:12.5px;color:var(--muted)}.fcrumb i{font-style:normal;margin:0 4px}.fcrumb a{color:var(--head2);font-weight:700}
.fboards{display:grid;gap:8px;margin:0 14px 14px}
.fboard{display:grid;grid-template-columns:1fr 64px 64px minmax(120px,200px);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:inherit}
.fboard:hover{border-color:var(--gold2,#c9a227)}.fboard b{display:block;font-size:15px}.fboard span{color:var(--muted);font-size:12.5px}
.fnum{text-align:center}.fnum b{display:block;font-size:16px}.fnum small,.flast small{color:var(--muted);font-size:11px}.flast{min-width:0;font-size:12.5px}.flast span,.flast small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fthread .fnum{width:64px}.fthread .flast{width:150px}.fhid{opacity:.6}
.fpager{display:flex;justify-content:center;gap:16px;margin:10px 14px;font-size:13px;align-items:center}
.fh{margin:0 14px 8px!important;font-size:19px!important}.fmod{margin:0 14px 10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}
.fposts{display:grid;gap:8px;margin:0 14px}
.fpost{display:grid;grid-template-columns:140px 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.fpost.mine{border-color:var(--gold2,#c9a227)}.fpost aside{padding:10px 12px;background:rgba(0,0,0,.04);font-size:13px;word-break:break-word}.fpost aside small{display:block;color:var(--muted);margin-top:4px}
.fmain{padding:10px 14px;min-width:0}.fmeta{font-size:11.5px;color:var(--muted);margin-bottom:6px}.fbody{white-space:pre-wrap;word-break:break-word;line-height:1.45}
.ftools{margin-top:8px;font-size:12px;color:var(--muted)}.ftools a{color:var(--muted)}
.fcompose{margin:14px;display:grid;gap:8px}.fcompose h4{margin:0}.fcompose textarea{width:100%;box-sizing:border-box}
@media(max-width:700px){.fboard{grid-template-columns:1fr 50px 50px}.fboard .flast{display:none}.fpost{grid-template-columns:1fr}.fpost aside{display:flex;gap:10px;align-items:center}.fthread .flast{display:none}}
.ksw{max-width:170px;background:rgba(255,255,255,.08);color:#f1e6c4;font-weight:700;border:1px solid rgba(255,255,255,.2);cursor:pointer}.ksw option{color:#222}

/* theme picker (Account) */
.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:0 14px 14px}
.themec{border:2px solid var(--line2);border-radius:8px;background:var(--surf);color:var(--ink);padding:10px;text-align:left;cursor:pointer;display:grid;gap:6px;font:inherit}
.themec.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.themec b{font-size:14px}.themec small{color:var(--muted);font-size:11.5px;line-height:1.3}
.sw{display:flex;height:34px;border-radius:5px;overflow:hidden;border:1px solid rgba(0,0,0,.25)}.sw i{flex:1}.sw i:nth-child(1){flex:2.2}
/* kennel branding */
.brprev .hero{min-height:0}.brprev .hero .herobox{display:none}.brprev .hero h1{font-size:30px}
.brgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.brchips{display:flex;flex-wrap:wrap;gap:8px}.brchip{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--line2,#bbb);background:transparent;color:inherit;border-radius:8px;padding:5px 10px 5px 5px;cursor:pointer;font:inherit;font-size:13px}
.brchip.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.brchip .bsw{width:30px;height:22px;border-radius:5px;display:inline-block}
.brcode{margin-top:14px;border:1px solid var(--line2,#bbb);border-radius:6px;padding:8px 12px}.brcode code{background:rgba(0,0,0,.08);padding:0 4px;border-radius:3px}
/* dog photos and call names */
.pic .dimg,.rpic .dimg{width:100%;height:100%;object-fit:cover;display:block}.callname{font-family:var(--disp);font-size:18px;margin:-2px 0 6px;color:var(--head,var(--ink))}