:root{--ink:#132e39;--teal:#08766f;--deep:#065751;--sand:#faf8f2;--line:#dbe3df;--muted:#687b83;--gold:#eac98c;--white:#fff;--soft:#edf5f2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);font:15px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.035em;margin:0}h1{font-size:clamp(37px,4.6vw,67px)}h2{font-size:clamp(27px,3vw,41px)}h3{font-size:23px}p{margin:.5rem 0}small,.muted{color:var(--muted)}.shell{width:min(1230px,calc(100% - 40px));margin:auto}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.top .shell{display:flex;align-items:center;gap:28px;min-height:76px;flex-wrap:wrap}.logo{text-decoration:none;font-weight:800;letter-spacing:.12em;font-size:16px;white-space:nowrap}.logo b{color:var(--teal)}.top nav{display:flex;gap:18px;align-items:center;margin-left:auto;flex-wrap:wrap}.top nav a{text-decoration:none;color:#33515a;font-weight:650;font-size:13px}.top nav a:hover{color:var(--teal)}.tag{display:inline-block;border:1px solid #e9d6a9;background:#fff6e2;color:#7c5a25;border-radius:100px;padding:5px 11px;font-size:11px;font-weight:750}.hero{padding:88px 0 75px;background:radial-gradient(circle at 82% 30%,#c9e6df,transparent 37%),radial-gradient(circle at 25% 110%,#e9d9bd,transparent 43%),linear-gradient(135deg,#f4f0e9,#fbfaf6);border-bottom:1px solid var(--line)}.hero .shell{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px}.eyebrow{font-size:12px;color:var(--teal);text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin:0 0 15px}.intro{font-size:18px;color:#5e737c;max-width:600px;margin:22px 0}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{border-radius:10px;background:#fff;border:1px solid var(--teal);color:var(--teal);padding:11px 17px;font-weight:750;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{background:#edf7f4}.btn.main{background:var(--teal);color:#fff}.btn.main:hover{background:var(--deep)}.btn.muted{background:#f5f8f6;border-color:#d6e2df;color:#34545b}.btn:disabled{opacity:.55;cursor:not-allowed}.float-panel{border-radius:20px;background:#fff;box-shadow:0 24px 60px #17354019;padding:28px;border:1px solid var(--line)}.feature{display:flex;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.feature:last-child{border:0}.feature-icon{display:grid;place-items:center;font-size:22px;border-radius:12px;flex:0 0 46px;height:46px;background:var(--soft);color:var(--teal)}.feature strong{display:block}.section{padding:56px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:27px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px;box-shadow:0 14px 32px #142b3608}.card p{color:var(--muted)}.card .meta{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-weight:800;margin-bottom:8px}.card .btn{margin-top:12px}.footer{background:#e8f0ec;color:#557077;padding:22px 0;margin-top:35px;border-top:1px solid var(--line)}.page-head{padding:50px 0 30px;background:linear-gradient(110deg,#f1f1e8,#e9f4f0);border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(30px,3.2vw,47px)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:#32525d;font-weight:800}.field input,.field select,.field textarea{border:1px solid #cbd8d4;outline-color:#6db7a7;border-radius:9px;background:#fff;padding:11px 12px;min-height:45px;width:100%;color:var(--ink)}.field textarea{min-height:100px;resize:vertical}.field.span2{grid-column:span 2}.field.span3{grid-column:span 3}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.panel{background:white;border:1px solid var(--line);padding:26px;border-radius:17px;box-shadow:0 10px 25px #142b3608;margin-bottom:22px}.panel h3{margin-bottom:14px}.aside-note{border:1px solid #cfe5dd;background:#eef7f3;padding:16px 18px;border-radius:13px;color:#486068}.alert{padding:13px 16px;border:1px solid #cadbd4;background:#eff8f4;color:#205946;border-radius:12px;margin:14px 0}.alert.bad{background:#fff2ee;color:#8d382c;border-color:#f1c7c1}.data{border-collapse:collapse;width:100%;min-width:450px}.data th,.data td{border-bottom:1px solid var(--line);text-align:left;padding:12px}.data th{font-size:11px;color:#648087;text-transform:uppercase}.scrollx{overflow:auto}.box-mini{background:#f7f9f6;border:1px solid #e0e9e4;border-radius:12px;padding:16px}.status{display:inline-block;border-radius:5px;background:#e6f3ee;color:#35604c;font-size:11px;padding:5px 8px;font-weight:800}.status.draft{background:#f5f0e3;color:#75653d}.status.review{background:#fff1db;color:#956423}.hidden{display:none!important}.steps{display:flex;gap:10px;flex-wrap:wrap}.steps span{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #dce5dd;background:#fff;border-radius:8px;font-size:12px}.steps span.active{background:#dff0e9;color:#07594d}.separator{border:none;border-top:1px solid var(--line);margin:25px 0}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:140px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.photo-grid figcaption{font-size:12px;color:var(--muted)}.role-flag{font-size:12px;color:#788890}.two-col{display:grid;grid-template-columns:1.3fr .7fr;gap:26px}.callout{background:#143740;color:#fff;border-radius:16px;padding:23px}.callout p{color:#b8d1d0}.skeleton{height:140px;background:linear-gradient(90deg,#e9eeec 20%,#f6f9f6 50%,#e9eeec 80%);border-radius:12px}.logo-mark{font-size:28px;font-weight:900;letter-spacing:-.05em;color:var(--teal)}
@media(max-width:900px){.hero .shell,.two-col{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.top .shell{padding:12px 0;gap:10px}.top nav{margin-left:0;width:100%;gap:12px}.float-panel{max-width:610px}}
@media(max-width:610px){.shell{width:min(100% - 26px,1230px)}.hero{padding:47px 0}.cards,.grid,.grid3{grid-template-columns:1fr}.field.span2,.field.span3{grid-column:span 1}.panel{padding:18px}.top nav{gap:11px}.page-head{padding:30px 0}.photo-grid{grid-template-columns:repeat(2,1fr)}}
/* Layout containment: avoid table/form min-content forcing horizontal scrolling on mobile. */
.two-col,.grid,.grid3,.cards,.shell{min-width:0}
.two-col>* ,.grid>* ,.grid3>* ,.cards>* ,.panel,.field{min-width:0;max-width:100%}
@media(max-width:900px){.two-col{grid-template-columns:minmax(0,1fr)}}
@media(max-width:610px){.grid,.grid3,.cards{grid-template-columns:minmax(0,1fr)}}