/* PETVERSION: Pet Travel Stories. Theme tokens (same values as js/petthemes.js) and the trip report in three looks.
   Fonts: Inter and Caveat (self-hosted, OFL), Georgia for the display serif. Handwriting is decoration, never body text. */
[data-pt="trail-buddy"]{--p-serif:Georgia,"Times New Roman",serif;--p-bg:#FAF7EF;--p-surface:#FFFDFA;--p-paper:#F4EFE3;--p-text:#102C2C;--p-muted:#5F665C;--p-accent:#254E3E;--p-ink:#fff;--p-soft:#EAF0E7;--p-second:#BE7E49;--p-line:#D9D2C2;--p-head:#102C2C;--p-hand:#1F3C33}
[data-pt="soft-paws"]{--p-serif:Georgia,"Times New Roman",serif;--p-bg:#FFF8F0;--p-surface:#FFFCF7;--p-paper:#FFF1E2;--p-text:#142234;--p-muted:#6E645E;--p-accent:#E8655A;--p-ink:#fff;--p-soft:#FFE7D8;--p-second:#F6C453;--p-line:#EFDCCB;--p-head:#E05A4F;--p-hand:#2C2A33}
/* the flew.world base look (landing, app, header): same blue, greys and type as the main site; themes apply to journeys only */
[data-pt="flew"]{--p-serif:Inter,-apple-system,"Segoe UI",sans-serif;--p-bg:#F5F5F7;--p-surface:#FFFFFF;--p-paper:#ECECF0;--p-text:#1D1D1F;--p-muted:#5F5F64;--p-accent:#0066CC;--p-ink:#fff;--p-soft:#E8F1FC;--p-second:#FF9F0A;--p-line:#D2D2D7;--p-head:#1D1D1F;--p-hand:#1D1D1F}
[data-pt="jet-set-pet"]{--p-serif:Georgia,"Times New Roman",serif;--p-bg:#FBF9F4;--p-surface:#FFFFFF;--p-paper:#F3EFE6;--p-text:#142E52;--p-muted:#5F6672;--p-accent:#173963;--p-ink:#fff;--p-soft:#E8F2FC;--p-second:#B8894E;--p-line:#E2DCD0;--p-head:#142E52;--p-hand:#1E2F4A}
.pets-page{font-family:Inter,-apple-system,"Segoe UI",sans-serif;--p-hand-f:Caveat,"Segoe Print",cursive;background:var(--p-bg,#FAF7EF);color:var(--p-text,#102C2C);min-height:100vh}
.pets-page[data-pt]{background:var(--p-bg)}

.pbrand{display:inline-flex;align-items:baseline;gap:6px;color:var(--p-text);text-decoration:none;font:700 22px/1 var(--p-serif,Georgia,serif);letter-spacing:-.02em;white-space:nowrap}
.pbrand .w{font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.04em}.pbrand .w i{font-style:normal;color:#0066CC}
.pbrand em{font-style:normal;font-weight:400;color:var(--p-head);opacity:.95}
.pbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 22px;border-radius:999px;border:0;background:var(--p-accent,#254E3E);color:var(--p-ink,#fff);font:600 15px Inter,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .15s,filter .15s}
.pbtn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.pbtn.ghost{background:transparent;color:var(--p-text);border:1.5px solid var(--p-line)}
.pbtn.sm{min-height:36px;padding:6px 15px;font-size:13.5px}
.pwrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.pets-page a:focus-visible,.pets-page button:focus-visible,.pets-page summary:focus-visible,.pets-page input:focus-visible,.pets-page select:focus-visible,.pets-page textarea:focus-visible{outline:3px solid #2F80ED;outline-offset:3px;border-radius:6px}
.pfoot{padding:36px 0 44px;font-size:13px;color:var(--p-muted)}
.pfoot .pwrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--p-line);padding-top:18px}
.pfoot a{color:var(--p-muted)}

/* ================= trip report ================= */
.pr{--hand:var(--p-hand-f,Caveat,cursive);font-family:Inter,-apple-system,"Segoe UI",sans-serif;color:var(--p-text);position:relative;max-width:1180px;margin:0 auto;padding:18px max(20px,env(safe-area-inset-left,0px)) 40px}
.pr :where(img){display:block;max-width:100%;height:auto}
.pr-hand{font-family:Caveat,"Segoe Print",cursive;font-weight:600;color:var(--p-hand);line-height:1.15;margin:0}
.pr h1,.pr h2{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.03em;margin:0;color:var(--p-head)}
.pr-paw{vertical-align:-3px}
/* hero */
.pr-hero{position:relative;margin-bottom:6px}
.pr-photo{position:relative;border-radius:22px 22px 0 0;overflow:hidden;background:var(--p-paper);aspect-ratio:2.75/1;
  clip-path:polygon(0 0,100% 0,100% 94%,97% 95.5%,93% 94%,89% 96.5%,84% 94.5%,79% 96.5%,74% 94%,69% 96%,64% 94.3%,58% 96.8%,52% 94.5%,46% 96.3%,40% 94.2%,34% 96.6%,28% 94.4%,22% 96.2%,16% 94%,10% 96.4%,5% 94.6%,0 96%)}
.pr-heroimg{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.pr-ph{display:grid;place-items:center;height:100%;color:var(--p-accent)}
.pr-handhero{position:absolute;left:4%;top:16%;font-size:clamp(26px,3.3vw,44px);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35);max-width:11ch;transform:rotate(-8deg);transform-origin:left}
.pr-stamp{position:absolute;right:2%;top:2%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}
.pr-stamp svg,.pr-stamp2 svg{max-width:100%;height:auto}
.pr-polaroid{position:absolute;right:1.5%;bottom:-16%;width:min(23%,250px);margin:0;background:#fff;padding:10px 10px 14px;box-shadow:0 10px 28px rgba(16,30,40,.18);transform:rotate(4deg);z-index:3}
.pr-polaroid img{aspect-ratio:1.18;object-fit:cover;width:100%}
.pr-polaroid figcaption{font-size:clamp(17px,1.6vw,22px);padding:8px 4px 0}
/* head */
.pr-head{position:relative;display:grid;grid-template-columns:auto 1fr;gap:6px 28px;align-items:center;padding:12px 0 6px}
.pr-id{position:relative;display:flex;align-items:center;gap:16px;padding-right:26px;border-right:1px solid var(--p-line);align-self:stretch}
.pr-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12);display:grid;place-items:center;background:var(--p-soft);color:var(--p-accent);flex-shrink:0}
.pr-pawbadge{position:absolute;left:64px;bottom:8px;width:30px;height:30px;border-radius:50%;background:#E99A3B;display:grid;place-items:center;border:3px solid #fff}
.pr-idtext{margin:0;font-family:Georgia,serif;font-size:22px;line-height:1.15;color:var(--p-text)}
.pr-idtext b{display:block;font-weight:700}.pr-idtext span{font-weight:400}
.pr-titles{min-width:0}
.pr-kick{display:none;margin:0 0 4px;font-family:Caveat,cursive;font-weight:700;font-size:clamp(26px,3vw,36px);color:var(--p-head)}
[data-pt="soft-paws"].pr .pr-kick{display:block}
.pr-title{font-size:clamp(34px,5.4vw,66px);line-height:.98}
.pr-sub{font-family:Georgia,serif;font-size:clamp(19px,2.2vw,27px);margin:8px 0 0;color:var(--p-text)}
.pr-facts{grid-column:1/-1;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0;margin:18px 0 4px;padding:0;font-size:16px}
.pr-facts li{display:flex;align-items:center;gap:10px;padding:0 26px;border-left:1px solid var(--p-line)}.pr-facts li:first-child{border-left:0}
.pr-facts svg{color:var(--p-accent);flex-shrink:0}
.pr-story{grid-column:1/-1;max-width:62ch;margin:12px auto 0;text-align:center;font-family:Caveat,cursive;font-weight:600;font-size:clamp(21px,2.1vw,26px);line-height:1.3;color:var(--p-hand);white-space:pre-line}
.pr.has-pol .pr-titles{padding-right:19%}
.pr-deco{position:absolute;right:0;top:118px;display:flex;align-items:flex-end;gap:2px;pointer-events:none}
.pr-deco .pr-hand{font-size:21px;max-width:7ch;transform:rotate(-6deg);margin-bottom:10px}
/* sections */
.pr-sechead{display:flex;align-items:center;gap:18px;margin:46px 0 18px}
.pr-sechead h2{font-size:clamp(28px,3.4vw,40px);white-space:nowrap}
.pr-rule{flex:1;height:1px;background:var(--p-line);min-width:30px}
.pr-sechead .pr-hand{font-size:21px;max-width:20ch;text-align:right;transform:rotate(-3deg)}
.pr-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0}
.pr-grid.pr-n1{grid-template-columns:minmax(0,560px)}.pr-grid.pr-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pr-moment figure{position:relative;margin:0;background:#fff;padding:8px;box-shadow:0 8px 22px rgba(30,30,20,.12)}
.pr-moment img{width:100%;aspect-ratio:1.4;object-fit:cover}
.pr-m0 figure{transform:rotate(-1.6deg)}.pr-m1 figure{transform:rotate(1deg) translateY(-6px)}.pr-m2 figure{transform:rotate(-.6deg)}
.pr-moment figcaption{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%) rotate(-1.5deg);background:#FFFDF6;padding:5px 18px 7px;box-shadow:0 3px 10px rgba(0,0,0,.1);white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}
.pr-moment figcaption .pr-hand{font-size:21px}
.pr-journey{position:relative}
.pr-legs{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 13% 0 9%;padding:0}
.pr-legs.pr-l1{grid-template-columns:minmax(0,520px)}
.pr-leg{background:var(--p-surface);border:1px solid var(--p-line);border-radius:14px;padding:12px 18px 12px;box-shadow:0 4px 14px rgba(0,0,0,.04);min-width:0}
.pr-legtop{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--p-text)}.pr-legno{color:var(--p-muted);font-size:12.5px}
.pr-legrow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:8px}
.pr-end{display:flex;flex-direction:column;min-width:0}
.pr-end.to{text-align:right;align-items:flex-end}
.pr-city{font-family:Georgia,serif;font-size:18px}
.pr-code{font-family:Georgia,serif;font-size:30px;line-height:1.05;letter-spacing:.01em}
.pr-time{font-size:14px;color:var(--p-muted)}
.pr-end.from .pr-city::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#E8743B;margin-right:7px;vertical-align:1px}
.pr-end.to .pr-city::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#E8743B;margin-right:7px;vertical-align:1px}
.pr-dash{display:flex;align-items:center;gap:6px;color:var(--p-text);min-width:40px}
.pr-dash i{flex:1;border-top:2px dashed var(--p-line);opacity:.95}
.pr-legfoot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--p-line);font-size:12.5px;color:var(--p-muted)}
.pr-leglabel{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--p-muted);margin-bottom:6px}
.pr-stamp2{position:absolute;right:0;top:96px;opacity:.9;width:130px}
.pr-details{margin:14px 13% 0 9%;background:var(--p-surface);border:1px solid var(--p-line);border-radius:12px;padding:0 16px}
.pr-details summary{cursor:pointer;padding:12px 0;font-size:14.5px;list-style-position:inside}
.pr-tw{overflow-x:auto}
.pr-details table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.pr-details th{text-align:left;font-weight:600;color:var(--p-muted);font-size:12px;padding:6px 8px;border-bottom:1px solid var(--p-line)}
.pr-details td{padding:8px;border-bottom:1px solid var(--p-line);vertical-align:top}
.pr-unk{color:var(--p-muted);font-size:12.5px}
.pr-gaps{margin:10px 0 0;padding-left:18px;font-size:13.5px;color:var(--p-second)}
.pr-fine{font-size:12px;color:var(--p-muted);margin:10px 0 14px}
.pr-cta{display:flex;align-items:center;gap:16px;margin:42px 0 6px}
.pr-ctaline{flex:1;border-top:2px dashed var(--p-line)}
.pr-btn{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:12px 56px;border-radius:999px;background:var(--p-accent);color:var(--p-ink);font:600 18px Inter,sans-serif;text-decoration:none;box-shadow:0 8px 22px color-mix(in srgb,var(--p-accent) 30%,transparent);white-space:nowrap}
.pr-btn:hover{filter:brightness(1.07)}
.pr-others h2{font-size:26px;margin:40px 0 14px}
.pr-others ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.pr-others a{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--p-text);background:var(--p-surface);border:1px solid var(--p-line);border-radius:14px;padding:10px}
.pr-others img{border-radius:8px;aspect-ratio:1.6;object-fit:cover;width:100%}
.pr-others span{font-size:13px;color:var(--p-muted)}

/* ----- Soft Paws: scrapbook ----- */
[data-pt="soft-paws"].pr .pr-photo{border-radius:6px;clip-path:polygon(0 3%,4% 1.5%,9% 3.2%,15% 1%,22% 2.8%,30% .8%,38% 2.6%,46% 1%,55% 3%,63% 1.2%,71% 2.9%,80% .9%,88% 2.7%,95% 1.1%,100% 2.5%,100% 95%,95% 97%,89% 95.2%,82% 97.6%,74% 95.4%,66% 97.4%,58% 95%,50% 97.5%,42% 95.3%,34% 97.2%,26% 95%,18% 97.6%,10% 95.4%,4% 97%,0 95%)}
[data-pt="soft-paws"].pr .pr-handhero{color:#2C2A33;text-shadow:none;background:rgba(255,252,247,.72);padding:6px 12px 8px;border-radius:6px;font-size:clamp(24px,2.8vw,38px)}
[data-pt="soft-paws"].pr .pr-head{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}
[data-pt="soft-paws"].pr .pr-id{display:none}
[data-pt="soft-paws"].pr .pr-titles{grid-column:1}
[data-pt="soft-paws"].pr .pr-title{font-size:clamp(38px,5.6vw,70px);color:#E05A4F}
[data-pt="soft-paws"].pr .pr-sub{color:#142234;font-size:clamp(22px,2.6vw,32px)}
[data-pt="soft-paws"].pr .pr-facts{grid-column:2;grid-row:1/span 2;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:#FFFCF5;border-radius:6px;padding:20px 22px;margin:22px 0 0;box-shadow:0 6px 18px rgba(120,80,40,.1);transform:rotate(-1deg);font-size:15.5px;gap:12px}
[data-pt="soft-paws"].pr .pr-facts li{border:0;padding:0}
[data-pt="soft-paws"].pr .pr-story{grid-column:1;text-align:left;margin:10px 0 0;font-family:Georgia,serif;font-weight:400;font-size:clamp(17px,1.8vw,21px);color:#5A514C;line-height:1.45}
[data-pt="soft-paws"].pr .pr-deco{top:auto;bottom:-44px;right:-14px} /* at the facts card's corner, never over its text */
[data-pt="soft-paws"].pr .pr-moment figure{padding:6px;border-radius:2px}
[data-pt="soft-paws"].pr .pr-moment figure::before{content:"";position:absolute;left:-14px;top:-10px;width:70px;height:22px;background:rgba(246,214,140,.75);transform:rotate(-28deg);z-index:2}
[data-pt="soft-paws"].pr .pr-moment figure::after{content:"";position:absolute;right:-14px;top:-10px;width:70px;height:22px;background:rgba(246,214,140,.75);transform:rotate(28deg);z-index:2}
[data-pt="soft-paws"].pr .pr-moment figcaption{left:6px;transform:rotate(-2deg);background:rgba(255,237,190,.9);box-shadow:none;border-radius:2px}
[data-pt="soft-paws"].pr .pr-sechead h2{color:#142234}
[data-pt="soft-paws"].pr .pr-rule{background:repeating-linear-gradient(90deg,#E8655A 0 6px,transparent 6px 12px);height:2px;opacity:.5}
[data-pt="soft-paws"].pr .pr-leg{border-radius:4px;border:1px solid #EFDCCB;background:#FFFCF7;position:relative;padding-left:70px;box-shadow:0 5px 16px rgba(120,80,40,.08)}
[data-pt="soft-paws"].pr .pr-leg::before{content:"";position:absolute;left:52px;top:10px;bottom:10px;border-left:2px dashed #EFDCCB}
[data-pt="soft-paws"].pr .pr-leg::after{content:"";position:absolute;left:14px;top:50%;width:26px;height:46px;transform:translateY(-50%);background:linear-gradient(#E8655A,#E8655A) center/2px 70% no-repeat,radial-gradient(circle at 50% 18%,#E8655A 0 4px,transparent 5px);opacity:.45}
[data-pt="soft-paws"].pr .pr-dash i{border-top-color:#E8655A}
[data-pt="soft-paws"].pr .pr-dash svg{color:#E8655A}
[data-pt="soft-paws"].pr .pr-end .pr-city::before{display:none}
[data-pt="soft-paws"].pr .pr-legs{margin:0}
[data-pt="soft-paws"].pr .pr-details{margin:14px 0 0}
[data-pt="soft-paws"].pr .pr-stamp2{display:none}
[data-pt="soft-paws"].pr .pr-facts{margin-top:64px}
[data-pt="soft-paws"].pr .pr-btn{background:#EF7B6E;padding-inline:74px}

/* ----- Jet-set Pet: elegant city diary ----- */
[data-pt="jet-set-pet"].pr .pr-photo{aspect-ratio:1.95/1;border-radius:26px 26px 0 0;clip-path:polygon(0 0,100% 0,100% 78%,98% 79.5%,95% 78%,91% 80%,87% 78.4%,83% 80.4%,79% 78.6%,75% 80.2%,71% 78.5%,67% 80.5%,63% 78.8%,59% 80.6%,56% 100%,52% 98%,47% 99.6%,41% 97.8%,35% 99.5%,29% 97.6%,23% 99.4%,17% 97.8%,11% 99.6%,6% 98%,0 99.4%)}
[data-pt="jet-set-pet"].pr .pr-heroimg{object-position:30% 40%}
[data-pt="jet-set-pet"].pr .pr-polaroid{display:none}
[data-pt="jet-set-pet"].pr .pr-handhero{top:10%;left:3%;font-size:clamp(22px,2.6vw,36px)}
[data-pt="jet-set-pet"].pr .pr-head{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);margin-top:calc(-1 * min(19vw,220px));position:relative;z-index:2;gap:4px 24px;padding-top:0}
[data-pt="jet-set-pet"].pr .pr-id{grid-column:2;border:0;padding:16px 0 0 4px;gap:12px}
[data-pt="jet-set-pet"].pr .pr-id .pr-avatar{width:64px;height:64px;border-width:3px}
[data-pt="jet-set-pet"].pr .pr-pawbadge{display:none}
[data-pt="jet-set-pet"].pr .pr-idtext{font-size:23px}[data-pt="jet-set-pet"].pr .pr-idtext b,[data-pt="jet-set-pet"].pr .pr-idtext span{display:inline;font-weight:400}
[data-pt="jet-set-pet"].pr .pr-titles{grid-column:2}
[data-pt="jet-set-pet"].pr .pr-title{font-size:clamp(34px,4.6vw,58px)}
[data-pt="jet-set-pet"].pr .pr-sub{font-size:clamp(20px,2.2vw,28px)}
[data-pt="jet-set-pet"].pr .pr-facts{grid-column:2;justify-content:flex-start;margin:14px 0 0;font-size:14.5px}
[data-pt="jet-set-pet"].pr .pr-facts li{padding:0 18px}[data-pt="jet-set-pet"].pr .pr-facts li:first-child{padding-left:0}
[data-pt="jet-set-pet"].pr .pr-story{grid-column:2;text-align:left;margin:10px 0 0;font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:1.55;color:var(--p-muted)}
[data-pt="jet-set-pet"].pr .pr-head::before{content:"";grid-column:1;grid-row:1/span 4}
[data-pt="jet-set-pet"].pr.has-pol .pr-titles,[data-pt="soft-paws"].pr.has-pol .pr-titles{padding-right:0}
[data-pt="jet-set-pet"].pr .pr-head > *{position:relative}
[data-pt="jet-set-pet"].pr .pr-head{background:linear-gradient(90deg,transparent 0 48.5%,var(--p-bg) 48.5%);padding-bottom:6px}
[data-pt="jet-set-pet"].pr .pr-deco{display:none}
[data-pt="jet-set-pet"].pr .pr-moment figure{padding:10px 10px 46px;border-radius:2px}
[data-pt="jet-set-pet"].pr .pr-moment figcaption{left:24px;right:24px;transform:rotate(-1deg);bottom:-18px;text-align:left;background:#FFFDF9;padding:8px 14px 10px}
[data-pt="jet-set-pet"].pr .pr-legs{margin:0;gap:24px}
[data-pt="jet-set-pet"].pr .pr-leg{border-radius:10px;padding:0 0 10px;overflow:hidden}
[data-pt="jet-set-pet"].pr .pr-leglabel{display:flex;width:62%;background:#DCEBFA;color:#173963;padding:8px 18px;margin:0 0 4px;clip-path:polygon(0 0,95% 0,100% 100%,0 100%)}
[data-pt="jet-set-pet"].pr .pr-legtop{position:absolute;right:18px;margin-top:-36px;color:#B8894E;font-family:Georgia,serif;font-size:17px}
[data-pt="jet-set-pet"].pr .pr-leg{position:relative}
[data-pt="jet-set-pet"].pr .pr-legrow,[data-pt="jet-set-pet"].pr .pr-legfoot{padding:0 18px}
[data-pt="jet-set-pet"].pr .pr-legfoot{margin:10px 18px 0;padding:8px 0 0}
[data-pt="jet-set-pet"].pr .pr-code{font-size:22px;color:#4B6E99;font-family:Inter,sans-serif;font-weight:500}
[data-pt="jet-set-pet"].pr .pr-city{font-size:21px}
[data-pt="jet-set-pet"].pr .pr-end{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
[data-pt="jet-set-pet"].pr .pr-end .pr-city::before{display:none}
[data-pt="jet-set-pet"].pr .pr-legno{display:none}
[data-pt="jet-set-pet"].pr .pr-stamp2{position:static;width:auto;display:none}
[data-pt="jet-set-pet"].pr .pr-details{margin:14px 0 0;border-radius:999px;background:#ECEAE4;border:0;text-align:center}
[data-pt="jet-set-pet"].pr .pr-details[open]{border-radius:14px;text-align:left}
[data-pt="jet-set-pet"].pr .pr-btn{background:#173963;padding-inline:66px}

/* ----- Trail Buddy specifics ----- */
[data-pt="trail-buddy"].pr .pr-btn{background:#254E3E}

/* ----- narrow screens ----- */
@media (max-width:900px){
  .pr-photo,[data-pt="jet-set-pet"].pr .pr-photo{aspect-ratio:1.45/1}
  [data-pt="jet-set-pet"].pr .pr-photo{clip-path:polygon(0 0,100% 0,100% 96%,95% 97.6%,89% 95.6%,82% 97.8%,74% 95.4%,66% 97.6%,58% 95.2%,50% 97.6%,42% 95.4%,34% 97.4%,26% 95.2%,18% 97.6%,10% 95.4%,4% 97.2%,0 95.4%)}
  .pr-polaroid{width:36%;bottom:-12%}
  .pr-stamp{transform:scale(.72);transform-origin:top right}
  .pr-head,[data-pt="soft-paws"].pr .pr-head,[data-pt="jet-set-pet"].pr .pr-head{grid-template-columns:1fr;margin-top:0;background:none}
  [data-pt="jet-set-pet"].pr .pr-head::before{display:none}
  .pr-id,[data-pt="jet-set-pet"].pr .pr-id{grid-column:1;border-right:0;padding:18px 0 0}
  .pr-titles,[data-pt="soft-paws"].pr .pr-titles,[data-pt="jet-set-pet"].pr .pr-titles,[data-pt="jet-set-pet"].pr .pr-facts,[data-pt="jet-set-pet"].pr .pr-story,[data-pt="soft-paws"].pr .pr-story{grid-column:1}
  [data-pt="soft-paws"].pr .pr-facts{grid-column:1;grid-row:auto;transform:none;margin-top:16px}
  .pr-facts{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:10px}
  .pr-facts li,[data-pt="jet-set-pet"].pr .pr-facts li{border:0;padding:0}
  .pr-story{text-align:left;margin-left:0}
  .pr-deco{display:none}
  .pr-grid,.pr-grid.pr-n2{grid-template-columns:1fr;gap:30px}
  .pr-moment img{aspect-ratio:1.55}
  .pr-legs,.pr-legs.pr-l1{grid-template-columns:1fr;margin:0}
  .pr-details{margin:14px 0 0}
  .pr-stamp2{display:none}
  .pr-sechead{flex-wrap:wrap;gap:6px 14px;margin-top:38px}
  .pr-sechead .pr-hand{text-align:left;max-width:none;flex-basis:100%;transform:none}
  .pr-rule{display:none}
  .pr-btn{padding-inline:28px}
  .pr-ctaline{display:none}.pr-cta{justify-content:center}
}
@media (max-width:520px){
  .pr{padding-top:10px}
  .pr-photo{aspect-ratio:1.1/1;border-radius:16px 16px 0 0}
  .pr-handhero{font-size:24px;top:8%}
  .pr-stamp{transform:scale(.55)}
  .pr-polaroid{width:34%;bottom:-14%;padding:5px 5px 6px}.pr-polaroid figcaption{font-size:14px;padding-top:4px}
  .pr-avatar{width:72px;height:72px}.pr-pawbadge{left:50px;bottom:2px}
  .pr-title{font-size:clamp(32px,10vw,40px)}
  .pr-code{font-size:24px}.pr-city{font-size:16px}
  .pr-leg{padding:10px 12px}
  [data-pt="soft-paws"].pr .pr-leg{padding-left:16px}[data-pt="soft-paws"].pr .pr-leg::before,[data-pt="soft-paws"].pr .pr-leg::after{display:none}
  .pr-btn{width:100%;justify-content:center;padding-inline:16px;font-size:16.5px}
}
@media (prefers-reduced-motion:reduce){.pets-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ----- demo bar, crumbs, profile ----- */
.pdemo{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;padding-top:14px;font-size:14px;color:var(--p-muted)}
.pdemo p{margin:0}.pdemo b{color:var(--p-text)}
.pdemo[hidden]{display:none}
.plooks{display:flex;gap:6px;flex-wrap:wrap}
.plooks button{border:1.5px solid var(--p-line);background:var(--p-surface);color:var(--p-text);border-radius:999px;padding:7px 14px;font:500 13.5px Inter,sans-serif;cursor:pointer;min-height:36px}
.plooks button[aria-pressed="true"]{background:var(--p-accent);border-color:var(--p-accent);color:var(--p-ink)}
.pcrumb{font-size:14px;padding-top:12px}.pcrumb:empty{display:none}.pcrumb a{color:var(--p-text)}
#profile:empty{display:none}
.pp-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;padding:30px 0 10px}
.pp-portrait{border-radius:24px;overflow:hidden;background:var(--p-paper);aspect-ratio:1/1;box-shadow:0 12px 30px rgba(20,30,20,.12);transform:rotate(-1.2deg)}
.pp-portrait img{width:100%;height:100%;object-fit:cover}
.pp-ph,.pp-tph{display:grid;place-items:center;width:100%;height:100%}
.pp-kick{font-size:28px;color:var(--p-head)}
.pp-intro h1{font-family:Georgia,serif;font-size:clamp(46px,7vw,84px);letter-spacing:-.03em;margin:0;color:var(--p-head);line-height:1}
.pp-text{font-size:17px;line-height:1.6;color:var(--p-muted);max-width:52ch;margin:14px 0 0}
.pp-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0}
.pp-facts li{background:var(--p-soft);border-radius:999px;padding:5px 12px;font-size:13.5px}
.pp-stats{display:flex;flex-wrap:wrap;gap:12px 32px;margin:22px 0 0}
.pp-stats dt{font-size:12.5px;color:var(--p-muted)}.pp-stats dd{margin:2px 0 0;font:700 30px Georgia,serif;color:var(--p-text)}
.pp-note{font-size:12.5px;color:var(--p-muted);margin:10px 0 0}
.pp-sec h2{font-family:Georgia,serif;font-size:clamp(26px,3vw,36px);letter-spacing:-.02em;margin:46px 0 16px;color:var(--p-head)}
.pp-trips{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.pp-trips a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--p-text);background:var(--p-surface);border:1px solid var(--p-line);border-radius:16px;padding:10px 10px 14px}
.pp-trips img,.pp-tph{border-radius:10px;aspect-ratio:1.5;object-fit:cover;width:100%;background:var(--p-paper)}
.pp-trips b{font-family:Georgia,serif;font-size:20px;padding:0 4px}.pp-trips span{font-size:13.5px;color:var(--p-muted);padding:0 4px}
.pp-map{height:360px;border-radius:18px;overflow:hidden;background:var(--p-paper);border:1px solid var(--p-line)}
.pp-map canvas{width:100%;height:100%;display:block}
.pp-stamps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.pp-stamps li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--p-muted);text-align:center}
.pp-stamps svg{width:150px;height:auto}
.pp-empty{color:var(--p-muted)}
.pp-404{padding:80px 20px;text-align:center}.pp-404 h1{font-family:Georgia,serif}
@media (max-width:800px){.pp-head{grid-template-columns:1fr;gap:20px}.pp-portrait{max-width:420px}.pp-map{height:260px}}
/* the nav fits every phone: links go first, then the long button label */
.pr{overflow-x:clip}
.pr-journey>*{min-width:0}.pr-details{min-width:0;max-width:100%}.pr-tw{max-width:100%}

/* ================= photos: covers, framing, no-photo and failed-photo states ================= */
.pr-photo:not(.pr-nophoto) .pr-ph{display:none}
.pr-heroimg{transition:transform .2s}
/* no usable photo: a deliberate panel in the theme's colours, never an empty box */
.pr-nophoto{background:radial-gradient(circle at 18% 30%,color-mix(in srgb,var(--p-second) 22%,transparent) 0 18%,transparent 19%),radial-gradient(circle at 82% 72%,color-mix(in srgb,var(--p-accent) 14%,transparent) 0 22%,transparent 23%),var(--p-paper)}
.pr-nophoto .pr-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;color:var(--p-accent);text-align:center;padding:24px}
.pr-ph .pr-phpaws{display:flex;gap:10px;align-items:flex-end;opacity:.75}.pr-ph .pr-phpaws svg:nth-child(2){transform:translateY(-10px)}
.pr-ph b{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,4.4vw,54px);letter-spacing:-.03em;color:var(--p-head);line-height:1}
.pr-ph span:not(.pr-phpaws){font-family:Caveat,"Segoe Print",cursive;font-size:clamp(20px,2.4vw,30px);color:var(--p-hand)}
.pr figure.pr-broken{background:var(--p-paper);min-height:140px;display:grid;place-items:center;border-radius:12px}
.pr figure.pr-broken::before{content:"Photo unavailable";font-size:13px;color:var(--p-muted)}
/* the journey's other photos (5 to 12) */
.pr-more{margin:34px 0 10px}
.pr-strip{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.pr-strip figure{margin:0;border-radius:12px;overflow:hidden;background:var(--p-paper)}
.pr-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;height:auto}
.pr-strip figcaption{font-family:Caveat,"Segoe Print",cursive;font-size:19px;padding:6px 10px 8px;color:var(--p-hand)}
/* public profile: journey covers at one shape, the chosen framing kept */
.pp-tcover{display:block;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:var(--p-paper)}
.pp-tcover img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;aspect-ratio:auto}
.pp-trips a>span.pp-tcover{padding:0}
.pp-tcover .pp-tph{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;aspect-ratio:auto;height:100%;border-radius:0;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--p-second) 22%,transparent) 0 20%,transparent 21%),var(--p-paper)}
.pp-tcover .pp-tph em{font:600 20px Caveat,"Segoe Print",cursive;color:var(--p-hand);font-style:normal;padding:0 12px;text-align:center}
.pp-portrait img{transform-origin:center}
.pr-hero:has(.pr-nophoto) .pr-handhero{color:var(--p-hand);text-shadow:none}