:root{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192a3a;background:#f3f6f8;--accent:#086a70}*{box-sizing:border-box}body{margin:0}header{background:#fff;padding:18px 4vw;border-bottom:1px solid #d9e2e7;display:flex;align-items:center;justify-content:space-between}header>a{font-weight:850;font-size:25px;text-decoration:none;color:#15333b;letter-spacing:1px}header span{font-size:14px;letter-spacing:0;margin-left:16px;font-weight:500}header div{display:flex;gap:18px;align-items:center}a{color:var(--accent);text-underline-offset:3px}main{max-width:1600px;margin:auto;padding:34px 4vw}h1{font-size:clamp(28px,3vw,44px);letter-spacing:-1px;margin:7px 0}h2{font-size:25px;margin:0}h3{font-size:17px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:var(--accent)}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.heading p{margin:7px 0;color:#526772}.card{background:#fff;border:1px solid #dce5e8;border-radius:18px;padding:26px}.login{max-width:460px;margin:7vh auto}.columns{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}aside{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}label{display:block;font-size:14px;font-weight:650;margin-bottom:18px}input,textarea,select{display:block;width:100%;font:inherit;font-weight:400;padding:12px;margin-top:7px;border:1px solid #b7c8d1;border-radius:9px;background:#fff;color:inherit}textarea{resize:vertical}button{font:inherit;font-weight:650;border:1px solid #bcced5;border-radius:9px;background:#fff;padding:10px 16px;cursor:pointer;color:#21434a}button:hover{background:#edf5f5}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#055459}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e4b75c;outline-offset:3px}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.hint{display:block;color:#60717d;font-weight:400;font-size:13px;margin-top:5px}.editor-heading{display:flex;gap:14px;align-items:baseline;justify-content:space-between;margin-bottom:24px}.editor-heading>span{font-size:13px;color:#60717d}.image-area{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0}.image-area img{width:100%;height:280px;object-fit:contain;border-radius:10px;background:#f6f8f9;border:1px solid #d8e3e8}.drop{padding:24px;border:2px dashed #b6ced0;border-radius:12px;align-content:center;background:#f6fbfb;cursor:pointer;word-break:break-word}.drop span{display:block;font-weight:400;font-size:13px;margin-top:14px}.drop.dragging{background:#e1f2ef;border-color:var(--accent)}.download{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;margin-top:10px}.check{display:flex;gap:13px;align-items:center;margin-top:20px;font-size:16px}.check input{width:22px;height:22px;margin:0;accent-color:var(--accent)}.actions{display:flex;align-items:center;gap:16px;border-top:1px solid #e1e8eb;padding-top:22px;margin-top:24px;flex-wrap:wrap}details{margin-top:24px}summary{cursor:pointer;color:var(--accent)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7f9;padding:18px;font-size:13px;max-height:500px;overflow:auto}.pagination{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.letter{display:block;text-align:left;width:100%;margin:9px 0;padding:13px}.letter span{display:block;font-size:12px;font-weight:400;margin-top:4px}.letter.active{border-color:var(--accent);background:#edf8f6}#status:empty{display:none}#status.error,#save-status.error{color:#a82139}#save-status.success{color:#087247}#mail-status{font-size:13px;color:#60717d}[hidden]{display:none!important}@media(max-width:950px){.columns{grid-template-columns:260px minmax(0,1fr)}.two,.image-area{grid-template-columns:1fr}.card{padding:20px}.heading{display:block}.heading>a{display:inline-block;margin-top:16px}}@media(max-width:700px){header{padding:14px 5vw}header span{display:none}main{padding:22px 5vw}.columns{grid-template-columns:1fr}aside{position:static;max-height:430px}h1{font-size:30px}.editor-heading{display:block}.actions{align-items:stretch;flex-direction:column}}
