/* Approved project sheets: live, readable examples of each stage's result. */
.approach-layout{grid-template-columns:1fr 1.05fr;gap:54px;align-items:center}
.approach-copy{min-width:0}.approach-copy h2{font-size:clamp(32px,3.2vw,46px)}
.approach-copy .approach-result{min-height:172px}
.approach-preview{min-width:0;padding:20px 17px 0}
.approach-paper-stack{position:relative;isolation:isolate;display:grid}
.approach-paper-stack:before,.approach-paper-stack:after{content:'';position:absolute;inset:0;background:var(--sage);border:1px solid #c7d0c3;transform:rotate(-5deg);z-index:-1;border-radius:3px;pointer-events:none}
.approach-paper-stack:after{inset:4px;background:#edece2;transform:rotate(3deg)}
.approach-paper-stack .sb-sheet{position:relative;grid-area:1/1;min-height:510px;background:#fcfbf4;background-image:linear-gradient(#596e4a07 1px,transparent 1px),linear-gradient(90deg,#596e4a07 1px,transparent 1px);background-size:20px 20px;padding:29px 30px 25px;box-shadow:0 20px 40px -25px #24382485;border:1px solid #deded1;border-radius:3px;display:flex;flex-direction:column}
/* All sheets reserve their natural height, so switching never moves the tabs. */
.approach-paper-stack .sb-sheet[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.approach-paper-stack .sb-sheet[hidden] *{visibility:hidden}
.approach-paper-stack .sb-sheet-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;letter-spacing:.11em;color:#596653}
.approach-paper-stack .sb-sheet-top>span:last-child{white-space:nowrap;color:var(--ink);border-bottom:2px solid var(--signal);padding-bottom:4px;font-variant-numeric:tabular-nums}
.approach-paper-stack .sb-sheet h3{font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:1.16;margin:24px 0 25px}
.approach-paper-stack .sb-process{display:flex;flex-direction:column;gap:5px}
.approach-paper-stack .sb-process>div{background:#f7f8f0;display:grid;grid-template-columns:24px 1fr;column-gap:13px;border:1px solid var(--line);border-left:3px solid #ded800;border-radius:5px;padding:10px 15px}
.approach-paper-stack .sb-process svg{grid-row:span 2;align-self:center;width:22px;height:22px}
.approach-paper-stack .sb-process span{font-size:15px;font-weight:500}
.approach-paper-stack .sb-process small{font-size:12px;color:var(--muted);margin-top:2px}
.approach-paper-stack .sb-process>b{align-self:center;font-size:17px;font-weight:400;line-height:1}
.approach-paper-stack .sb-paper-foot{margin-top:auto;padding-top:22px;font-size:12px;color:#53604f;display:flex;align-items:center;gap:8px;line-height:1.5}
.approach-paper-stack .sb-dot{width:6px;height:6px;background:#929500;display:block;border-radius:100%;flex-shrink:0}
.approach-paper-stack .sb-architecture{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 24px}
.approach-paper-stack .sb-architecture>div{background:#f5e5004a;border:1px solid #b7b879;border-radius:5px;flex:1;text-align:center;padding:20px 6px;font-size:22px;font-weight:500}
.approach-paper-stack .sb-architecture>span{font-size:20px}
.approach-paper-stack .sb-plan>div{border-bottom:1px solid var(--line);padding:11px 0;display:flex;flex-direction:column;gap:4px}
.approach-paper-stack .sb-plan span{font-size:11px;color:#62705b;text-transform:uppercase;letter-spacing:.07em}
.approach-paper-stack .sb-plan b{font-size:14px;font-weight:500}
.approach-paper-stack .sb-checklist>div{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #d4dacb}
.approach-paper-stack .sb-checklist>div>span{background:#e7ebd1;color:#33482a;border:1px solid #bec8a8;border-radius:50%;width:29px;height:29px;text-align:center;line-height:27px;font-size:15px;flex-shrink:0}
.approach-paper-stack .sb-checklist p,.approach-paper-stack .sb-roadmap p{font-size:15px;line-height:1.45}
.approach-paper-stack .sb-checklist small,.approach-paper-stack .sb-roadmap small{font-size:12px;display:block;color:var(--muted);margin-top:3px}
.approach-paper-stack .sb-roadmap{display:flex;flex-direction:column;gap:20px;margin-top:10px}
.approach-paper-stack .sb-roadmap>div{display:flex;align-items:flex-start;gap:15px;padding:11px 0}
.approach-paper-stack .sb-roadmap>div>span{background:var(--signal);font-size:13px;padding:9px 11px;border-radius:4px}
.approach-example{font-size:11px;color:#63705e;text-align:right;margin:25px 2px 0;line-height:1.5}
.approach-section .approach-tabs{margin-top:42px}
@media(max-width:1100px){.approach-layout{gap:28px;grid-template-columns:1fr 1fr}.approach-preview{padding-inline:12px}.approach-paper-stack .sb-sheet{padding:25px 22px;min-height:485px}.approach-paper-stack .sb-sheet h3{font-size:28px}.approach-paper-stack .sb-sheet-top{font-size:10px}.approach-paper-stack .sb-architecture{gap:6px}.approach-paper-stack .sb-architecture>div{font-size:19px;padding:17px 4px}.approach-paper-stack .sb-paper-foot{font-size:11px}.approach-paper-stack .sb-plan b{font-size:13px}}
@media(max-width:700px){.approach-section>.shell{display:flex;flex-direction:column}.approach-layout{display:contents}.approach-copy{order:0}.approach-section .approach-tabs{order:1;margin-top:26px;margin-bottom:24px}.approach-preview{order:2;padding:16px 10px 0}.approach-detail{order:3}.approach-footer{order:4}.approach-copy .approach-result{min-height:160px;max-width:none}.approach-copy h2{font-size:34px}.approach-paper-stack .sb-sheet{min-height:465px;padding:25px 22px}.approach-paper-stack .sb-sheet h3{font-size:28px}.approach-paper-stack .sb-process>div{padding:10px 12px}.approach-paper-stack .sb-process span{font-size:15px}.approach-paper-stack .sb-process small{font-size:12px}.approach-paper-stack .sb-plan b{font-size:14px}.approach-paper-stack .sb-checklist p,.approach-paper-stack .sb-roadmap p{font-size:15px}.approach-example{font-size:11px;margin-top:23px}}
@media(max-width:370px){.approach-copy h2{font-size:31px}.approach-preview{padding-inline:7px}.approach-paper-stack .sb-sheet{padding:23px 17px}.approach-paper-stack .sb-sheet h3{font-size:26px}.approach-paper-stack .sb-sheet-top{font-size:9px;letter-spacing:.075em}.approach-paper-stack .sb-architecture>div{font-size:18px}.approach-paper-stack .sb-architecture>span{font-size:16px}}
@media(max-width:700px){.approach-section .approach-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.approach-section .approach-tab{padding:12px 6px!important;gap:8px;min-height:76px;background:transparent;border-radius:0}.approach-section .approach-tab>b{font-size:20px}.approach-section .approach-tab>span{min-width:0}.approach-section .approach-tab strong{font-size:14px}.approach-section .approach-tab small{font-size:11px}.approach-section .approach-tab[aria-selected=true]:after{width:auto;height:3px;top:auto;bottom:0;left:0;right:0}}
@media(max-width:370px){.approach-section .approach-tab strong{font-size:13px}.approach-section .approach-tab>b{font-size:18px}}