.plan-hero{background:radial-gradient(circle at 82% 10%,rgba(65,105,225,.2),transparent 29%),radial-gradient(circle at 10% 15%,rgba(138,224,94,.23),transparent 28%),linear-gradient(180deg,#f7f9ff,#fff)}
.spaced-note,.library-note{margin-top:1.5rem}
.plan-hero .answer-card{background:#14213d}
.plan-hero .answer-card li::before{content:'→'}
.plan-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2rem}
.plan-step{border:1px solid var(--line);border-radius:20px;padding:1.5rem;background:#fff}
.plan-step span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#edf2ff;color:var(--blue);font-size:.72rem;font-weight:850}
.plan-step h3{font-size:1rem;color:var(--ink);margin:1.2rem 0 .5rem;line-height:1.3}
.plan-step p{font-size:.86rem;color:var(--muted)}
.planner-section{background:#101318;color:#d8dce3}
.planner-section .eyebrow{color:var(--green)}
.planner-section h2{color:#fff}
.planner-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:end}
.planner-heading>p{color:#b5bdc9}
.privacy-note{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.2rem;padding:.55rem .8rem;border:1px solid rgba(138,224,94,.35);border-radius:999px;color:#d8ead0;font-size:.74rem!important}
.privacy-note::before{content:'✓';color:var(--green);font-weight:900}
.planner{margin-top:2rem}
.planner-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.planner-day{border:1px solid rgba(255,255,255,.15);background:#181d25;border-radius:18px;padding:1rem;min-width:0}
.planner-day strong{display:block;color:#fff;font-size:.9rem;margin-bottom:.75rem}
.planner-day label{display:block;color:#9ea8b7;text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:800;margin:.75rem 0 .3rem}
.planner-day select{width:100%;min-height:42px;border:1px solid #394250;border-radius:10px;background:#11151b;color:#fff;padding:.55rem .45rem;font:inherit;font-size:.72rem}
.planner-day select:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.planner-day.changed{border-color:rgba(138,224,94,.7);box-shadow:0 0 0 1px rgba(138,224,94,.2)}
.planner-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.tool-button{border:0;border-radius:999px;background:var(--green);color:#172311;padding:.78rem 1.15rem;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
.tool-button.secondary{background:transparent;color:#fff;border:1px solid #4c5563}
.tool-button:hover{transform:translateY(-1px)}
.planner-status{font-size:.75rem;color:#9ea8b7;margin-left:auto}
.match-day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2rem}
.match-day-card{border-top:5px solid var(--blue);background:var(--wash);border-radius:16px;padding:1.45rem}
.match-day-card:nth-child(4){border-color:var(--ink)}
.match-day-card span{display:block;color:var(--blue-dark);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.match-day-card h3{font-size:1.05rem;color:var(--ink);margin:.65rem 0 .45rem}
.match-day-card p{font-size:.86rem;color:var(--muted)}
.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:2rem}
.schedule-card{border:1px solid var(--line);border-radius:22px;padding:1.7rem}
.schedule-card h3{color:var(--ink);font-size:1.15rem;margin-bottom:.65rem}
.schedule-card ul{list-style:none;margin-top:1rem}
.schedule-card li{padding:.65rem 0;border-top:1px solid var(--line);font-size:.88rem}
.schedule-card li strong{color:var(--ink)}
.adjust-section{background:var(--wash)}
.adjust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:2rem}
.adjust-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.6rem}
.adjust-card span{color:var(--green-dark);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.adjust-card h3{color:var(--ink);font-size:1.08rem;margin:.65rem 0}
.adjust-card p{font-size:.87rem;color:var(--muted)}
.guide-index-hero{padding-bottom:4.5rem}
.guide-index-hero .hero-grid{grid-template-columns:1.15fr .85fr}
.guide-index-list{background:var(--wash)}
.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:2.3rem}
.guide-card{display:flex;flex-direction:column;min-height:330px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:2rem;text-decoration:none;box-shadow:0 12px 40px rgba(20,30,50,.05);transition:transform .2s,box-shadow .2s}
.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.guide-card .guide-label{align-self:flex-start;border-radius:999px;background:#edf2ff;color:var(--blue-dark);padding:.35rem .65rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.guide-card h2{font-size:clamp(1.65rem,3vw,2.25rem);margin:1.5rem 0 .8rem}
.guide-card p{color:var(--muted);font-size:.94rem}
.guide-card ul{list-style:none;margin:1.2rem 0}
.guide-card li{font-size:.82rem;padding:.42rem 0}
.guide-card li::before{content:'✓';color:var(--green-dark);font-weight:900;margin-right:.5rem}
.guide-card .card-link{margin-top:auto;color:var(--blue-dark);font-weight:800}
.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2rem}
.library-grid>div{border:1px solid var(--line);border-radius:18px;padding:1.35rem}
.library-grid strong{display:block;color:var(--ink);margin-bottom:.4rem}
.library-grid p{font-size:.82rem;color:var(--muted)}
@media(max-width:1000px){.planner-grid{grid-template-columns:repeat(2,1fr)}.planner-day:last-child{grid-column:1/-1}.plan-steps,.match-day-grid,.library-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.planner-heading,.guide-index-hero .hero-grid{grid-template-columns:1fr}.guide-cards,.schedule-grid,.adjust-grid{grid-template-columns:1fr}}
@media(max-width:640px){.plan-steps,.match-day-grid,.library-grid,.planner-grid{grid-template-columns:1fr}.planner-day:last-child{grid-column:auto}.planner-status{width:100%;margin:0}.guide-card{min-height:0}.privacy-note{align-items:flex-start;border-radius:14px}}
@media print{.planner-section{background:#fff;color:#111}.planner-section h2{color:#111}.planner-heading>p,.privacy-note,.planner-status{color:#444}.planner-grid{grid-template-columns:repeat(7,1fr)}.planner-day{background:#fff;border-color:#bbb;padding:.55rem}.planner-day strong,.planner-day select{color:#111}.planner-day select{border-color:#aaa;background:#fff;padding:.2rem;font-size:.58rem}.planner-actions{display:none}.plan-steps,.match-day-grid,.schedule-grid,.adjust-grid,.product-section,.sources-section{display:none!important}}
