:root{--p-ink:#10243c;--p-navy:#0b2748;--p-teal:#397b83;--p-line:#d7e1e8;--p-paper:#f5f8fa}.planner-page{min-height:100vh;color:var(--p-ink);background:linear-gradient(#f7fafc,#fff 38%);font-family:Arial,Helvetica,sans-serif}.planner-header{border-bottom:1px solid var(--p-line);z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(20px,5vw,74px);display:flex;position:sticky;top:0}.planner-header a{color:var(--p-navy);align-items:center;gap:7px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.planner-header span{color:#687b8d;font-size:12px}.planner-hero{padding:64px clamp(20px,7vw,105px) 42px}.planner-hero>p,.saved-head span,.calendar-head span{color:var(--p-teal);letter-spacing:.16em;margin:0 0 13px;font-size:11px;font-weight:800}.planner-hero h1{letter-spacing:-.045em;max-width:760px;margin:0;font-family:Georgia,serif;font-size:clamp(40px,6vw,68px);font-weight:500;line-height:1.02}.planner-hero>div{color:#5d7082;max-width:650px;margin-top:20px;font-size:17px;line-height:1.6}.planner-grid{grid-template-columns:1fr 1fr;gap:18px;padding:0 clamp(20px,7vw,105px);display:grid}.planner-card,.calendar-card,.saved-section{border:1px solid var(--p-line);background:#fff;border-radius:14px;box-shadow:0 14px 38px #10243c0a}.planner-card{padding:22px}.card-title{border-bottom:1px solid #e2e8ed;align-items:center;gap:12px;padding-bottom:18px;display:flex}.card-title>svg{width:38px;height:38px;color:var(--p-teal);background:#e6f0ef;border-radius:9px;padding:9px}.card-title span{color:#789;letter-spacing:.1em;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.card-title h2,.calendar-head h2,.saved-head h2{margin:0;font-family:Georgia,serif;font-size:22px;font-weight:500}.fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.fields label{color:#52677a;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.fields input,.fields select{width:100%;height:43px;color:var(--p-ink);background:#fff;border:1px solid #ccd7e0;border-radius:8px;outline:none;padding:0 11px;font-size:14px}.fields input:focus,.fields select:focus{border-color:var(--p-teal);box-shadow:0 0 0 3px #397b8318}.joined{grid-template-columns:1fr 76px;display:grid}.joined input{border-radius:8px 0 0 8px}.joined select{background:#eef3f6;border-left:0;border-radius:0 8px 8px 0}.math-results{border:1px solid #d3e0e2;border-radius:10px;grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid;overflow:hidden}.math-results div{background:#f3f8f8;border-right:1px solid #d3e0e2;padding:14px}.math-results div:last-child{border:0}.math-results span,.supply-results span{color:#6c7f8f;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px;display:block}.math-results strong{color:#173e49;font-size:15px}.supply-results{background:#dce4ea;border:1px solid #dce4ea;border-radius:10px;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:18px;display:grid;overflow:hidden}.supply-results div{background:#f5f8fa;padding:13px 10px}.supply-results b{color:#1c3b54;font-size:15px}.save-plan{background:var(--p-navy);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:14px;font-weight:700;display:flex}.save-plan:disabled{opacity:.4;cursor:not-allowed}.calendar-card,.saved-section{margin:18px clamp(20px,7vw,105px) 0;padding:22px}.calendar-head,.saved-head{border-bottom:1px solid #e1e7ec;justify-content:space-between;align-items:end;gap:22px;padding-bottom:18px;display:flex}.calendar-head p,.saved-head p{color:#697b8c;text-align:right;max-width:420px;margin:0;font-size:12px;line-height:1.5}.date-grid{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:18px;display:grid}.date-grid div{background:#f8fafb;border:1px solid #dce4ea;border-radius:8px;min-height:82px;padding:10px}.date-grid span,.date-grid small{color:#788997;text-transform:uppercase;font-size:10px;display:block}.date-grid strong{margin:7px 0;font-size:14px;display:block}.more-dates{color:#6c7e8e;font-size:12px}.saved-section{margin-bottom:18px}.saved-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.saved-grid article{border:1px solid #dbe3e9;border-radius:9px;display:flex;overflow:hidden}.saved-main{text-align:left;cursor:pointer;background:#fff;border:0;flex:1;padding:14px}.saved-main strong,.saved-main span{display:block}.saved-main strong{color:#173b55;margin-bottom:7px}.saved-main span{color:#6b7d8d;margin-top:3px;font-size:11px}.delete{color:#8b5a5a;cursor:pointer;background:#fafbfc;border:0;border-left:1px solid #e1e7ec;width:42px}.saved-empty{color:#748594;text-align:center;border:1px dashed #cbd7df;border-radius:9px;margin-top:18px;padding:28px}.planner-disclaimer{color:#627587;padding:20px clamp(20px,7vw,105px) 46px;font-size:12px;line-height:1.55}.planner-disclaimer strong{color:#294b64}.planner-disclaimer p{margin-left:7px;display:inline}@media (max-width:950px){.planner-grid{grid-template-columns:1fr}.date-grid{grid-template-columns:repeat(4,1fr)}.saved-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.planner-header span{display:none}.planner-hero{padding-top:45px}.planner-grid{padding-inline:14px}.fields,.math-results{grid-template-columns:1fr}.math-results div{border-bottom:1px solid #d3e0e2;border-right:0}.supply-results{grid-template-columns:1fr 1fr}.calendar-card,.saved-section{margin-inline:14px}.calendar-head,.saved-head{flex-direction:column;align-items:flex-start}.calendar-head p,.saved-head p{text-align:left}.date-grid{grid-template-columns:repeat(3,1fr)}.saved-grid{grid-template-columns:1fr}}