/* Trail pages: home-style fixed wallpaper, frosted title bubble, floating frost cards.
   Scoped to body.tp.wall so the home wallpaper (body.hp.wall) is unchanged. */
.tp.wall{background:#1d2b23!important;color:#102016}
.tp.wall::before{content:"";position:fixed;inset:0;z-index:-2;background-image:var(--wall);background-position:center 40%;background-size:cover;background-repeat:no-repeat}
.tp.wall::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,28,20,.06),rgba(12,28,20,.16));pointer-events:none}
.tp.wall .hdr{background:rgba(255,255,255,.38);backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05);border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 2px 12px rgba(0,0,0,.08);color:#102016}
.tp.wall .hdr .logo,.tp.wall .hdr .nl a{color:#102016}
.tp.wall main{color:#102016}

/* Desktop title bubble: left-aligned with the 1200px wrap (140px at 1440), frost .40 */
.tp.wall .thead{background:none!important;color:#102016;padding:clamp(24px,7vh,64px) 0 20px!important;position:relative;min-height:0}
.tp.wall .thead .wrap{position:relative}
.tp.wall .t-bubble{display:block;width:fit-content;max-width:min(640px,100%);padding:14px 18px;background:rgba(255,255,255,.40);backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05);border:1px solid rgba(255,255,255,.45);border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.12);color:#102016;text-shadow:none}
.tp.wall .thead .crumb{font-size:12px;margin:0 0 6px;opacity:1;color:#102016}
.tp.wall .thead .crumb a{color:#102016;text-decoration:none}
.tp.wall .thead .crumb a:hover,.tp.wall .thead .crumb a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.tp.wall .thead h1{font-size:clamp(22px,2.4vw,32px)!important;line-height:1.2!important;margin:0;color:#102016;text-shadow:none;white-space:normal}
.tp.wall .trow{align-items:flex-start}
.tp.wall .thead .rate{background:rgba(255,255,255,.35);color:#102016;border-radius:999px}
.tp.wall .thead .rate .rl,.tp.wall .thead .rate .rmsg,.tp.wall .thead .rate button{color:#102016}
.tp.wall .tmeta{margin:8px 0 0!important}
.tp.wall .thead .chip{background:rgba(255,255,255,.55);color:#102016;border:1px solid rgba(16,32,22,.1)}
.tp.wall .thead .chip.cam{background:#d6332a;color:#fff;border:0}

/* Floating cards at home frost levels */
.tp.wall .cond,.tp.wall .fd,.tp.wall .logcta,.tp.wall .tcard,.tp.wall .map,.tp.wall .two>div,.tp.wall .card{
  background:rgba(255,255,255,.40)!important;
  backdrop-filter:blur(8px) saturate(1.05);
  -webkit-backdrop-filter:blur(8px) saturate(1.05);
  border:1px solid rgba(255,255,255,.4)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.12);
  color:#102016
}
.tp.wall .two>div{border-radius:16px;padding:16px 18px}
.tp.wall .map{overflow:hidden;border-radius:16px}
.tp.wall .cam figcaption,.tp.wall .cam figcaption span,.tp.wall .mapcap,.tp.wall .sh h2,.tp.wall .facts dt{color:#102016;text-shadow:none}
.tp.wall .cam figcaption span,.tp.wall .mut,.tp.wall .facts dt{color:#4c5d53}
.tp.wall .tgridtop{padding-top:8px}
.tp.wall .sec{padding-top:22px}

/* Footer: photo credit is the small last line, same pattern as home */
.tp.wall .ftr{background:rgba(18,46,32,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e7efe9;margin-top:40px}
.tp.wall .ftr a{color:#e7efe9}
.tp.wall .ftr .ft-photo{max-width:1200px;margin:18px auto 0;padding:12px 20px 0;border-top:1px solid rgba(255,255,255,.16);font-size:11px;line-height:1.5;font-weight:400;color:#9bb5a8}
.tp.wall .ftr .ft-photo a{color:#b7cfc4;font-weight:400;font-size:inherit;text-decoration:none}
.tp.wall .ftr .ft-photo a:hover,.tp.wall .ftr .ft-photo a:focus-visible{text-decoration:underline;text-underline-offset:2px;color:#d7e9e0}
.tp.wall .ftr .ft-photo:empty{display:none}
.tp.wall .pcred{display:none!important}

@media (max-width:700px){
  .tp.wall .hdr{background:rgba(255,255,255,.22)}
  /* ~210px photo band, compact frost bubble, light cards so the photo shows */
  .tp.wall .thead{height:210px;margin:0 0 8px;padding:0!important;position:relative}
  .tp.wall .thead .wrap{height:210px;padding:0 14px;max-width:none}
  .tp.wall .t-bubble{position:absolute;left:14px;bottom:12px;width:fit-content;max-width:calc(100% - 28px);padding:10px 12px;margin:0}
  .tp.wall .thead .crumb{font-size:10.5px;margin:0 0 3px}
  .tp.wall .thead h1{font-size:16px!important;line-height:1.25!important}
  .tp.wall .thead .trow{gap:6px}
  .tp.wall .thead .rate{display:none}
  .tp.wall .tmeta{margin:5px 0 0!important;gap:4px}
  .tp.wall .thead .chip{font-size:10px;padding:2px 7px}
  .tp.wall .cond,.tp.wall .fd,.tp.wall .logcta,.tp.wall .tcard,.tp.wall .map,.tp.wall .two>div,.tp.wall .card{
    background:rgba(255,255,255,.22)!important;
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    box-shadow:0 4px 16px rgba(0,0,0,.08)
  }
  .tp.wall .tgridtop{padding-top:4px}
  .tp.wall .sec{padding:16px 14px 4px}
}