.hdr{max-width:1200px}
@media (max-width:900px){.nav{display:none}.menu{display:flex}}

.rp{max-width:1200px;margin:0 auto;padding:8px 40px 96px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:56px;
  grid-template-areas:"head rail" "card rail" "det rail" "menu rail" "share rail" "claim rail" "fill rail";grid-template-rows:auto auto auto auto auto auto 1fr}
.a-head{grid-area:head}.a-card{grid-area:card}.a-det{grid-area:det}.a-menu{grid-area:menu}.a-share{grid-area:share}.a-claim{grid-area:claim}
.a-rail{grid-area:rail;align-self:start;padding-top:40px}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;margin:8px 0 20px}
.crumb a{color:var(--gold)}.crumb .s{color:#5e5a54}.crumb .cur{color:var(--txt)}
.rname{font-size:56px;line-height:1.05;letter-spacing:-0.02em}
.raddr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:14px 0 32px;font-size:17px;color:var(--txt)}
.raddr .ad{display:inline-flex;align-items:center;gap:8px}.raddr svg{color:var(--gold);flex:none}
.raddr .cu{font-size:13px;font-weight:600;color:#b5afa4;border:1px solid var(--line2);border-radius:999px;padding:3px 12px}

.sh{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;font-weight:700;color:var(--mut);margin:0 0 12px}
.blk{margin-top:28px}

/* big official grade card */
.gcard{background:var(--card);border:1px solid var(--line2);border-radius:20px;padding:28px 30px}
.gtop{display:flex;align-items:center;gap:28px}
.gcard .gt{width:116px;height:116px;border-width:3.5px}
.gcard .gt span{font-size:72px}
.gnum b{display:block;font-family:Fraunces,serif;font-weight:600;font-size:60px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.gnum b small{font-size:24px;font-weight:500;color:#b5afa4;margin-left:4px}
.gnum .kind{display:inline-block;margin-top:10px;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;font-weight:700;color:var(--gA)}
.gnum .gl{display:block;font-size:15px;color:var(--txt);margin-top:6px}
.gmeta{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin:26px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}
.gmeta dt{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;font-weight:700;color:var(--mut)}
.gmeta dd{margin:4px 0 0;font-size:17px;font-weight:600;color:var(--ink)}
.gact{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:24px}
.gact .btn{font-size:15px;padding:12px 22px}
.gact .note{font-size:13px;color:var(--mut);line-height:1.45;flex:1;min-width:220px}
.oneday{font-size:13px;color:#8a847a;margin:14px 0 0}

/* details */
.det{background:transparent;border:1px solid var(--line);border-radius:16px;padding:6px 22px}
.det .row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:15px}
.det .row:first-child{border-top:0}
.det .row span{color:var(--mut)}.det .row b{text-align:right;font-weight:600}

/* menu link */
.mlink{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:16px 22px;background:var(--bg2)}
.mlink .t{display:flex;align-items:center;gap:14px;min-width:0}
.mlink svg{color:var(--gold);flex:none}
.mlink b{display:block;font-size:16px}
.mlink small{display:block;font-size:13px;color:var(--mut);overflow-wrap:anywhere}
.mlink .go{color:var(--gold);font-weight:600;font-size:14px;white-space:nowrap}

/* share */
.share{display:flex;flex-wrap:wrap;gap:10px}
.sbtn{display:inline-flex;align-items:center;gap:9px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:var(--gold);background:transparent;border:1px solid rgba(217,180,90,0.7);border-radius:999px;padding:10px 18px;cursor:pointer;white-space:nowrap}
.sbtn svg{flex:none}

/* claim */
.claim{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--line2);border-left:3px solid var(--gold);border-radius:16px;padding:24px 26px;background:var(--bg2)}
.claim h3{font-size:22px;margin-bottom:6px}
.claim p{margin:0;font-size:15px;color:var(--txt);max-width:460px}
.claim p.fine{margin-top:8px;font-size:14px;color:var(--mut)}
.claim .btn{font-size:15px;padding:12px 22px;flex:none}

/* owner info (claimed state) */
.owner-p{border:1px solid var(--line2);border-radius:16px;padding:22px 26px;background:var(--bg2)}
.owner-p .hd{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:18px}
.owner-p h3{font-size:22px}
.vtag{display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;font-weight:700;color:var(--gold);border:1px solid rgba(217,180,90,0.6);border-radius:999px;padding:3px 10px}
.ofld{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.ofld dt{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;font-weight:700;color:var(--mut);padding-top:2px}
.ofld dd{margin:0;display:flex;flex-direction:column;gap:9px}
.owner-p .fine{font-size:14px;color:var(--mut);margin:14px 0 0}

/* nearby rail */
.near{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:20px 22px 10px}
.near h2{font-size:24px;margin:0 0 4px}
.near .sub{font-size:13px;color:var(--mut);margin:0 0 10px}
.nrow{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line);text-decoration:none}
.nrow .gt{width:40px;height:40px;border-width:2px}.nrow .gt span{font-size:22px}
.nrow b{display:block;font-family:Fraunces,serif;font-weight:600;font-size:17px;line-height:1.25;color:var(--ink)}
.nrow .st{display:block;font-size:14px;color:var(--txt);line-height:1.4}
.nrow .dt{display:block;font-size:13px;color:var(--mut);line-height:1.4}
.near .all{display:block;border-top:1px solid var(--line);padding:14px 0 6px;font-size:14px;font-weight:600;text-decoration:none}

@media (max-width:900px){
 .rp{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "card" "det" "menu" "share" "claim" "rail";grid-template-rows:none;padding:0 16px 64px}
 .a-rail{padding-top:0;margin-top:28px}
}
@media (max-width:760px){
 .crumb{font-size:13px;margin:4px 0 14px}
 .rname{font-size:38px}
 .raddr{font-size:15px;margin:10px 0 24px}
 .gcard{padding:22px 20px;border-radius:18px}
 .gtop{gap:20px}
 .gcard .gt{width:88px;height:88px;border-width:3px}.gcard .gt span{font-size:54px}
 .gnum b{font-size:46px}.gnum b small{font-size:19px}
 .gmeta{grid-template-columns:1fr;gap:14px;margin-top:20px;padding-top:18px}
 .gmeta dd{font-size:16px}
 .gact .btn{width:100%;text-align:center}
 .gact .note{min-width:0}
 .det{padding:4px 16px}.det .row{font-size:14px;flex-direction:column;gap:2px;padding:12px 0}.det .row b{text-align:left;font-size:15px}
 .mlink{padding:14px 16px}
 .share{display:grid;grid-template-columns:1fr 1fr}
 .sbtn{justify-content:center;padding:11px 12px}
 .claim{flex-direction:column;align-items:flex-start;gap:18px;padding:20px}
 .claim .btn{width:100%;text-align:center}
 .owner-p{padding:20px}
 .ofld{grid-template-columns:1fr;gap:10px}
 .near{padding:18px 18px 8px}
}

/* ---- live build additions (rpage v1.8) ---- */
.gnum .kind{display:inline-flex;align-items:center;gap:6px}
.gnum .kind.gls{color:var(--mut)}
.gnum .helpwrap{position:relative;display:inline-flex;align-items:center;cursor:help;outline:0;text-transform:none;letter-spacing:0}
.gnum .helpwrap .help{width:18px;height:18px;font-size:12px}
.gnum .helpwrap .tip{display:none;position:absolute;z-index:20;left:-8px;top:calc(100% + 8px);width:min(280px,calc(100vw - 48px));background:#211f1b;border:1px solid var(--line2);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.45;color:var(--ink);box-shadow:0 14px 34px rgba(0,0,0,.45);white-space:normal;text-align:left}
.gnum .helpwrap:hover .tip,.gnum .helpwrap:focus .tip,.gnum .helpwrap:focus-within .tip{display:block}
.gnum .gl b{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:var(--ink);display:inline;line-height:inherit}
.gcard .ltr{font-size:14px;color:var(--txt);line-height:1.5;margin:18px 0 0}
.gcard .gt.gN span{font-size:44px}
.gnum b.ng{font-size:36px}
.rfind{border:1px solid var(--line);border-radius:16px;padding:14px 22px;margin-top:14px}
.rfind h3{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:var(--ink);margin:0 0 6px}
.rfind ul{margin:0;padding-left:20px;font-size:15px;color:var(--txt)}
.rfind li{margin:6px 0}
.rfind p{font-size:13px;color:var(--mut);margin:8px 0 0}
.mlink small.own{overflow-wrap:normal}
.sbtn{text-decoration:none}
.owner-p .ofld dd{font-size:15px;color:var(--ink);gap:4px}
.rp .nf{grid-column:1/-1}
@media (max-width:760px){.rfind{padding:12px 16px}.rfind ul{font-size:14px}}
@media (max-width:760px){.gtop{position:relative}.gnum .helpwrap{position:static}.gnum .helpwrap .tip{left:0;right:0;width:auto;top:calc(100% + 8px)}}
