/* Goal100 college planning pages (counseling/college). Shared styles. */
.sv-sum li{padding-left:28px;position:relative}
.sv-sum li::before{content:"✓";position:absolute;left:4px;top:0;color:var(--good);font-weight:800}
.sv-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sv-jump a{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border-radius:999px;border:2px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;text-decoration:none;font-size:.95rem}
.sv-jump a:hover{border-color:var(--brand)}
.sv-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.sv-table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:640px}
.sv-table.wide{min-width:980px}
.sv-table th,.sv-table td{padding:10px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.sv-table thead th{background:var(--brand-soft);color:var(--ink);position:sticky;top:0}
.sv-table tbody th{font-weight:800;min-width:130px}
.sv-ex{border:2px solid var(--gold);background:var(--gold-soft);border-radius:18px;padding:14px 16px;margin:14px 0}
.sv-ex>b:first-child{display:inline-block;background:var(--gold);color:#3A2400;border-radius:999px;padding:2px 12px;font-size:.85rem;margin-bottom:6px}
.sv-ex ol,.sv-ex ul{margin:.4em 0 .2em 1.2em;padding:0}
.sv-ex li{margin:.25em 0}
.sv-math{font-family:var(--body);font-size:.95rem;line-height:1.55;background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:8px 10px;overflow-x:auto;white-space:pre-line}
.sv-warn{border:2px solid var(--warn);background:var(--warn-soft);border-radius:16px;padding:12px 14px;margin:12px 0}
.sv-ok{border:2px solid var(--good);background:var(--good-soft);border-radius:16px;padding:12px 14px;margin:12px 0}
.sv-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.sv-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}
.sv-card h3{margin:0;font-size:1.1rem}
.sv-card .tag{align-self:flex-start;font-size:.8rem;font-weight:800;border-radius:999px;padding:2px 10px;background:var(--brand-soft);color:var(--brand)}
.sv-card a.go{margin-top:auto;font-weight:800}
.sv-svg{width:100%;height:auto;display:block;max-width:900px;margin:0 auto}
.sv-fig{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;margin:12px 0}
.sv-fig figcaption{font-size:.9rem;color:var(--ink2);margin-top:6px}
.sv-form fieldset{border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:0 0 12px;background:var(--card)}
.sv-form legend{font-weight:800;padding:0 6px}
.sv-form label.opt{display:flex;gap:10px;align-items:flex-start;padding:6px 0;cursor:pointer}
.sv-form input[type=radio]{width:22px;height:22px;flex:none;margin-top:2px}
.sv-res{margin-top:12px}
.sv-res ol{padding-left:1.3em}
.sv-res li{margin:.5em 0}
.sv-calc{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px}
.sv-calc>*{min-width:0}
@media (max-width:820px){.sv-calc{grid-template-columns:1fr}}
.sv-calc label{display:block;font-weight:700;margin:10px 0 4px}
.sv-calc input[type=number]{width:100%;max-width:240px;font-size:1.05rem;padding:8px 10px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.sv-calc input[type=range]{width:100%}
.sv-out{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
@media (max-width:520px){.sv-out{grid-template-columns:1fr}}
.sv-out div{background:var(--brand-soft);border-radius:14px;padding:10px}
.sv-out b{display:block;font-family:var(--display);font-size:1.35rem;line-height:1.1}
.sv-out small{color:var(--ink2)}
.sv-faq details{border-bottom:1px solid var(--line);padding:10px 0}
.sv-faq summary{font-weight:700;cursor:pointer}
.sv-src li{margin:.35em 0;overflow-wrap:anywhere}
.sv-cal{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.sv-cal li{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--brand);border-radius:14px;padding:12px}
.sv-cal li b.m{display:block;font-family:var(--display);font-size:1.15rem;color:var(--brand)}
.sv-big{font-family:var(--display);font-size:1.5rem;font-weight:800;line-height:1.1}
/* motion */
@keyframes svDrop{0%{transform:translateY(-60px);opacity:0}15%{opacity:1}55%{transform:translateY(0);opacity:1}70%,100%{transform:translateY(0);opacity:0}}
@keyframes svRise{0%{transform:scaleY(.15)}100%{transform:scaleY(1)}}
@keyframes svGrow{0%{transform:scale(.4);opacity:.3}100%{transform:scale(1);opacity:1}}
@keyframes svFade{0%,20%{opacity:0}40%,100%{opacity:1}}
@keyframes svMove{0%{transform:translateX(0)}100%{transform:translateX(var(--d,300px))}}
.sv-anim .drop{animation:svDrop 3s ease-in infinite}
.sv-anim .drop.d2{animation-delay:1s}.sv-anim .drop.d3{animation-delay:2s}
.sv-anim .rise{transform-box:fill-box;transform-origin:50% 100%;animation:svRise 6s ease-out infinite alternate}
.sv-anim .grow{transform-box:fill-box;transform-origin:50% 100%;animation:svGrow 6s ease-out infinite alternate}
.sv-anim .fade{animation:svFade 6s ease-out infinite alternate}
.sv-anim .move{animation:svMove 8s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.sv-anim *{animation:none!important;opacity:1!important;transform:none!important}}
:root[data-motion="off"] .sv-anim *{animation:none!important;opacity:1!important;transform:none!important}
.sv-anim .drop{opacity:0}
@media (prefers-reduced-motion:reduce){.sv-anim .drop{display:none}}
:root[data-motion="off"] .sv-anim .drop{display:none}
.sv-svg text,.sv-anim text{font-family:var(--body)}
.sv-table th,.sv-table td{text-transform:none;letter-spacing:normal}
.sv-table tbody th{font-size:.98rem;color:var(--ink)}
@media (max-width:700px){
 .sv-scroll.stack{border:0;background:none;overflow:visible}
 .sv-scroll.stack .sv-table{min-width:0}
 .sv-scroll.stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .sv-scroll.stack tr{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;margin:0 0 12px;padding:6px 12px}
 .sv-scroll.stack th,.sv-scroll.stack td{display:block;border:0;padding:6px 0}
 .sv-scroll.stack tbody th{font-size:1.1rem;border-bottom:2px solid var(--gold);padding-bottom:8px}
 .sv-scroll.stack td[data-label]::before{content:attr(data-label);display:block;font-size:.78rem;font-weight:800;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}
}
.sv-narrow{display:none;max-width:420px}
@media (max-width:700px){.sv-wide{display:none}.sv-narrow{display:block}}

</style>
<section class="section sv-top" aria-labelledby="sv-h1">
 <div>
  <span class="eyebrow"><a href="education-savings.html">Saving for education</a> · Paying now</span>
  <h1 id="sv-h1">Help paying for school and college in New York</h1>
  <p class="lede">Saving is one part. The other part is help you can get now: tax credits, grants, free school meals and more. Many families miss money they could get.</p>
  <ul class="sv-sum">
   <li><b>College:</b> fill out the FAFSA every year. It opens the door to Pell, TAP and Excelsior.</li>
/* college pages additions */
.cc-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.cc-nav a{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border-radius:12px;background:var(--brand-soft);color:var(--brand);font-weight:800;text-decoration:none;font-size:.95rem;border:2px solid transparent}
.cc-nav a[aria-current="page"]{background:var(--brand);color:var(--brand-ink)}
.cc-nav a:hover{border-color:var(--brand)}
.cc-count{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;list-style:none;padding:0;margin:0}
.cc-count li{background:var(--card);border:1px solid var(--line);border-left:8px solid var(--brand);border-radius:16px;padding:12px 14px}
.cc-count li.past{border-left-color:var(--ink2);opacity:.85}
.cc-count .d{display:block;font-family:var(--display);font-size:1.9rem;font-weight:800;line-height:1.05;color:var(--brand)}
.cc-count .w{display:block;font-weight:700}
.cc-count small{color:var(--ink2)}
.cc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.cc-tabs button{min-height:44px;padding:6px 14px;border-radius:999px;border:2px solid var(--line);background:var(--card);color:var(--ink);font-weight:800;font-size:.95rem;cursor:pointer}
.cc-tabs button[aria-selected="true"]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.cc-check{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.cc-check li label{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;cursor:pointer}
.cc-check input{width:24px;height:24px;flex:none;margin-top:1px;accent-color:var(--good)}
.cc-check li label:has(input:checked){background:var(--good-soft);border-color:var(--good)}
.cc-check .when{display:block;font-size:.82rem;font-weight:800;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}
.cc-bar{height:14px;border-radius:999px;background:var(--bg2);overflow:hidden;margin:6px 0 4px}
.cc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--good),var(--gold));border-radius:999px;transition:width .4s}
.cc-month{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;list-style:none;padding:0;margin:0}
.cc-month li{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--gold);border-radius:14px;padding:12px}
.cc-month li b.m{display:block;font-family:var(--display);font-size:1.15rem;color:var(--brand)}
.cc-month li ul{margin:.3em 0 0 1.1em;padding:0}
.cc-month.g12 li{border-top-color:var(--brand)}
.cc-letter{max-width:640px;margin:0 auto}
.cc-tool{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px}
.cc-tool .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.cc-tool label{display:block;font-weight:700;margin:4px 0}
.cc-tool input[type=number]{width:100%;font-size:1.05rem;padding:8px 10px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.cc-print{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
@media print{header.top,footer.foot,.note,.cc-nav,.sv-jump,.cc-print,.sv-anim{display:none!important}}