.page-balloon-preview #work .chapter-orbit{height:clamp(86px,11vw,138px)}
.page-balloon-preview .story-journey .practice-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px 0 12px}
.page-balloon-preview .story-journey .practice-pick{grid-column:auto;margin:0;grid-template-columns:minmax(32px,70px) minmax(0,1fr);align-items:center;gap:10px;padding:9px;min-height:74px;border:1px solid #dcdedc;border-radius:10px;background:var(--paper)}
.page-balloon-preview .practice-pick:hover{border-color:#929fb8}
.page-balloon-preview .practice-pick.is-selected{border-color:#8396bb;background:#eaeef6}
.practice-pick img{width:100%;height:46px;object-fit:cover;object-position:60% 50%;border:1px solid #d8ddd9;border-radius:5px}
.practice-pick-copy{min-width:0;display:block}
.practice-pick-copy .practice-pick-number{margin-right:7px;font-size:10px;color:#566381}
.practice-pick-copy strong{font-size:clamp(13px,1.35vw,21px);font-weight:630;white-space:nowrap}
.practice-pick-copy .practice-pick-value{display:block;font-size:11px;color:#555c68;line-height:1.55;margin-top:4px}
.page-balloon-preview .practice-switchbar{padding-bottom:10px}
.page-balloon-preview .story-journey .practice-projects{position:relative;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain;overflow-anchor:none}
.page-balloon-preview .story-journey .practice-project{grid-template-columns:minmax(210px,.74fr) minmax(0,1.42fr);column-gap:clamp(105px,10vw,185px);row-gap:0;min-height:620px;padding-block:26px 44px}
.practice-heading h3{margin:15px 0 0;font-size:clamp(27px,2.7vw,44px);line-height:1.3;font-weight:550;letter-spacing:-.045em}
@media(min-width:1051px){
 .practice-heading{grid-column:1;grid-row:1;align-self:end}
 .page-balloon-preview .practice-copy{grid-column:1;grid-row:2;align-self:start}
 .page-balloon-preview .practice-project>:is(.showcase,.practice-scene){grid-column:2;grid-row:1 / 3}
}
.practice-projects.is-dragging{overflow:clip;cursor:grabbing;user-select:none;-webkit-user-select:none}
.practice-projects.is-dragging .practice-project.is-current{transform:translateX(var(--practice-drag,0px))}
.practice-peek{position:absolute;inset-block:32px 42px;display:grid;place-items:center;overflow:hidden;width:var(--practice-peek,0px);pointer-events:none;background:#e8edf5;border-radius:12px;border:1px solid #c3cfe2;color:#354768}
.practice-peek[hidden]{display:none}
.practice-peek[data-edge="right"]{right:0}
.practice-peek[data-edge="left"]{left:0}
.practice-peek>div{display:grid;justify-items:center;gap:8px;text-align:center;min-width:66px;font-size:11px;font-weight:650}
.practice-peek img{width:50px;height:34px;object-fit:cover;border-radius:4px;border:1px solid #bac6db}

.showcase{min-width:0;align-self:center;display:grid;gap:13px;padding:clamp(14px,2.3vw,32px);border:1px solid var(--showcase-line);border-radius:16px;color:var(--showcase-ink);background:var(--showcase-base);font-size:13px;line-height:1.55}
.showcase-compare{--showcase-base:#eaf2ef;--showcase-line:#b2c8c1;--showcase-ink:#163e3a;--showcase-accent:#24574f;--showcase-soft:#486560}
.showcase-report{--showcase-base:#eeebe4;--showcase-line:#d6cabb;--showcase-ink:#322b3c;--showcase-accent:#544466;--showcase-soft:#594e5e}
.showcase-kicker,.showcase-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;color:var(--showcase-soft);font-size:11px}
.showcase-kicker{padding-bottom:10px;border-bottom:1px solid var(--showcase-line);letter-spacing:.04em}
.showcase-kicker span:first-child{font-weight:650}
.showcase h4{margin:0;font-size:clamp(20px,2vw,34px);line-height:1.28;letter-spacing:-.045em}
.showcase-toolbar p,.showcase-note{margin:0;font-size:11px;color:var(--showcase-soft)}
.showcase-options{display:flex;gap:5px;align-items:center}
.showcase-options button{min-height:38px;padding:5px 11px;border:1px solid var(--showcase-line);border-radius:7px;background:#ffffff9c;color:var(--showcase-ink);white-space:nowrap;font-size:11px}
.showcase-options button[aria-pressed="true"]{background:var(--showcase-accent);border-color:var(--showcase-accent);color:#fff}
.showcase-options button:hover:not([aria-pressed="true"]){border-color:var(--showcase-accent)}
.showcase-announcement{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}

.compare-table{overflow:hidden;border:1px solid var(--showcase-line);border-radius:9px;background:#fafcfb}
.compare-line{display:grid;grid-template-columns:minmax(0,1.75fr) repeat(2,minmax(46px,.8fr)) 16px;align-items:center;gap:7px;padding:8px 12px;min-height:45px;text-align:center;border-top:1px solid #dbe7e3;font-variant-numeric:tabular-nums}
.compare-line>span:first-child{text-align:left}
.compare-header{min-height:38px;background:#dbe9e4;border-top:0;font-size:10px;font-weight:650;color:#3c5e57}
.compare-sample{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 7px;line-height:1.4}
.compare-sample strong{font-weight:650}
.compare-sample small{font-size:10px;color:#496661}
.compare-change summary{list-style:none;cursor:pointer;background:#f4faf7;font-size:13px}
.compare-change summary::-webkit-details-marker{display:none}
.compare-change summary:hover,.compare-change[open] summary{background:#e3f0e9}
.compare-change summary:focus-visible{outline-offset:-3px}
.compare-change .compare-marker{width:7px;height:7px;border:solid #476c61;border-width:0 1px 1px 0;transform:rotate(45deg);justify-self:center;margin-bottom:4px}
.compare-change[open] .compare-marker{transform:rotate(225deg);margin-bottom:0}
.compare-changed{justify-self:center;min-width:26px;padding:2px 6px;border-radius:5px;background:#cce6da;color:#194b3d;font-weight:700}
.compare-detail{padding:7px 12px;background:#e7f2ed;border-top:1px dashed #bdd4ca;font-size:11px}
.compare-detail p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding-block:3px}
.compare-missing{color:#6d542f;background:#fcf8f0;font-size:11px}

.report-sheet{min-height:360px;background:#fffdfa;border:1px solid #e2d9ce;border-top:4px solid #736285;padding:clamp(14px,2.6vw,35px);box-shadow:0 6px 18px #36283e0c}
.report-sheet header{padding-bottom:14px;border-bottom:1px solid #e6ddd8}
.report-sheet header>span{font-size:10px;letter-spacing:.12em;color:#695975;font-weight:700}
.report-sheet h4{font-size:clamp(24px,2.55vw,43px);margin:5px 0 7px}
.report-sheet p{margin:0;font-size:11px;color:#605665}
.report-headline{display:flex;align-items:center;gap:14px;margin:15px 0 16px;padding:12px 14px;background:#eee8f2;border-left:2px solid #87749b}
.report-headline>strong{font-size:clamp(28px,3vw,49px);line-height:1;font-weight:650;color:#56426b;font-variant-numeric:tabular-nums}
.report-headline b{font-size:14px}
.report-headline p{margin-top:2px}
.report-sheet h5{margin:0 0 5px;font-size:11px;letter-spacing:.06em;color:#594c62}
.report-evidence{list-style:none;padding:0;margin:0;min-height:78px}
.report-evidence li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #e6ddd8;font-size:12px}
.report-evidence li small{margin-left:7px;font-size:10px;color:#605665;white-space:nowrap}
.report-evidence li b{color:#8b4c3b;font-variant-numeric:tabular-nums;white-space:nowrap}
.report-sheet footer{margin-top:14px;font-size:10px;color:#605665;line-height:1.6}

@media(max-width:1050px){
 .page-balloon-preview .story-journey .practice-project{grid-template-columns:1fr;gap:20px;padding-right:96px;min-height:0}
 .practice-heading h3{margin-top:8px}
 .page-balloon-preview .practice-thinking{margin-top:3px;gap:15px}
 .page-balloon-preview .practice-links{margin-top:16px}
 .practice-pick-copy .practice-pick-value{display:none}
}
@media(max-width:760px){
 .page-balloon-preview .story-journey .practice-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .page-balloon-preview .story-journey .practice-pick{min-height:46px;grid-template-columns:32px minmax(0,1fr);gap:5px;padding:5px}
 .practice-pick img{height:29px}
 .practice-pick-copy .practice-pick-number{display:block;padding:0;margin:0;line-height:1.2;font-size:8px}
 .practice-pick-copy strong{font-size:12px}
 .page-balloon-preview .story-journey .practice-projects.is-switchable .practice-project{min-height:0;gap:16px;padding:18px var(--reading-rail) 36px 0}
 .page-balloon-preview .practice-thinking dd{font-size:13px}
 .page-balloon-preview .practice-swipe-hint{margin-bottom:4px}
 .showcase{gap:10px;border-radius:12px}
 .showcase-options button{min-height:44px}
 .compare-line{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(33px,.7fr)) 9px;gap:5px;padding-inline:7px}
 .compare-header{font-size:9px}
 .compare-sample small{font-size:9px}
 .compare-sample strong{font-size:11px}
 .report-sheet{min-height:330px}
}