.hum-main{--ink:#102c40;--muted:#526778;--line:#dce6e9;color:var(--ink);background:linear-gradient(180deg,#f1f8f7 0,#fff 750px);padding-bottom:60px}.hum-main *{box-sizing:border-box}.hum-hero{padding-top:28px;padding-bottom:32px}.hum-hero nav{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;margin-bottom:40px;color:var(--muted)}.hum-main a{color:#086b66}.hum-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#087b72}.hum-hero h1{font-size:clamp(40px,6vw,64px);letter-spacing:-2px;line-height:1.1;margin:13px 0}.hum-hero>p{max-width:630px;font-size:18px;line-height:1.7;color:var(--muted)}.hum-badges{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#35635e;margin-top:20px}.hum-badges span:before{content:'✓';margin-right:7px}.hum-workspace{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 16px 48px #173d4810;overflow:hidden}.hum-toolbar,.hum-panel-title,.hum-panel-foot,.hum-submit{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px}.hum-toolbar{background:#fafcfc;border-bottom:1px solid var(--line)}.hum-toolbar>div{display:flex;align-items:center;gap:14px}.hum-toolbar label{font-size:13px;font-weight:700}.hum-toolbar>span,.hum-editable{font-size:12px;color:var(--muted)}.hum-toolbar select{padding:9px 30px 9px 12px;border:1px solid #cbd9dd;border-radius:8px;background:white;color:var(--ink);font:inherit;font-size:13px}.hum-editors{display:grid;grid-template-columns:1fr 1fr}.hum-panel{min-width:0}.hum-result{border-left:1px solid var(--line);background:#fbfdfd}.hum-panel-title label{font-weight:700;font-size:15px}.hum-main button{font-family:inherit;cursor:pointer}.hum-panel button{border:0;background:transparent;color:#086b66;font-size:12px;font-weight:600;padding:6px}.hum-panel textarea{display:block;resize:vertical;width:calc(100% - 32px);margin:0 16px;padding:12px 8px;min-height:330px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);font:16px/1.8 inherit;font-family:inherit;font-size:16px;line-height:1.8}.hum-panel textarea::placeholder{color:#788991}.hum-main :focus-visible{outline:3px solid #37a398;outline-offset:2px}.hum-panel-foot{font-size:12px;color:var(--muted);padding-top:12px;padding-bottom:16px;flex-wrap:wrap}.hum-submit{border-top:1px solid var(--line)}.hum-submit p{max-width:590px;font-size:12px;line-height:1.7;color:var(--muted);margin:0}.hum-submit button{flex-shrink:0;border:0;border-radius:9px;padding:15px 24px;background:#08786e;color:white;font-weight:700;font-size:15px}.hum-submit button span{margin-left:20px}.hum-main button:disabled{opacity:.45;cursor:not-allowed}#notice{margin:0;padding:0 24px 18px;font-size:13px;line-height:1.5;color:#086b66}#notice.error{color:#ae351d}.hum-note{font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0}.hum-guide{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;padding-top:64px;padding-bottom:54px}.hum-main h2{font-size:27px;line-height:1.3;letter-spacing:-.5px}.hum-guide h3{font-size:17px;margin:14px 0 8px}.hum-guide p,.hum-faq p{font-size:14px;line-height:1.8;color:var(--muted)}.hum-step{display:inline-flex;background:#eaf5f2;border-radius:50%;width:35px;height:35px;align-items:center;justify-content:center;color:#08786e;font-size:12px;font-weight:700}.hum-faq{padding-top:24px;border-top:1px solid var(--line)}.hum-faq details{border-bottom:1px solid var(--line);padding:18px 0}.hum-faq summary{font-weight:600;cursor:pointer}.hum-faq p{max-width:850px}.hum-related{padding-top:30px}.hum-related a{display:inline-block;margin:8px 24px 0 0;font-size:14px}@media(max-width:800px){.hum-editors{grid-template-columns:1fr}.hum-result{border-left:0;border-top:1px solid var(--line)}.hum-panel textarea{min-height:260px}.hum-guide{grid-template-columns:1fr 1fr}.hum-submit{align-items:stretch;flex-direction:column}.hum-toolbar>span{display:none}}@media(max-width:480px){.hum-guide{grid-template-columns:1fr;gap:20px}.hum-hero nav{margin-bottom:28px}.hum-toolbar,.hum-panel-title,.hum-panel-foot,.hum-submit{padding-left:16px;padding-right:16px}.hum-badges{gap:12px}.hum-editable{font-size:10px}}

.hum-toolbar>div{flex-wrap:wrap}.hum-panel-foot>div{display:flex;flex-wrap:wrap;gap:4px}.hum-panel-title>div{display:flex;flex-wrap:wrap}