:root{color-scheme:light;font-family:system-ui,sans-serif;color:#18362e;background:#f1f6f2}*{box-sizing:border-box}body{margin:0}main{width:min(100% - 32px,480px);margin:clamp(28px,10vh,100px) auto}header{display:flex;align-items:center;gap:15px;margin:0 0 30px}header img{width:83px;height:48px;object-fit:contain}header span{border-left:1px solid #9baea5;padding-left:14px;font-weight:650}section{border:1px solid #d7e2da;background:#fff;border-radius:16px;padding:clamp(22px,6vw,36px)}h1{font-size:30px;line-height:1.15;margin:0 0 12px}p{line-height:1.55;color:#465f54}label{display:block;font-weight:600;margin:16px 0 6px}input{display:block;width:100%;padding:12px;font:inherit;border:1px solid #96aca1;border-radius:7px}button{font:inherit;padding:11px 17px;border-radius:7px;border:0;background:#006b57;color:#fff;cursor:pointer}button:disabled{opacity:.65}form button{margin-top:20px;width:100%}.text{background:transparent;color:#006b57;text-decoration:underline;padding:12px 0 0}footer{font-size:.8rem;color:#53675d;margin:20px 0}#notice:empty{display:none}#notice{background:#eff6f2;padding:12px;border-radius:6px}main:has(#directory){width:min(100% - 32px,850px)}#directory{margin:24px 0;border-block:1px solid #d7e2da;padding:20px 0}.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.directory-heading h2{margin:0}.client-list{margin:16px 0 0;color:#465f54}.client-row{display:block;text-align:left;width:100%;margin:8px 0;background:#f1f7f4;color:#17382d}.client-row small{display:block;margin-top:5px}.client-form{max-width:500px}.client-form input{margin-top:5px}