/* Buying guidance and useful tools, using SuffolkWeb's existing design tokens. */
.proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-top:28px;margin-bottom:32px}
.proof-strip a{display:block;padding:24px 28px;text-decoration:none;border-right:1px solid var(--line)}
.proof-strip a:first-child{padding-left:0}.proof-strip a:last-child{border:0}
.proof-strip strong{display:block;font:800 clamp(1.6rem,2.6vw,2.65rem)/1.2 var(--display);letter-spacing:-.035em;color:var(--accent)}
.proof-strip span{display:block;margin-top:9px;font-size:.875rem;color:var(--text-primary)}
.proof-strip small{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:5px;line-height:1.6}
.decision-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:24px}
.project-planner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,90px);align-items:start}
.planner-intro h2{font-size:clamp(2rem,3.2vw,3.75rem)}
.planner-intro>p:not(.eyebrow){max-width:50ch;color:var(--text-secondary)}
.tool-page-section{padding-bottom:clamp(56px,7vw,110px)}
.tool-form{display:grid;gap:24px;min-width:0}
.tool-form fieldset{padding:0;margin:0;border:0;min-width:0}
.tool-form legend{font-weight:600;margin-bottom:24px}
.tool-form .field{display:flex;flex-direction:column;gap:10px;min-width:0}
.tool-form label{font-size:.9375rem;color:var(--text-primary);font-weight:500}
.tool-form input,.tool-form select{display:block;width:100%;min-width:0;min-height:54px;background:var(--surface);color:var(--text-primary);border:1px solid var(--control-line);border-radius:10px;padding:12px 14px;font:400 1rem/1.5 var(--body)}
.tool-form .form-note{margin:0;color:var(--text-secondary);font-size:.8125rem}
.tool-form button{justify-self:start;max-width:100%}
.starting-links{margin:0;padding-left:22px}.starting-links li{padding:8px 0}.starting-links a{display:inline-block;min-height:40px}
.planner-result{margin-top:30px;border:1px solid var(--accent);border-radius:20px;padding:clamp(22px,3vw,36px);background:var(--surface)}
.planner-result h3{font-size:clamp(1.55rem,2vw,2.25rem);line-height:1.2}
.planner-result .eyebrow{margin-bottom:15px}
.planner-result p:not(.eyebrow){font-size:.9375rem;color:var(--text-secondary)}
.planner-result strong{color:var(--text-primary)}
.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 25px;margin-top:24px}
.calculator-heading{max-width:780px;margin-bottom:36px}.calculator-heading>p:last-child{color:var(--text-secondary)}
.calculator-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start}
.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
.calculator-result{background:var(--surface);border:1px solid var(--control-line);border-radius:24px;padding:clamp(24px,3vw,44px)}
.calculator-result h3{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.12}
.calculator-result h3>[data-calc=hours]{color:var(--accent)}
.calculator-result h3>[data-calc=direction]{display:block;font-size:1.125rem;font-family:var(--body);font-weight:500;letter-spacing:0;text-transform:none;line-height:1.6;margin-top:12px}
.calculator-comparison,.calculator-caveat{color:var(--text-secondary);font-size:.875rem}
.calculation-breakdown{margin:30px 0}.calculation-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line)}
.calculation-breakdown dt{font-size:.875rem;max-width:65%}.calculation-breakdown dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;font-size:.9375rem;overflow-wrap:anywhere;max-width:55%}
.calculation-total dd{color:var(--accent)}
.practical-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.practical-tool{padding:clamp(24px,3vw,40px);border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.practical-tool h3{font-size:clamp(1.6rem,2.5vw,2.5rem)}.practical-tool p{color:var(--text-secondary);font-size:.9375rem}
.service-entry{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:28px;padding:24px 0;border-top:1px solid var(--line)}
.service-entry p{margin:0;color:var(--text-secondary);font-size:.9375rem}.service-entry .btn{flex-shrink:0}
.service-byline a{color:var(--accent)}
.quote-form .form-status{overflow-wrap:anywhere}
@media(max-width:960px){.project-planner,.calculator-grid{grid-template-columns:1fr}.planner-intro{max-width:680px}.calculator-result{max-width:none}.proof-strip a{padding-inline:18px}.proof-strip span{font-size:.8125rem}.proof-strip small{font-size:.6875rem}}
@media(max-width:760px){.proof-strip{grid-template-columns:1fr;margin-top:0}.proof-strip a,.proof-strip a:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.proof-strip a:last-child{border-bottom:0}.proof-strip strong{font-size:2rem}.proof-strip span{font-size:.875rem;margin-top:4px}.proof-strip small{font-size:.75rem}.practical-tools{grid-template-columns:1fr}.service-entry{display:block}.service-entry .btn{margin-top:18px}.tool-fields{gap:24px 16px}.tool-form .btn{width:100%}#capabilities .luminosity-card{min-height:0;padding:28px}#capabilities .card-index{margin-bottom:22px}#capabilities .card-title{font-size:1.8rem;max-width:24ch}#capabilities .card-description{margin:0 0 44px;padding-right:0;font-size:.9375rem}#capabilities .card-link{bottom:20px;right:22px}.project-planner{gap:24px}}
@media(max-width:480px){.tool-fields{grid-template-columns:1fr}.calculation-breakdown>div{gap:15px}.calculator-result{padding:24px 20px}.tool-actions{display:block}.tool-actions .btn{width:100%}.tool-actions .text-link{margin-top:14px}.planner-result{padding:24px 20px}}
@media print{.tool-form{display:none}.calculator-result{background:white;border-color:#555}.calculator-result h3>[data-calc=hours],.calculation-total dd,.calculator-caveat,.calculator-comparison{color:black}.calculator-grid,.project-planner{display:block}.proof-strip strong,.proof-strip span,.proof-strip small{color:black}}
