/* S18 · 宠物档案：本人管理、访客白名单和私密不可访问是三套独立界面。 */
body[data-page="pet-profile"] { overflow-x: clip; }
.pet-profile-page { min-height: calc(100svh - 76px); padding-block: var(--space-7) var(--space-10); }
.pet-profile-heading { max-width: 900px; }
.pet-profile-heading h1 { margin-top: var(--space-2); color: var(--forest); font-size: clamp(31px, 3.35vw, 43px); }
.pet-profile-heading > p:not(.eyebrow) { max-width: 820px; margin-top: var(--space-4); color: var(--ink-soft); font-size: 15px; line-height: 1.72; }
.pet-profile-mobile-header, .pet-profile-mobile-nav { display: none; }
.pet-profile-status { min-height: 22px; margin-top: 9px; color: var(--moss-strong); font-size: 11px; font-weight: 750; line-height: 1.55; }
.pet-profile-identity { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.25fr) auto; align-items: stretch; gap: clamp(16px, 2.5vw, 28px); margin-top: var(--space-4); padding: clamp(15px, 2.2vw, 24px); border-radius: var(--radius-md); }
.pet-profile-cover { position: relative; min-height: 210px; margin: 0; overflow: hidden; border-radius: 14px; background: var(--moss-pale); }
.pet-profile-cover img { width: 100%; height: 100%; object-fit: cover; }
.pet-profile-cover figcaption, .pet-profile-private-photo figcaption, .pet-profile-public-post figcaption { position: absolute; right: 8px; bottom: 8px; left: 8px; width: max-content; max-width: calc(100% - 16px); min-height: 22px; display: inline-flex; align-items: center; padding: 2px 8px; color: var(--forest); background: rgba(255, 253, 248, .92); border-radius: 999px; font-size: 8px; font-weight: 800; line-height: 1.3; overflow-wrap: anywhere; }
.pet-profile-identity__copy { min-width: 0; align-self: center; }
.pet-profile-identity__copy .eyebrow { margin-bottom: 5px; }
.pet-profile-chip-row { display: flex; flex-wrap: wrap; gap: 6px; }
.pet-profile-chip-row span, .pet-profile-private-label { min-height: 23px; display: inline-flex; align-items: center; width: max-content; max-width: 100%; padding: 2px 8px; color: var(--moss-strong); background: rgba(229, 236, 229, .82); border: 1px solid rgba(111, 139, 116, .24); border-radius: 999px; font-size: 9px; font-weight: 800; line-height: 1.3; overflow-wrap: anywhere; }
.pet-profile-chip-row span:first-child { color: #824419; background: rgba(249, 239, 231, .68); border-color: rgba(188, 111, 60, .3); }
.pet-profile-identity h2 { margin-top: 10px; color: var(--forest); font-size: clamp(26px, 2.65vw, 34px); line-height: 1.22; overflow-wrap: anywhere; }
.pet-profile-identity__copy > p:not(.eyebrow) { max-width: 600px; margin-top: 7px; color: var(--ink-soft); font-size: 12px; line-height: 1.68; overflow-wrap: anywhere; }
.pet-profile-owner-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 13px 0 0; }
.pet-profile-owner-facts div { min-width: 0; padding: 8px 9px; background: rgba(242, 248, 242, .68); border: 1px solid rgba(111, 139, 116, .25); border-radius: 9px; }
.pet-profile-owner-facts dt { color: var(--ink-faint); font-size: 9px; font-weight: 750; line-height: 1.25; }
.pet-profile-owner-facts dd { margin: 3px 0 0; color: var(--forest); font-size: 10px; font-weight: 800; line-height: 1.4; overflow-wrap: anywhere; }
.pet-profile-identity__actions { display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 8px; min-width: 148px; }
.pet-profile-identity__actions .button { min-height: 44px; padding-inline: 13px; font-size: 11px; white-space: nowrap; }
.pet-profile-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; margin-top: var(--space-4); padding: 4px; background: rgba(255, 255, 255, .55); border: 1px solid rgba(111, 139, 116, .25); border-radius: 14px; }
.pet-profile-tabs button { min-width: 0; min-height: 44px; padding: 4px 8px; color: var(--ink-soft); background: transparent; border: 1px solid transparent; border-radius: 10px; font-size: 11px; font-weight: 800; line-height: 1.3; overflow-wrap: anywhere; transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease; }
.pet-profile-tabs button:hover { color: var(--forest); background: rgba(229, 236, 229, .75); transform: translateY(-1px); }
.pet-profile-tabs button[aria-selected="true"] { color: #f8fbf7; background: var(--forest); border-color: var(--forest); box-shadow: 0 7px 16px rgba(68, 88, 74, .16); }
.pet-profile-owner-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(258px, .55fr); align-items: start; gap: var(--space-5); margin-top: var(--space-4); }
.pet-profile-owner-main { min-width: 0; }
.pet-profile-panel { min-width: 0; display: grid; gap: 14px; padding: clamp(18px, 2.6vw, 27px); border-radius: var(--radius-sm); }
.pet-profile-panel > header { display: grid; gap: 5px; }
.pet-profile-panel > header h2, .pet-profile-record-empty h2, .pet-profile-private-card h1 { color: var(--forest); font-size: clamp(22px, 2.35vw, 29px); line-height: 1.32; overflow-wrap: anywhere; }
.pet-profile-panel > header > p:not(.eyebrow), .pet-profile-record-empty > p:not(.pet-profile-private-label), .pet-profile-private-card > p:not(.eyebrow) { color: var(--ink-soft); font-size: 12px; line-height: 1.68; overflow-wrap: anywhere; }
.pet-profile-profile-grid, .pet-profile-manage-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pet-profile-profile-grid article, .pet-profile-manage-grid article { min-width: 0; display: grid; align-content: start; gap: 6px; padding: 15px; background: rgba(242, 248, 242, .7); border: 1px solid rgba(111, 139, 116, .28); border-radius: var(--radius-xs); }
.pet-profile-profile-grid span, .pet-profile-manage-grid span { color: var(--moss-strong); font-size: 9px; font-weight: 800; }
.pet-profile-profile-grid h3, .pet-profile-manage-grid h3 { color: var(--forest); font-size: 15px; line-height: 1.42; overflow-wrap: anywhere; }
.pet-profile-profile-grid p, .pet-profile-manage-grid p { color: var(--ink-soft); font-size: 10px; line-height: 1.62; overflow-wrap: anywhere; }
.pet-profile-private-photo { position: relative; min-height: 190px; margin: 0; overflow: hidden; border-radius: var(--radius-xs); background: var(--moss-pale); }
.pet-profile-private-photo img { width: 100%; height: 100%; object-fit: cover; }
.pet-profile-record-empty { align-content: start; min-height: 350px; }
.pet-profile-record-empty .button { justify-self: start; min-width: min(100%, 260px); min-height: 48px; margin-top: 3px; padding-inline: 18px; font-size: 11px; }
.pet-profile-record-empty aside, .pet-profile-trend-panel aside { display: grid; gap: 4px; margin-top: 2px; padding: 13px 14px; background: rgba(242, 248, 242, .73); border: 1px solid rgba(111, 139, 116, .32); border-radius: var(--radius-xs); }
.pet-profile-record-empty aside strong, .pet-profile-trend-panel aside strong { color: var(--forest); font-size: 11px; }
.pet-profile-record-empty aside span, .pet-profile-trend-panel aside span { color: var(--ink-soft); font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.pet-profile-trend-panel { min-height: 350px; }
.pet-profile-single-point { min-height: 160px; display: grid; place-items: center; align-content: center; gap: 5px; padding: 20px; background: rgba(250, 253, 249, .58); border: 1px solid rgba(111, 139, 116, .28); border-radius: var(--radius-xs); text-align: center; }
.pet-profile-single-point__dot { width: 15px; height: 15px; display: block; background: var(--forest); border: 4px solid rgba(183, 201, 184, .72); border-radius: 50%; box-shadow: 0 0 0 5px rgba(229, 236, 229, .72); }
.pet-profile-single-point strong { color: var(--forest); font-size: 23px; line-height: 1.15; }
.pet-profile-single-point small { color: var(--ink-soft); font-size: 10px; line-height: 1.5; }
.pet-profile-manage-grid__warning { background: rgba(249, 239, 231, .62) !important; border-color: rgba(188, 111, 60, .32) !important; }
.pet-profile-manage-grid__warning span, .pet-profile-manage-grid__warning h3, .pet-profile-manage-grid__warning p { color: #824419 !important; }
.pet-profile-manage-grid .button { width: max-content; min-height: 42px; margin-top: 3px; padding-inline: 12px; font-size: 10px; }
.pet-profile-owner-rail { position: sticky; top: 96px; display: grid; gap: 10px; padding: 15px; border-radius: var(--radius-sm); }
.pet-profile-owner-rail section { display: grid; gap: 5px; padding: 11px; background: rgba(242, 248, 242, .72); border: 1px solid rgba(111, 139, 116, .27); border-radius: 10px; }
.pet-profile-owner-rail h2 { color: var(--forest); font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
.pet-profile-owner-rail p:not(.eyebrow) { color: var(--ink-soft); font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.pet-profile-owner-rail__warning { background: rgba(249, 239, 231, .67) !important; border-color: rgba(188, 111, 60, .29) !important; }
.pet-profile-owner-rail__warning .eyebrow, .pet-profile-owner-rail__warning p { color: #824419 !important; }
.pet-profile-owner-actions { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: var(--space-4); }
.pet-profile-owner-actions .button { min-width: min(100%, 250px); min-height: 48px; padding-inline: 19px; font-size: 12px; }
.pet-profile-owner-actions .button--primary { margin-left: auto; }
.pet-profile-visitor-surface { display: grid; gap: 12px; max-width: 900px; margin: var(--space-4) auto 0; }
.pet-profile-public-summary, .pet-profile-default-hidden, .pet-profile-visitor-note, .pet-profile-private-card { min-width: 0; display: grid; gap: 11px; padding: clamp(17px, 2.6vw, 25px); border-radius: var(--radius-sm); }
.pet-profile-public-summary header { display: grid; gap: 3px; }
.pet-profile-public-summary h2, .pet-profile-public-post h2, .pet-profile-default-hidden h2, .pet-profile-visitor-note h2 { color: var(--forest); font-size: clamp(20px, 2.25vw, 27px); line-height: 1.36; overflow-wrap: anywhere; }
.pet-profile-public-summary dl { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; margin: 0; }
.pet-profile-public-summary dl > div { min-width: 0; padding: 10px; background: rgba(242, 248, 242, .72); border: 1px solid rgba(111, 139, 116, .25); border-radius: 10px; }
.pet-profile-public-summary dt { color: var(--ink-faint); font-size: 9px; font-weight: 750; line-height: 1.3; }
.pet-profile-public-summary dd { margin: 4px 0 0; color: var(--forest); font-size: 10px; font-weight: 800; line-height: 1.45; overflow-wrap: anywhere; }
.pet-profile-public-post { min-width: 0; display: grid; grid-template-columns: minmax(190px, .7fr) minmax(0, 1.3fr); overflow: hidden; border-radius: var(--radius-sm); }
.pet-profile-public-post figure { position: relative; min-height: 230px; margin: 0; background: var(--moss-pale); }
.pet-profile-public-post figure img { width: 100%; height: 100%; object-fit: cover; }
.pet-profile-public-post > div { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: clamp(17px, 2.6vw, 25px); }
.pet-profile-public-post > div > p:not(.eyebrow), .pet-profile-default-hidden p:not(.eyebrow), .pet-profile-visitor-note p:not(.eyebrow) { color: var(--ink-soft); font-size: 12px; line-height: 1.68; overflow-wrap: anywhere; }
.pet-profile-public-post .button { min-height: 44px; margin-top: auto; padding-inline: 13px; font-size: 10px; }
.pet-profile-default-hidden { background: rgba(249, 239, 231, .68); border: 1px solid rgba(188, 111, 60, .3); }
.pet-profile-default-hidden .eyebrow, .pet-profile-default-hidden h2, .pet-profile-default-hidden p { color: #824419; }
.pet-profile-visitor-note { background: rgba(242, 248, 242, .72); border: 1px solid rgba(111, 139, 116, .28); }
.pet-profile-private-surface { max-width: 720px; margin: clamp(52px, 10vh, 126px) auto 0; }
.pet-profile-private-card { min-height: 320px; align-content: center; justify-items: start; background: rgba(249, 239, 231, .77); border: 1px solid rgba(188, 111, 60, .35); }
.pet-profile-private-card .eyebrow, .pet-profile-private-card h1 { color: #824419; }
.pet-profile-private-card > p:not(.eyebrow) { max-width: 580px; color: #824419; }
.pet-profile-private-card .button { min-height: 44px; margin-top: 4px; padding-inline: 14px; font-size: 10px; }
.pet-profile-f18 { margin-top: var(--space-8); padding: clamp(20px, 3vw, 30px); border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(255, 255, 255, .42); }
.pet-profile-f18 > header { display: flex; align-items: end; justify-content: space-between; gap: var(--space-4); }
.pet-profile-f18 h2 { max-width: 790px; color: var(--forest); font-size: clamp(23px, 2.5vw, 30px); line-height: 1.32; }
.pet-profile-f18 > header > p { max-width: 300px; color: var(--ink-faint); font-size: 11px; line-height: 1.6; text-align: right; }
.pet-profile-f18-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: var(--space-5); }
.pet-profile-f18-grid article { min-width: 0; min-height: 208px; display: flex; flex-direction: column; align-items: stretch; padding: 13px; background: rgba(242, 248, 242, .74); border: 1px solid rgba(111, 139, 116, .36); border-radius: var(--radius-xs); }
.pet-profile-f18-grid article > span { align-self: flex-start; min-height: 22px; display: inline-flex; align-items: center; max-width: 100%; padding: 1px 7px; color: var(--moss-strong); background: rgba(229, 236, 229, .76); border-radius: 999px; font-size: 9px; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
.pet-profile-f18-grid h3 { margin-top: var(--space-3); color: var(--forest); font-size: 16px; line-height: 1.35; overflow-wrap: anywhere; }
.pet-profile-f18-grid p { margin-top: 6px; color: var(--ink-soft); font-size: 10px; line-height: 1.55; overflow-wrap: anywhere; }
.pet-profile-f18-grid .button { width: 100%; min-height: 44px; margin-top: auto; padding-inline: 7px; font-size: 10px; }
.pet-profile-f18__warning { background: rgba(249, 239, 231, .7) !important; border-color: rgba(188, 111, 60, .32) !important; }
.pet-profile-f18__warning > span { color: #824419 !important; background: rgba(255, 248, 241, .86) !important; }
.pet-profile-f18__warning h3, .pet-profile-f18__warning p { color: #824419 !important; }
body[data-page="pet-profile"] [hidden] { display: none !important; }
/* Query-private pages must redact identity before the module controller has booted. */
html[data-pet-profile-private-pending="true"] [data-pet-profile-identity],
html[data-pet-profile-private-pending="true"] [data-pet-profile-owner-surface],
html[data-pet-profile-private-pending="true"] [data-pet-profile-visitor-surface] { display: none !important; }
html[data-pet-profile-private-pending="true"] [data-pet-profile-private-surface][hidden] { display: block !important; }

/* T · 本人默认单点趋势，内容收束为单栏并保留完整 Tabs。 */
@media (max-width: 860px) {
  .pet-profile-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .pet-profile-heading { max-width: 650px; }
  .pet-profile-identity { max-width: 680px; margin-inline: auto; grid-template-columns: 180px minmax(0, 1fr); }
  .pet-profile-identity__actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pet-profile-owner-layout { display: block; max-width: 680px; margin-inline: auto; }
  .pet-profile-owner-rail { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--space-5); }
  .pet-profile-owner-actions { max-width: 680px; margin-inline: auto; }
  .pet-profile-visitor-surface { max-width: 680px; }
  .pet-profile-public-summary dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pet-profile-f18-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* M · 访客公开资料，安全区五项底栏；本人管理 Tabs 不作为手机默认面。 */
@media (max-width: 640px) {
  body[data-page="pet-profile"] .site-header { display: none; }
  .pet-profile-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(102px + env(safe-area-inset-bottom)); }
  .pet-profile-heading { display: none; }
  .pet-profile-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .pet-profile-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 22px; font-weight: 800; }
  .pet-profile-mobile-header strong { min-width: 0; color: var(--forest); font-size: 15px; overflow-wrap: anywhere; }
  .pet-profile-mobile-header span { max-width: 66px; color: var(--moss-strong); font-size: 9px; font-weight: 800; line-height: 1.25; text-align: right; overflow-wrap: anywhere; }
  .pet-profile-status { min-height: 30px; margin-top: 7px; font-size: 10px; line-height: 1.48; }
  .pet-profile-identity { grid-template-columns: 102px minmax(0, 1fr); gap: 10px; margin-top: 7px; padding: 10px; border-radius: var(--radius-xs); }
  .pet-profile-cover { min-height: 138px; border-radius: 10px; }
  .pet-profile-cover figcaption { right: 5px; bottom: 5px; left: 5px; min-height: 18px; padding-inline: 4px; font-size: 7px; }
  .pet-profile-identity__copy { align-self: stretch; }
  .pet-profile-identity__copy .eyebrow { margin-bottom: 2px; font-size: 8px; }
  .pet-profile-chip-row { gap: 3px; }
  .pet-profile-chip-row span { min-height: 18px; padding-inline: 5px; font-size: 7px; }
  .pet-profile-identity h2 { margin-top: 6px; font-size: 18px; line-height: 1.3; }
  .pet-profile-identity__copy > p:not(.eyebrow) { margin-top: 4px; font-size: 9px; line-height: 1.48; }
  .pet-profile-owner-facts, .pet-profile-identity__actions { display: none; }
  .pet-profile-tabs { gap: 3px; margin-top: 7px; padding: 3px; border-radius: 11px; }
  .pet-profile-tabs button { min-height: 44px; padding: 3px 4px; border-radius: 8px; font-size: 9px; line-height: 1.28; }
  .pet-profile-owner-layout { margin-top: 9px; }
  .pet-profile-panel { gap: 10px; padding: 13px; border-radius: var(--radius-xs); }
  .pet-profile-panel > header { gap: 3px; }
  .pet-profile-panel > header .eyebrow, .pet-profile-private-label { font-size: 8px; }
  .pet-profile-panel > header h2, .pet-profile-record-empty h2, .pet-profile-private-card h1 { font-size: 19px; }
  .pet-profile-panel > header > p:not(.eyebrow), .pet-profile-record-empty > p:not(.pet-profile-private-label), .pet-profile-private-card > p:not(.eyebrow) { font-size: 10px; line-height: 1.54; }
  .pet-profile-profile-grid, .pet-profile-manage-grid { grid-template-columns: 1fr; gap: 8px; }
  .pet-profile-profile-grid article, .pet-profile-manage-grid article { gap: 4px; padding: 11px; }
  .pet-profile-profile-grid h3, .pet-profile-manage-grid h3 { font-size: 13px; }
  .pet-profile-profile-grid p, .pet-profile-manage-grid p { font-size: 9px; line-height: 1.5; }
  .pet-profile-record-empty, .pet-profile-trend-panel { min-height: 0; }
  .pet-profile-record-empty .button { width: 100%; min-height: 44px; font-size: 10px; }
  .pet-profile-record-empty aside, .pet-profile-trend-panel aside { gap: 3px; padding: 11px; border-radius: var(--radius-xs); }
  .pet-profile-record-empty aside strong, .pet-profile-trend-panel aside strong { font-size: 10px; }
  .pet-profile-record-empty aside span, .pet-profile-trend-panel aside span { font-size: 9px; line-height: 1.52; }
  .pet-profile-single-point { min-height: 132px; padding: 16px; }
  .pet-profile-single-point strong { font-size: 20px; }
  .pet-profile-single-point small { font-size: 9px; }
  .pet-profile-owner-rail, .pet-profile-owner-actions, .pet-profile-f18 { display: none; }
  .pet-profile-visitor-surface { gap: 9px; margin-top: 9px; }
  .pet-profile-public-summary, .pet-profile-default-hidden, .pet-profile-visitor-note, .pet-profile-private-card { gap: 8px; padding: 13px; border-radius: var(--radius-xs); }
  .pet-profile-public-summary header { gap: 2px; }
  .pet-profile-public-summary h2, .pet-profile-public-post h2, .pet-profile-default-hidden h2, .pet-profile-visitor-note h2 { font-size: 17px; line-height: 1.34; }
  .pet-profile-public-summary dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
  .pet-profile-public-summary dl > div { padding: 8px; border-radius: 8px; }
  .pet-profile-public-summary dt { font-size: 8px; }
  .pet-profile-public-summary dd { margin-top: 2px; font-size: 9px; line-height: 1.38; }
  .pet-profile-public-post { grid-template-columns: 98px minmax(0, 1fr); min-height: 164px; border-radius: var(--radius-xs); }
  .pet-profile-public-post figure { min-height: 164px; }
  .pet-profile-public-post figcaption { right: 5px; bottom: 5px; left: 5px; min-height: 18px; padding-inline: 4px; font-size: 7px; }
  .pet-profile-public-post > div { gap: 5px; padding: 10px; }
  .pet-profile-public-post > div .eyebrow, .pet-profile-default-hidden .eyebrow, .pet-profile-visitor-note .eyebrow { font-size: 8px; }
  .pet-profile-public-post > div > p:not(.eyebrow), .pet-profile-default-hidden p:not(.eyebrow), .pet-profile-visitor-note p:not(.eyebrow) { font-size: 9px; line-height: 1.48; }
  .pet-profile-public-post .button { width: 100%; min-height: 30px; padding-inline: 6px; font-size: 8px; }
  .pet-profile-private-surface { margin: 58px auto 0; }
  .pet-profile-private-card { min-height: 270px; align-content: center; }
  .pet-profile-private-card .button { width: 100%; min-height: 44px; font-size: 10px; }
  .pet-profile-mobile-nav { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: rgba(249, 251, 248, .96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .pet-profile-mobile-nav a { min-width: 0; min-height: 64px; display: grid; place-content: center; justify-items: center; gap: 2px; color: var(--ink-faint); font-size: 9px; font-weight: 750; line-height: 1.2; overflow-wrap: anywhere; }
  .pet-profile-mobile-nav a > span:first-child { font-size: 18px; line-height: 1; }
  .pet-profile-mobile-nav__active, .pet-profile-mobile-nav__create { color: var(--forest) !important; }
  .pet-profile-mobile-nav__create > span:first-child { width: 28px; height: 28px; display: grid; place-items: center; color: white; background: var(--forest); border-radius: 50%; }
}

@media (max-width: 360px) {
  .pet-profile-mobile-header { gap: 5px; }
  .pet-profile-mobile-header strong { font-size: 14px; }
  .pet-profile-mobile-header span { max-width: 50px; font-size: 8px; }
  .pet-profile-identity { grid-template-columns: 88px minmax(0, 1fr); padding: 9px; }
  .pet-profile-cover { min-height: 142px; }
  .pet-profile-identity h2 { font-size: 16px; }
  .pet-profile-identity__copy > p:not(.eyebrow) { font-size: 8px; }
  .pet-profile-public-post { grid-template-columns: 88px minmax(0, 1fr); min-height: 166px; }
  .pet-profile-public-post figure { min-height: 166px; }
  .pet-profile-public-post h2 { font-size: 15px; }
  .pet-profile-public-post > div > p:not(.eyebrow) { font-size: 8px; }
  .pet-profile-mobile-nav a { font-size: 8px; }
}