/* Scoped to the Self-Guided Turns story and impact calculator. */
.turns-page .turns-hero{background:#15171a;color:#fff;padding:72px 0 64px}
.turns-hero h1{font-size:clamp(3rem,5.5vw,5.3rem);line-height:.98}
.turns-hero h1 span{color:var(--yellow)}
.turns-hero .lead{color:#fff;font-size:1.35rem;max-width:520px}
.turns-hero p:not(.lead){color:#c9cbd0;max-width:510px;line-height:1.7}
.turns-hero figure{margin:0}
.turns-hero figure img{display:block;height:440px;width:100%;object-fit:cover;box-shadow:none}
.turns-hero figcaption{font-size:.8rem;color:#c9cbd0;margin-top:16px}
.turns-text-link{color:#fff;font-size:.9rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.turns-page .split{gap:64px;align-items:center}
.turns-page .split h2{font-size:clamp(2.4rem,4.2vw,3.7rem)}
.turns-page p{line-height:1.65}
.turns-delay{border:1px solid var(--line);border-radius:24px;padding:32px;background:var(--cream)}
.turns-label{text-transform:uppercase;letter-spacing:.1em;font-size:.73rem;font-weight:800}
.turns-delay ol{list-style:none;margin:28px 0;padding:0}
.turns-delay li{display:flex;gap:18px;padding:22px 0;border-top:1px solid #dedbd2}
.turns-delay li:last-child{padding-bottom:0}
.turns-delay li>span{color:var(--green);font-weight:800;font-size:.8rem;padding-top:4px}
.turns-delay h3{font-size:1.18rem;margin:0 0 8px}
.turns-delay li p{font-size:.94rem;color:#555a60;margin:0}
.turns-note{font-size:.82rem;color:#62676b}
.turns-section-heading{max-width:800px;margin-bottom:42px}
.turns-section-heading .lead{max-width:740px}
.turns-steps{margin-bottom:30px}
.turns-steps article{padding:28px 24px 10px 0;border-top:3px solid var(--yellow)}
.turns-step{font-size:.8rem;font-weight:800;color:var(--green)}
.turns-steps h3{margin:22px 0 14px;max-width:300px;font-size:1.5rem}
.turns-steps p{color:#555a60}
.turns-people{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.turns-people h2{font-size:clamp(2.4rem,4.2vw,3.8rem)}
#turns-impact{scroll-margin-top:155px}
.turns-calculator{display:grid;grid-template-columns:1.15fr 1fr;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#fff}
.turns-inputs{padding:36px}
.turns-inputs h3{margin:0}
.turns-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;margin:28px 0}
.turns-fields label{display:flex;flex-direction:column;justify-content:space-between;gap:10px;font-size:.85rem;line-height:1.45;font-weight:700}
.turns-fields input{font:inherit;font-size:1.12rem;color:var(--ink);background:var(--cream);border:1px solid #cccac3;border-radius:10px;padding:13px;width:100%;box-sizing:border-box;min-height:50px}
.turns-fields input:invalid{border-color:#a0442b}
.turns-field-wide{grid-column:1/-1}
.turns-reset{padding:8px 0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:.85rem;cursor:pointer;color:#50555a}
.turns-results{background:#153d32;color:#fff;padding:36px;display:flex;flex-direction:column;justify-content:center}
.turns-results>.turns-label{color:#d1dfd8;margin:0 0 30px}
.turns-result output{display:block;font-weight:800;font-size:clamp(2.5rem,4vw,4.1rem);color:var(--yellow);letter-spacing:-.045em;line-height:1.1;overflow-wrap:anywhere}
.turns-result h3{font-size:1.1rem;margin:12px 0 8px}
.turns-result p{font-size:.88rem;color:#d1dfd8;margin:0;max-width:370px}
.turns-hours{margin-top:30px;padding-top:28px;border-top:1px solid #537165}
.turns-hours output{font-size:2.6rem;color:#fff}
.turns-assumptions{margin-top:20px;font-size:.85rem;color:#555a60;max-width:900px}
.turns-assumptions summary{cursor:pointer;font-weight:700;color:var(--ink);padding:10px 0}
.turns-error{color:#963d27;font-size:.85rem}
@media(max-width:980px){.turns-page .split,.turns-people{gap:36px}.turns-people{grid-template-columns:1fr 1fr}.turns-calculator{grid-template-columns:1fr 1fr}.turns-inputs,.turns-results{padding:26px}.turns-fields{grid-template-columns:1fr}.turns-hero figure img{height:380px}.turns-steps article{padding-right:0}.turns-steps h3{max-width:none;margin-top:14px}}
@media(max-width:640px){.turns-page .turns-hero{padding:44px 0}.turns-hero h1{font-size:3.25rem}.turns-hero .lead{font-size:1.2rem}.turns-hero figure img{height:300px}.turns-people,.turns-calculator{grid-template-columns:1fr}.turns-delay{padding:24px}.turns-section-heading{margin-bottom:28px}.turns-inputs,.turns-results{padding:26px 22px}.turns-fields{grid-template-columns:1fr 1fr;gap:20px 14px}.turns-fields label{font-size:.79rem}.turns-result output{font-size:3.4rem}.turns-hours output{font-size:2.5rem}#turns-impact{scroll-margin-top:95px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}


.turns-cloud{display:flex;align-items:center;gap:32px;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;margin:30px 0}.turns-cloud h3{margin:8px 0 12px;font-size:1.65rem}.turns-cloud p{max-width:690px;margin:0;color:#555a60}.turns-cloud .btn{flex-shrink:0}@media(max-width:980px){.turns-cloud{display:block}.turns-cloud .btn{margin-top:22px}}@media(max-width:640px){.turns-cloud{padding:24px}.turns-cloud .btn{font-size:.85rem;padding:13px 16px}}

/* Phone results: a focused rent figure and a compact secondary capacity row. */
@media(max-width:640px){
 .turns-results{padding:24px;justify-content:flex-start;border-top:3px solid var(--yellow)}
 .turns-results>.turns-label{font-size:.62rem;letter-spacing:.09em;margin:0 0 20px;line-height:1.5}
 .turns-result output{font-size:2.8rem;line-height:1;letter-spacing:-.05em}
 .turns-result h3{font-size:1rem;line-height:1.35;margin:10px 0 7px}
 .turns-result p{font-size:.8rem;line-height:1.5}
 .turns-hours{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;align-items:center;margin-top:22px;padding-top:20px}
 .turns-hours output{font-size:2rem;white-space:nowrap;letter-spacing:-.045em}
 .turns-hours h3{font-size:.88rem;line-height:1.3;margin:0;max-width:135px}
 .turns-hours p{grid-column:1/-1;font-size:.75rem;line-height:1.5;color:#b6cdc2}
 .turns-assumptions{background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 16px;margin-top:14px;font-size:.78rem}
 .turns-assumptions summary{padding:16px 0;font-size:.82rem}
 .turns-assumptions p{line-height:1.55}
}