.planner-panel{border-top:1px solid var(--line);padding:2.5rem 0 .75rem;scroll-margin-top:2rem}
.planner-panel h2{margin:0 0 .7rem;line-height:1.18;font-size:clamp(1.65rem,4vw,2.5rem)}
.planner-panel>p{max-width:63ch}
.planner-panel [hidden]{display:none!important}
.planner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.4rem;margin:1.4rem 0}
.planner-fields label{display:grid;align-content:start;gap:.4rem;min-width:0;font-size:.91rem;color:var(--forest);font-weight:600}
.planner-fields select,.planner-fields input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;max-width:100%;padding:.6rem .75rem;border:1px solid #97a69b;border-radius:6px;background:#fff;color:var(--ink);font:400 1rem var(--sans)}
.clock-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12px;overflow:hidden;background:#e7ede5;margin:1.3rem 0 1.8rem}
.clock-pair>div{display:grid;align-content:start;gap:.25rem;padding:clamp(1rem,2.8vw,1.8rem);min-width:0;color:var(--forest)}
.clock-pair>div+div{background:var(--forest);color:white}
.clock-pair span,.clock-pair small{font-size:.9rem;line-height:1.45;overflow-wrap:break-word}
.clock-pair strong{font:400 clamp(2rem,5vw,3.4rem)/1.2 var(--serif);font-variant-numeric:tabular-nums}
.plan-nav{display:flex;gap:.65rem 1.5rem;flex-wrap:wrap;margin:.6rem 0 2.2rem}
.plan-nav a,.planner-panel a:not(.button){color:var(--forest);text-underline-offset:.22em}
.message-preview{background:#eaf0e8;border-left:3px solid var(--forest);padding:1.2rem 1.4rem;margin:1rem 0}
.message-preview h3{font-size:1.3rem;margin:0 0 .35rem}
.message-preview p{margin:0}
.planner-panel .planner-note,.zone-note{font-size:.93rem}
.planner-panel a.button{text-decoration:none;color:white;white-space:normal}
.planner-panel details{border-bottom:1px solid var(--line);padding:1rem 0}
.planner-panel summary{cursor:pointer;color:var(--forest);font-weight:600;line-height:1.5}
.planner-panel details p{margin:.7rem 0 0}
.planner-panel :focus-visible,.plan-nav a:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
@media(max-width:580px){.planner-fields{grid-template-columns:minmax(0,1fr)}.planner-panel{padding-top:1.75rem}.clock-pair small{font-size:.82rem}.plan-nav{gap:.6rem 1rem}}
.planner-page>.wrap{max-width:1020px}
.planner-page .page-intro{max-width:none;padding-bottom:.4rem}
.planner-page .page-intro h1{margin:0 0 .4rem;line-height:1.12}
.planner-page article.prose{max-width:none}
.planner-page .prose>.lead{max-width:65ch;margin:0 0 1.1rem;font-size:1.1rem}
.planner-page .plan-nav a{padding:.35rem 0}
.planner-page .planner-panel{margin:0 0 2rem}
.planner-page .planner-panel h2{margin-top:0}
.planner-page .message-preview,.planner-page .planner-note,.planner-page details{max-width:780px}
.message-preview p{white-space:pre-line}
@media(min-width:900px){
.planner-page #saat-alanlari{display:grid;grid-template-columns:1.14fr 1fr;gap:2.25rem;align-items:stretch;margin:1.5rem 0}
.planner-page #saat-alanlari .planner-fields,.planner-page #saat-alanlari .clock-pair{margin:0}
.planner-page .clock-pair>div{align-content:center}
.planner-page #request-fields .planner-fields{grid-template-columns:.8fr 1fr 1.3fr}
}
@media(max-width:580px){.planner-page .page-intro h1{font-size:clamp(2rem,9vw,2.8rem)}.planner-page .prose>.lead{font-size:1rem}}
