.running-section{background:#e8ede4;border-top:1px solid var(--line)}
.hosting-summary,.hosting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}
.hosting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hosting-summary article,.hosting-grid article{border-top:2px solid #91a087;padding:25px 24px;background:var(--white);border-radius:4px}
.hosting-summary .mono,.hosting-grid .mono{font-size:9px;color:var(--muted)}
.hosting-summary h3,.hosting-grid h3{margin-top:20px;font-size:23px}
.hosting-summary p,.hosting-grid p{font-size:14px;line-height:1.8;color:var(--muted)}
.hosting-summary .hosting-price,.hosting-grid .hosting-price{font-size:36px;line-height:1.15;letter-spacing:-.04em;color:var(--ink);margin:25px 0}
.hosting-price small{font-size:12px;letter-spacing:0;white-space:nowrap}
.hosting-grid .price-words{font-size:30px}
.guide-note{font-size:12px;line-height:1.8;color:var(--muted)}
.running-section .guide-note{margin-top:24px;max-width:1000px}
.running-bottom{display:flex;gap:45px;align-items:center;justify-content:space-between;border-top:1px solid #c6cfbf;margin-top:30px;padding-top:25px}
.running-bottom>div{max-width:620px}
.running-bottom p{font-size:13px;line-height:1.8;margin:0 0 7px;color:var(--muted)}
.running-bottom .mono{font-size:9px}
.running-bottom b{color:var(--ink);font-size:20px;font-weight:500}
.running-bottom .button{flex-shrink:0}
.running-inline-link{text-decoration:underline;display:inline-block;margin-top:6px}
.running-guide{max-width:1200px}
.running-hero{max-width:910px;padding:55px 0 65px}
.running-hero h1{font-size:clamp(40px,5vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:0 0 30px}
.running-hero .lead{font-size:22px;max-width:740px}
.running-hero p:not(.eyebrow):not(.lead){font-size:15px;line-height:1.85;color:var(--muted);max-width:780px}
.running-hero .button{margin-top:20px}
.guide-block{border-top:1px solid var(--line);padding:55px 0}
.guide-block>p:not(.eyebrow):not(.guide-note){font-size:15px;line-height:1.8;max-width:850px;color:var(--muted)}
.hosting-principles{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:36px 0 22px}
.hosting-principles h3{font-size:21px}
.hosting-principles p{font-size:14px;line-height:1.8;color:var(--muted)}
.cost-table-scroll{overflow-x:auto;margin-top:30px}
.cost-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.75}
.cost-table caption{text-align:left;font-size:12px;color:var(--muted);padding:0 0 14px}
.cost-table th,.cost-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:17px 16px}
.cost-table thead{background:#e6ebdf}
.cost-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.cost-table tbody th{font-weight:500;min-width:145px;width:21%}
.cost-table td:nth-child(2){width:25%;font-variant-numeric:tabular-nums}
.cost-table td:last-child{color:var(--muted)}
.cost-table small{font-size:11px}
.running-guide a:not(.button):not(.brand){text-decoration:underline;text-underline-offset:3px}
.cost-example{background:#e2e9d9;border-left:3px solid var(--green);padding:24px 28px;margin-top:30px}
.cost-example p{font-size:14px;line-height:1.8;max-width:850px;margin:10px 0}
.cost-example strong{font-size:25px;font-weight:500;letter-spacing:-.03em}
.cost-example h3{font-size:22px}
.budget-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px;align-items:start}
.budget-controls label{font-size:13px;margin:23px 0 9px}
.budget-controls>label:first-child{margin-top:0}
.budget-controls input,.budget-controls select{font-size:14px;padding:13px;background:var(--white)}
.budget-controls .guide-note{font-size:11px;margin-top:7px}
.budget-controls .budget-check{display:flex;gap:12px;align-items:flex-start;line-height:1.6;font-weight:400}
.budget-check input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--green)}
.budget-result{background:#e2e9d9;border:1px solid #bfccb5;border-radius:6px;padding:30px}
.budget-result>.mono{font-size:10px;margin:0 0 20px}
.budget-total{font-size:42px;font-weight:500;letter-spacing:-.045em;margin:10px 0 8px;line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.budget-total span{font-size:13px;letter-spacing:0;white-space:nowrap}
.budget-year{font-size:17px;color:var(--green);margin:0 0 27px}
#budget-breakdown{font-size:13px;line-height:1.6;margin:0 0 20px}
#budget-breakdown>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c4d0ba;padding:10px 0}
#budget-breakdown dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.budget-result .button{width:100%;margin-top:10px}
.running-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 45px;margin-top:35px}
.running-extras article{border-top:1px solid var(--line);padding-top:22px}
.running-extras h3{font-size:22px}
.running-extras p{font-size:14px;line-height:1.8;color:var(--muted)}
.source-section .cost-table{font-size:12px}
.guide-end{padding:35px 0 80px;display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.guide-end h2{width:100%;margin-bottom:8px}
@media(max-width:1050px){.hosting-summary{gap:14px}.hosting-summary article{padding:22px 18px}.hosting-summary .hosting-price{font-size:30px}.running-bottom{gap:25px}.running-bottom .button{font-size:11px}.budget-layout{gap:25px}.budget-result{padding:24px}.budget-total{font-size:36px}.header nav{gap:13px;font-size:12px}}
@media(max-width:760px){.hosting-summary,.hosting-grid,.hosting-principles,.budget-layout,.running-extras{grid-template-columns:1fr}.hosting-summary,.hosting-grid{gap:20px;margin-top:26px}.hosting-summary article,.hosting-grid article{padding:25px}.hosting-summary .hosting-price{font-size:36px}.running-bottom{display:block}.running-bottom .button{margin-top:20px;font-size:12px}.running-hero{padding:25px 0 40px}.running-hero h1{font-size:43px}.running-hero .lead{font-size:20px}.running-guide h2{font-size:35px}.guide-block{padding:40px 0}.hosting-principles{gap:20px}.cost-table{min-width:640px}.cost-table th,.cost-table td{padding:14px 12px}.cost-example{padding:20px}.budget-layout{gap:28px}.budget-controls input,.budget-controls select{font-size:16px}.budget-result{padding:24px}.budget-total{font-size:38px}.running-extras{gap:22px}.guide-end{padding-bottom:50px}}
