/* v49S · Binding gutter adjusted from v49R. A private care journal. Decoration stays inside Health. */
.view.health-view{
  --care-sheet:rgba(255,255,255,.25);
  --care-fold:rgba(255,255,255,.44);
  --care-grain:rgba(113,136,157,.022);
  --care-ornament:.66;
}
:root[data-phase="dusk"] .view.health-view{
  --care-sheet:rgba(255,249,253,.27);
  --care-fold:rgba(255,253,255,.55);
  --care-grain:rgba(163,116,148,.025);
}
:root[data-phase="night"] .view.health-view{
  --care-sheet:rgba(230,204,243,.045);
  --care-fold:rgba(237,218,248,.08);
  --care-grain:rgba(235,216,245,.018);
  --care-ornament:.52;
}
.view.health-view .health-head{position:relative}
.view.health-view .section-title{
  font:italic 400 44px/1.12 Georgia,'Times New Roman',serif;
  letter-spacing:-.05em;margin:9px 0;color:var(--care-ink);
}
.view.health-view .health-head .note-kicker{letter-spacing:.21em}
.view.health-view .health-mini-tag{font-size:8px;letter-spacing:.12em;max-width:98px}
.view.health-view .health-mini-tag::before{
  content:'';display:block;width:12px;height:30px;margin:0 0 4px auto;
  background:url('./assets/care-silver-star.svg') center/contain no-repeat;opacity:var(--care-ornament);
}
.view.health-view>.section-sub{font-size:12px;margin-bottom:14px}
.view.health-view .anatomy-top{
  position:relative;border-top:0;border-bottom:1px dashed var(--care-rule);
  padding:8px 0;font-size:8px;letter-spacing:.10em;
}
.view.health-view .anatomy-top::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--care-rule) 18%,var(--care-rule) 82%,transparent);
}
/* The opaque heart silhouette sits ~4.75% to the right of its canvas center.
   Independent translate preserves the original transform-based floating animation. */
