/* Approved dedicated page styles. Shared styles untouched. */

.page-growth .reading-section{padding:64px 0}
.page-growth .reading-heading{max-width:780px;margin-bottom:28px}
.page-growth .reading-kicker{font-size:13px;color:#6c8057;margin:0 0 16px;letter-spacing:.04em}
.page-growth .reading-heading h1{font-size:clamp(35px,4vw,55px);line-height:1.25;max-width:930px;margin-bottom:22px}
.page-growth .reading-heading h2{font-size:clamp(27px,2.7vw,38px);line-height:1.4;margin-bottom:18px}
.page-growth .reading-summary{font-size:17px;line-height:1.9;color:#55674e;max-width:720px}
.page-growth .reading-points{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:22px 0;font-size:14px;color:#305340}
.page-growth .reading-points li{padding:0;margin:0;line-height:1.8}
.page-growth .reading-points li:before{content:"";display:inline-block;width:5px;height:5px;background:#8ba75a;border-radius:50%;margin:0 8px 3px 0}
.page-growth .reading-actions{justify-content:flex-start;flex-wrap:wrap;gap:24px}
.page-growth .reading-shot{margin:0;min-width:0;max-width:none;width:100%}
.page-growth .reading-shot .screen-slot{aspect-ratio:auto;min-height:124px;padding:24px;border:1px dashed #bdcaa8;background:#f6f8ef;border-radius:14px}
.page-growth .reading-shot .screen-slot:before{display:none}
.page-growth .reading-shot .screen-slot strong{font-size:15px;font-weight:550}
.page-growth .reading-shot .screen-slot span{display:block;max-width:none;font-size:12px;margin-top:9px}
.page-growth .reading-shot .screen-slot.is-loaded{min-height:0;padding:0;border:0;background:none;overflow:visible}
.page-growth .reading-shot .real-screenshot{display:block;width:auto;height:auto;max-width:100%;max-height:680px;object-fit:contain;margin:auto}
.page-growth .reading-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}
.page-growth .reading-notes{border-top:1px solid #dbe3cf;margin-top:26px;padding-top:16px;max-width:850px}
.page-growth .reading-notes summary{cursor:pointer;font-size:14px;color:#3d5f41;min-height:30px}
.page-growth .reading-notes p{font-size:14px;line-height:1.9;margin-top:15px;color:#64715a}
.page-growth .reading-status{font-size:13px;line-height:1.8;color:#6a785f;max-width:850px;margin-top:24px}
.page-growth .reading-close,.page-growth .reading-growth-close{background:#edf3df}
@media(max-width:760px){
.page-growth .reading-section{padding:44px 0}
.page-growth .reading-heading h1{font-size:35px}
.page-growth .reading-heading h2{font-size:28px}
.page-growth .reading-summary{font-size:16px}
.page-growth .reading-evidence{grid-template-columns:1fr;gap:18px}
}
@media(prefers-reduced-motion:reduce){.page-growth main *{animation:none!important;transition:none!important}}

.page-growth .reading-growth-hero{background:linear-gradient(110deg,#f2f5e6,#fff)}
.page-growth .reading-growth-hero>.wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:0 56px}
.page-growth .reading-growth-hero .reading-shot{grid-column:2;grid-row:1/3;align-self:center}
.page-growth .reading-growth-hero .reading-actions{margin:0}
.page-growth .reading-goal-flow{display:grid;grid-template-columns:1fr 1fr .65fr;gap:28px;list-style:none;padding:0;margin:32px 0 0}
.page-growth .reading-goal-flow li{min-width:0;border-top:2px solid #cfdcb9;padding-top:20px}
.page-growth .reading-goal-flow h3{font-size:19px;margin-bottom:20px}
.page-growth .reading-goal-flow p{font-size:15px;line-height:1.9}
.page-growth .reading-goal-progress>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.page-growth .reading-celebration{background:#f1f5df}
.page-growth .reading-celebration .reading-shot .screen-slot{min-height:145px}
.page-growth .reading-celebration .reading-points{justify-content:center;gap:48px;margin-top:28px}
.page-growth .reading-gallery .reading-series .reading-points{gap:12px 24px}
.page-growth .reading-gallery .reading-evidence{grid-template-columns:1.5fr 1fr}
.page-growth .reading-gallery .reading-evidence .screen-slot{min-height:150px}
.page-growth .reading-reveal{background:#f7f8f1}
.page-growth .reading-reveal-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-growth .reading-analysis>.wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:24px 48px;align-items:start}
.page-growth .reading-analysis .reading-heading{grid-column:1}
.page-growth .reading-analysis>.wrap>.reading-shot:first-of-type{grid-column:2;grid-row:1/3}
.page-growth .reading-dimensions{grid-column:1}
.page-growth .reading-analysis>.wrap>.reading-shot:last-of-type{grid-column:2}
.page-growth .reading-discovery{background:#edf3e9}
.page-growth .reading-discovery .reading-evidence{grid-template-columns:1fr 1fr}
.page-growth .reading-period-review>.wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:24px 48px}
.page-growth .reading-period-review .reading-heading{grid-column:1}
.page-growth .reading-period-review .reading-shot{grid-column:2;grid-row:1/3}
.page-growth .reading-periods{padding:0;margin:0;list-style:none;grid-column:1}
.page-growth .reading-periods li{border-top:1px solid #d9e2cb;padding:14px 0;display:grid;grid-template-columns:65px 1fr;gap:6px 12px;font-size:14px}
.page-growth .reading-periods small{grid-column:2;color:#7d896f;font-size:12px}
.page-growth .reading-period-review .reading-status{grid-column:1/-1;margin:0}
.page-growth .reading-journey{background:#f6f7f1}
.page-growth .reading-journey .reading-evidence{grid-template-columns:1.2fr 1fr}
.page-growth .reading-knowledge{padding:36px 0}
.page-growth .reading-knowledge>.wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:center;border-top:1px solid #d9e2cb;border-bottom:1px solid #d9e2cb;padding-block:30px}
.page-growth .reading-knowledge .reading-heading{margin:0}
.page-growth .reading-knowledge .reading-heading h2{font-size:25px}
.page-growth .reading-knowledge .screen-slot{min-height:95px}
.page-growth .reading-material-pending{padding:24px;border:1px dashed #bdcaa8;border-radius:14px;background:#f7f9f1;max-width:900px}
.page-growth .reading-material-pending p{font-size:14px;line-height:1.8;margin-top:8px;color:#68775d}
@media(max-width:760px){
.page-growth .reading-growth-hero>.wrap,.page-growth .reading-goal-progress>.wrap,.page-growth .reading-analysis>.wrap,.page-growth .reading-period-review>.wrap,.page-growth .reading-knowledge>.wrap{display:block}
.page-growth .reading-growth-hero .reading-shot,.page-growth .reading-period-review .reading-shot{margin-top:28px}
.page-growth .reading-goal-flow{grid-template-columns:1fr}
.page-growth .reading-gallery .reading-evidence,.page-growth .reading-reveal-sequence,.page-growth .reading-discovery .reading-evidence,.page-growth .reading-journey .reading-evidence{grid-template-columns:1fr}
.page-growth .reading-analysis>.wrap>.reading-shot{margin-top:24px}
.page-growth .reading-periods{margin-top:28px}
.page-growth .reading-period-review .reading-status{margin-top:20px}
.page-growth .reading-knowledge .reading-shot{margin-top:22px}
.page-growth .reading-celebration .reading-points{justify-content:flex-start;gap:20px}
}
/* Keep supplementary comparison beside its dimension notes, without a third empty row. */
.page-growth .reading-analysis>.wrap>.reading-shot:first-of-type{grid-row:1}
.page-growth .reading-analysis>.wrap>.reading-shot:last-of-type{grid-row:2}
@media(max-width:760px){.page-growth .reading-analysis>.wrap>.reading-shot{grid-row:auto}}

/* Real App images: editorial detail crops with accessible full originals. */
body.product-version.page-growth main figure.tr-product{margin-inline:auto;max-width:100%;min-width:0}
body.product-version.page-growth main figure.tr-product .tr-product-open{display:block;border-radius:14px;max-width:100%;overflow:hidden;text-decoration:none}
body.product-version.page-growth main figure.tr-product .screen-slot.is-loaded{display:flex;align-items:start;justify-content:center;background:transparent;border:0;min-height:0;padding:0;aspect-ratio:auto;overflow:hidden}
body.product-version.page-growth main figure.tr-product .real-screenshot{display:block;position:static;width:100%;height:auto;max-height:none;max-width:100%;margin:0;object-fit:contain}
body.product-version.page-growth main figure.tr-product-detail{width:380px}
body.product-version.page-growth main figure.tr-product-full{width:250px}
body.product-version.page-growth main figure.tr-product figcaption{font-size:12px;line-height:1.7;color:inherit;opacity:.88;margin-top:14px;text-align:left}
body.product-version.page-growth main figure.tr-product .tr-product-hint{display:block;font-size:11px;opacity:.8;margin-top:4px}
body.product-version.page-growth main .reading-evidence{align-items:start}
body.product-version.page-growth main .tr-combined-note{font-size:13px;line-height:1.8;align-self:center}
@media(max-width:820px){
body.product-version.page-growth main figure.tr-product-detail{width:320px}
body.product-version.page-growth main figure.tr-product-full{width:220px}
body.product-version.page-growth main .reading-evidence:has(>figure.tr-product){display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;max-width:100%;align-items:start}
body.product-version.page-growth main .reading-evidence>figure.tr-product{flex:0 0 min(86%,300px);scroll-snap-align:start;margin-inline:0}
body.product-version.page-growth main .reading-evidence>figure.tr-product-full{flex-basis:220px}
body.product-version.page-growth main .reading-evidence>.tr-combined-note{flex:0 0 170px}
body.product-version.page-growth main figure.tr-product figcaption{font-size:11px}
}

body.product-version.page-growth .reading-discovery .reading-evidence{display:block;overflow:visible}
body.product-version.page-growth .reading-discovery .tr-combined-note{margin:16px auto 0;max-width:380px;border:0;padding:0}

/* Phone edge presentation: one intact end; no middle slices. */
body.product-version.page-growth main figure.tr-product-window{width:270px;max-width:100%;--phone-height:390px}
body.product-version.page-growth main figure.tr-product-window .screen-slot.is-loaded{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:var(--phone-height);min-height:0;overflow:hidden;border-radius:0;background:none;padding:0;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 38px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 38px),transparent)}
body.product-version.page-growth main figure.tr-product-window .real-screenshot{display:block;flex-shrink:0;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;transform:none;margin:0}
body.product-version.page-growth main figure.tr-product-window[data-phone-edge="bottom"]{--phone-height:290px}
body.product-version.page-growth main figure.tr-product-window[data-phone-edge="bottom"] .screen-slot.is-loaded{justify-content:flex-end;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 38px);mask-image:linear-gradient(to bottom,transparent,#000 38px)}
body.product-version.page-growth main figure.tr-product-full .screen-slot.is-loaded{-webkit-mask-image:none;mask-image:none}
body.product-version.page-growth main figure.tr-product-full .real-screenshot{transform:none}
body.product-version.page-growth main .reading-reveal-sequence{align-items:start}
@media(max-width:820px){
body.product-version.page-growth main figure.tr-product-window{width:240px;--phone-height:335px}
body.product-version.page-growth main .reading-evidence>figure.tr-product-window{flex:0 0 240px}
body.product-version.page-growth main figure.tr-product-window[data-phone-edge="bottom"]{--phone-height:270px}
body.product-version.page-growth main figure.tr-product-window .screen-slot.is-loaded{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 30px),transparent)}
body.product-version.page-growth main figure.tr-product-window[data-phone-edge="bottom"] .screen-slot.is-loaded{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30px);mask-image:linear-gradient(to bottom,transparent,#000 30px)}
}

/* One plan, two genuine views; retain native phone frames and no click actions. */
body.product-version.page-growth .tr-goal-swipe-hint{display:none}
body.product-version.page-growth .reading-goal-flow:focus-visible{outline:2px solid #60cdd1;outline-offset:8px}
body.product-version.page-growth .tr-period-example{grid-column:1/-1;margin-top:0}
@media(max-width:760px){
body.product-version.page-growth .tr-goal-swipe-hint{display:block;color:#b4c3bb;font-size:12px;margin-top:24px}
body.product-version.page-growth .reading-goal-flow{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;align-items:flex-start;margin-top:14px}
body.product-version.page-growth .reading-goal-flow>li{flex:0 0 min(86%,280px);scroll-snap-align:start}
body.product-version.page-growth .reading-goal-flow>li:last-child{flex-basis:220px}
}

body.product-version.page-growth .reading-analysis .tr-analysis-evidence{grid-column:2;grid-row:1/3;min-width:0;margin-top:0;align-self:start}
body.product-version.page-growth .tr-analysis-evidence:focus-visible{outline:2px solid #60cdd1;outline-offset:8px}
@media(max-width:1000px){body.product-version.page-growth .reading-analysis .tr-analysis-evidence{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:14px}body.product-version.page-growth .tr-analysis-evidence>figure.tr-product{flex:0 0 240px;scroll-snap-align:start}}
@media(max-width:760px){body.product-version.page-growth .reading-analysis .tr-analysis-evidence{margin-top:24px}}