:root{font-family:Arial,sans-serif;color:#16304b;background:#f2f5fa}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;background:#0750b3;color:white;display:flex;justify-content:space-between;gap:20px}header a{color:white}main{max-width:1000px;margin:40px auto;padding:0 24px}nav{display:flex;flex-wrap:wrap;gap:10px}nav a{padding:12px;background:white;color:#0750b3;border-radius:8px;text-decoration:none}nav a[aria-current]{background:#0750b3;color:white}form{background:white;padding:24px;border-radius:12px;margin:24px 0}label{display:block;margin:16px 0;font-weight:600}input:not([type=checkbox]),textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #b5c6db;border-radius:6px;font:inherit}fieldset{border:1px solid #d3dcea;margin:20px 0;border-radius:8px}button{padding:12px 20px;border:0;background:#0750b3;color:white;border-radius:6px;cursor:pointer;margin:8px}p{line-height:1.7}a:focus-visible,button:focus-visible{outline:3px solid #e9a82f}

/* Uzun bağlantılar dar ekranlarda sayfayı taşırmamalı. */
main { min-width: 0; overflow-wrap: anywhere; }
select{display:block;max-width:100%;width:100%;padding:12px;margin-top:8px;border:1px solid #b5c6db;border-radius:6px;background:white;font:inherit}article{margin:24px 0;padding:16px;border:1px solid #d3dcea;border-radius:12px}article form{padding:16px}details summary{cursor:pointer;padding:12px 0}textarea{min-height:100px}button{max-width:100%;white-space:normal}header strong{min-width:0;overflow-wrap:anywhere}@media(max-width:480px){main{padding:0 16px;margin:24px auto}form{padding:16px}header{flex-wrap:wrap}}

.editor-group,.editor-step{border:1px solid #d3dcea;border-radius:10px;background:white;padding:0 16px;margin:12px 0}.editor-group summary,.editor-step summary{font-weight:700;padding:16px 0}.editor-group nav{padding-bottom:16px}.editor-help{padding:16px;border-left:4px solid #0750b3;background:#e8f1ff}.workspace-nav{margin-bottom:20px}[data-editor-field][hidden]{display:none}.editor-step label{font-weight:600}.workspace-nav a{flex:1;text-align:center}.editor-step>form{margin:0}.preview-banner{padding:16px;background:#fff0c3}