/* Review 13: one story — productive time, useful data, intentional phone use. */
.minimal-site #control .sales-benefits{grid-auto-rows:1fr}
.minimal-site #control .chapter-link{min-height:164px!important;padding:25px 0;gap:20px}
.minimal-site #control .chapter-link h3{font-size:clamp(26px,2.2vw,34px);line-height:1.14;white-space:normal;text-wrap:balance;margin:0 0 12px}
.minimal-site #control .chapter-link p{font-size:clamp(14px,1.2vw,17px);line-height:1.6;white-space:normal;letter-spacing:0;max-width:440px}
.minimal-site #control .chapter-link p strong{font-weight:650;color:#365c43}
/* Full-width chapter in the shared renderer's flow; its surface masks the
   stationary canvas while the original phone-use demo owns the screen. */
.minimal-site #modes #goals{position:relative;z-index:6;isolation:isolate;width:100vw;margin-left:-6vw;padding:46px 6%;height:auto;min-height:calc(100svh - var(--s4-nav));background:var(--mm-paper);display:flex;align-items:center;border-block:1px solid var(--mm-line);scroll-margin-top:var(--s4-nav)}
.minimal-site #goals .phone-use-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;width:100%;max-width:1250px;margin:0 auto;align-items:center}
.minimal-site #goals .phone-demo-column{margin:0;min-width:0}
.minimal-site #goals .phone-explanations{display:flex;flex-direction:column;align-self:center;width:100%;max-width:560px;margin:0;padding:0;gap:0}
.minimal-site #goals .phone-explanations>h1{font-size:clamp(28px,2.8vw,40px);line-height:1.1;letter-spacing:-.045em;margin:0 0 24px;white-space:normal;text-wrap:balance}
.minimal-site #goals .goal-choices{display:grid;grid-template-rows:auto auto auto;gap:7px;padding-bottom:24px;border-bottom:1px solid var(--mm-line)}
.minimal-site #goals .goal-option{grid-template-columns:64px 1fr;gap:18px;align-items:center}
.minimal-site #goals .goal-option h3{font-size:clamp(18px,1.55vw,23px);line-height:1.25;margin:0;letter-spacing:-.025em}
.minimal-site #goals .goal-icon>svg{width:40px;height:40px}
.minimal-site #goals .goal-or{width:64px;height:14px;line-height:14px;font-size:10px;margin:0}
.minimal-site #goals .phone-why{padding-top:23px}
.minimal-site #goals .phone-why h2{color:var(--mm-ink);font-size:20px;line-height:1.2;letter-spacing:-.03em;margin:0 0 16px}
.minimal-site #goals .phone-why-list{display:grid;gap:16px;list-style:none;padding:0;margin:0}
.minimal-site #goals .phone-why-list li{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px}
.minimal-site #goals .phone-why-list p{font-size:clamp(14px,1.12vw,16px);line-height:1.55;color:#586e5e;margin:0;max-width:440px}
@media(max-width:1100px) and (min-width:701px){
 .minimal-site #control .chapter-link{min-height:172px!important}
 .minimal-site #control .chapter-link h3{font-size:28px}
 .minimal-site #goals .phone-use-body{gap:4%}
 .minimal-site #goals .record-phone{width:100%;max-width:420px;transform:scale(1.5)}
}
@media(max-width:700px){
 .minimal-site #control .chapter-link{padding:22px 0;min-height:0!important;gap:8px 14px;grid-template-columns:37px minmax(0,1fr);align-items:start}
 .minimal-site #control .chapter-link>div{display:block;min-width:0}
 .minimal-site #control .chapter-link h3{font-size:clamp(24px,6.7vw,29px);margin-bottom:9px;white-space:normal}
 .minimal-site #control .chapter-link p{font-size:14px;line-height:1.55}
 .minimal-site #control .callout-icon{width:34px;height:34px;margin-top:1px}
 .minimal-site #modes #goals{padding:40px 6% 46px}
 .minimal-site #goals .phone-use-body{grid-template-columns:minmax(0,1fr);gap:28px}
 .minimal-site #goals .phone-explanations{display:contents}
 .minimal-site #goals .phone-explanations>h1{grid-column:1;grid-row:1;font-size:clamp(28px,7.5vw,34px);margin:0}
 .minimal-site #goals .phone-demo-column{grid-column:1;grid-row:2}
 .minimal-site #goals .goal-phone-column{padding-block:64px}
 .minimal-site #goals .goal-choices{grid-column:1;grid-row:3;padding-bottom:22px}
 .minimal-site #goals .phone-why{grid-column:1;grid-row:4;padding-top:0}
 .minimal-site #goals .phone-why h2{font-size:21px}
}

/* Reference icons: soft green phone and warm sand app grid, both with down arrows. */
.minimal-site #goals .goal-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;padding:0;background:#edf4ef;color:#397b59}
.minimal-site #goals .goal-icon-apps{background:#fcf1e7;color:#b9703c}
@media(max-width:700px){
 .minimal-site #goals .goal-option{grid-template-columns:56px 1fr;gap:16px}
 .minimal-site #goals .goal-icon{width:56px;height:56px;border-radius:18px}
 .minimal-site #goals .goal-icon>svg{width:35px;height:35px}
 .minimal-site #goals .goal-or{width:56px}
}

/* Review 16: exact 20% reduction with vertically balanced phone/copy columns. */
.minimal-site #goals .record-phone{transform:scale(1.296)}
.minimal-site #goals .goal-phone-column{padding-block:60px}
.minimal-site #goals .phone-why-list li::before{content:"-";color:#586e5e;font-size:16px;line-height:1.55}
@media(max-width:1100px) and (min-width:701px){.minimal-site #goals .record-phone{transform:scale(1.2)}}
@media(max-width:700px){.minimal-site #goals .goal-phone-column{padding-block:36px}}