.view.health-view .anatomy-float{position:relative;translate:-4.75% 0;z-index:1}
.view.health-view .anatomy-stage{isolation:isolate}
.view.health-view .anatomy-stage::before{
  z-index:-1;width:128%;max-width:260px;height:98%;aspect-ratio:auto;
  border:0;border-radius:0;transform:none;
  background:url('./assets/care-lace-medallion.svg') center/contain no-repeat;
  opacity:var(--care-ornament);
}
.view.health-view .anatomy-stage::after{
  width:110%;max-width:230px;aspect-ratio:4/5;border:0;transform:none;
  background:radial-gradient(ellipse,var(--care-sheet),transparent 69%);
}
.view.health-view .anatomy-aura{z-index:0;opacity:.85}
.view.health-view :is(.care-heart-bow,.care-heart-charm){
  position:absolute;pointer-events:none;user-select:none;object-fit:contain;z-index:2;
}
.view.health-view .care-heart-bow{width:46px;height:auto;top:9px;right:-2px;transform:rotate(8deg);opacity:.9}
.view.health-view .care-heart-charm{width:18px;height:48px;left:-3px;bottom:31px;opacity:.83}
.view.health-view .health-orbit-metric{position:relative;border-bottom:0!important;padding:8px 0}
.view.health-view .health-orbit-metric:not(:last-child)::after{
  content:'';position:absolute;bottom:0;left:0;width:78%;height:1px;
  background:linear-gradient(90deg,var(--care-rule),transparent);
}
.view.health-view .anatomy-metrics.right .health-orbit-metric:not(:last-child)::after{
  background:linear-gradient(90deg,transparent,var(--care-rule));left:auto;right:0;
}
.view.health-view .health-orbit-metric small{letter-spacing:.035em}
.view.health-view .health-orbit-metric small svg{color:var(--care-accent);opacity:.9}
.view.health-view .health-orbit-metric strong{font-size:10px;line-height:1.65}
/* A single letter slip, followed by one continuous sheet of records. */
.view.health-view .anatomy-river{
  position:relative;isolation:isolate;box-sizing:border-box;border:0;
  padding:15px 12px 12px;margin-top:0;
  background:linear-gradient(115deg,var(--care-fold),transparent 40%),
    repeating-linear-gradient(0deg,transparent 0 3px,var(--care-grain) 3px 4px),var(--care-sheet);
  box-shadow:0 1px 0 var(--care-rule),0 5px 12px rgba(102,79,115,.025);
}
.view.health-view .anatomy-river::before{
  position:absolute;left:0;right:0;top:-8px;width:100%;height:10px;margin:0;
  background:url('./assets/care-lace-trim.svg') center/24px 10px repeat-x;
  opacity:var(--care-ornament);pointer-events:none;
}
.view.health-view .anatomy-river::after{
  content:'';position:absolute;top:-5px;right:18px;width:24px;height:10px;
  background:linear-gradient(100deg,transparent,var(--care-pink) 28%,var(--care-fold) 50%,var(--care-pink) 75%,transparent);
  opacity:.53;transform:rotate(7deg);pointer-events:none;
}
.view.health-view .anatomy-river .note-kicker{font-size:12px;letter-spacing:.10em}
.view.health-view .anatomy-river p{margin-top:8px;font-size:12px;line-height:1.9}
.view.health-view .care-records-paper{
  position:relative;isolation:isolate;margin:18px -8px 0;padding:0 8px 0 18px;
  background:linear-gradient(90deg,var(--care-fold),transparent 15%,transparent 87%,var(--care-sheet)),
    repeating-linear-gradient(0deg,transparent 0 3px,var(--care-grain) 3px 4px),var(--care-sheet);
}
.view.health-view .care-records-paper::before{
  content:'';position:absolute;top:3px;bottom:0;left:-6px;width:9px;z-index:-1;
  background:url('./assets/care-lace-edge.svg') left top/9px 14px repeat-y;
  opacity:var(--care-ornament);pointer-events:none;
}
.view.health-view .health-tier-label{position:relative;margin-top:16px;padding:10px 0 8px;border-top:2px dashed var(--care-rule)}
.view.health-view .care-records-paper>.health-tier-label:first-child{margin-top:0}
.view.health-view .health-tier-label>span{
  position:relative;isolation:isolate;font-size:18px;min-width:24px;
}
.view.health-view .health-tier-label>span::before{
  content:'';position:absolute;left:-3px;right:0;bottom:0;height:8px;z-index:-1;
  background:linear-gradient(100deg,transparent,var(--care-pink),var(--care-fold));opacity:.35;
}
.view.health-view .health-tier-label::after{
  content:'';width:11px;height:25px;background:url('./assets/care-silver-star.svg') center/contain no-repeat;
  opacity:var(--care-ornament);pointer-events:none;
}
.view.health-view :is(.health-grid-one,.health-mid-grid){position:relative}
.view.health-view :is(.health-grid-one,.health-mid-grid)::before{
  content:'';position:absolute;left:50%;top:14px;bottom:18px;width:1px;
  background:linear-gradient(transparent,var(--care-rule) 25%,var(--care-rule) 75%,transparent);
  opacity:.55;pointer-events:none;
}
.view.health-view :is(.health-card-head h3,.steps-copy h3,.stress-card-compact h3,.activity-card-v183 h3,.food-card-v183 h3){
  font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;
}
.view.health-view .steps-ring::after{border-style:dotted;border-width:2px;opacity:.66}
.view.health-view .sleep-layer{box-shadow:inset 0 1px 0 var(--care-fold)}
.view.health-view :is(.cycle-open,.care-record-open){border-bottom-style:dashed;color:var(--care-accent)}
.view.health-view .care-daily-open{font-weight:300;font-size:20px}
.view.health-view .activity-food-grid>.health-card-v183{border-bottom-style:dashed}
.view.health-view .care-quiet-summary{margin-top:12px}
/* Matching lining inside the existing composers; controls remain in normal flow. */
.view.health-view .care-dialog{
  border-radius:7px;
  background-image:linear-gradient(135deg,var(--care-fold),transparent 40%),
    repeating-linear-gradient(0deg,transparent 0 3px,var(--care-grain) 3px 4px);
}
.view.health-view .care-dialog-head{border-bottom:1px dashed var(--care-rule);padding-bottom:9px}
.view.health-view .care-dialog h2{margin-top:17px}
@media(max-width:370px){
  .view.health-view .care-records-paper{padding-left:16px}
  .view.health-view .section-title{font-size:41px}
  .view.health-view .care-heart-bow{width:38px;right:-1px;top:12px}
  .view.health-view .care-heart-charm{width:15px;height:42px;left:-2px;bottom:27px}
  .view.health-view .anatomy-river{padding-inline:10px}
}
/* Fallback for older engines with no individual translate support. */
@supports not (translate:1px){.view.health-view .anatomy-float{left:-5.13%}}