@font-face{font-family:Manrope;src:url('/assets/manrope.woff2') format('woff2');font-display:swap}
@font-face{font-family:DM Sans;src:url('/assets/dm-sans.woff2') format('woff2');font-display:swap}
:root{--dive-ink:#14212d;--dive-navy:#111d29;--dive-muted:#53616b;--dive-cream:#f8f7f2;--dive-orange:#ee8856;--dive-line:#dce1dd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.dive-page{margin:0;background:var(--dive-cream);color:var(--dive-ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6}
.dive-page a{color:inherit}
.dive-page a:hover{color:#a85c37}
.dive-page h1,.dive-page h2,.dive-page h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.045em;color:var(--dive-ink)}
.dive-page img{max-width:100%;height:auto}
.dive-page :focus-visible{outline:3px solid var(--dive-orange);outline-offset:3px}
.dive-wrap{width:min(100% - 48px,1240px);margin-inline:auto}
.dive-site-header{background:var(--dive-navy);color:#fff;border-bottom:1px solid #344450}
.dive-header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.dive-brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;font-family:Manrope,system-ui,sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:-.07em;white-space:nowrap}
.dive-brand svg{width:38px;height:38px}.dive-brand span span{color:var(--dive-orange)}
.dive-site-links{display:flex;align-items:center;gap:32px}.dive-site-links a{font-size:.85rem;font-weight:700;color:#dce6e8!important;text-decoration:none}.dive-site-links a:hover{color:var(--dive-orange)!important}
.dive-eyebrow{display:block;color:#a65f3d;font-size:.7rem;font-weight:800;letter-spacing:.17em;margin-bottom:12px}
.dive-tabs{background:#fff;border-bottom:1px solid var(--dive-line)}.dive-tabs-inner{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}.dive-tabs a{display:inline-flex;align-items:center;min-height:60px;padding:15px 18px;border-bottom:3px solid transparent;color:#4b5960!important;text-decoration:none;font-size:.84rem;font-weight:700;white-space:nowrap}.dive-tabs a:hover,.dive-tabs a.is-current{color:var(--dive-ink)!important;border-bottom-color:var(--dive-orange)}
.dive-examples{margin-top:26px;background:#e9eee9;border:1px solid #dce4dd}.dive-examples summary{cursor:pointer;padding:14px 20px;font-size:.83rem;font-weight:800;list-style:none}.dive-examples summary::-webkit-details-marker{display:none}.dive-examples summary span{float:right;color:#a9603d}.dive-example-links{display:flex;flex-wrap:wrap;gap:9px;padding:0 20px 20px}.dive-example-links a{background:#fff;border:1px solid #d7ded8;padding:8px 13px;text-decoration:none;font-size:.8rem}
.dive-main{padding-top:36px;padding-bottom:88px}.dive-page-heading{margin-bottom:28px}.dive-page-heading h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.1;margin:0 0 8px}.dive-page-heading p{font-size:1rem;color:var(--dive-muted);margin:0;max-width:760px}.dive-caution{display:flex;align-items:start;gap:24px;background:#f6e2d2;border-left:4px solid var(--dive-orange);padding:19px 24px;margin-bottom:24px;font-size:.86rem}.dive-caution strong{min-width:118px;color:#9b5534}.dive-caution span{color:#4e5153}
.dive-surface{background:#fff;border:1px solid #e0e4df;padding:clamp(25px,4vw,56px);box-shadow:0 20px 45px #1625300a;overflow:hidden}.dive-surface>h2:first-child,.dive-surface>h3:first-child{margin-top:0}.dive-surface h2{font-size:clamp(1.45rem,2.5vw,2.1rem);margin:34px 0 20px}.dive-surface h3{font-size:1.3rem;margin:27px 0 15px}.dive-surface p{color:#485760}.dive-surface ul{padding-left:24px}.dive-surface li{margin-bottom:8px}
.dive-surface form{padding:0 0 28px;border-bottom:1px solid var(--dive-line);margin-bottom:28px}.dive-surface form h2:first-child,.dive-surface form h3:first-child{margin-top:0}.dive-surface .row{row-gap:12px}.dive-surface .form-floating{min-height:58px}.dive-surface .form-control,.dive-page .form-control{border:1px solid #cbd4cf;border-radius:4px;background:#fbfcfa;color:var(--dive-ink);min-height:56px}.dive-surface .form-control:focus,.dive-page .form-control:focus{border-color:#b96e49;box-shadow:0 0 0 3px #ee885632;background:#fff}.dive-surface .form-floating label{color:#59666c}.dive-surface .btn,.dive-page .btn{border-radius:3px;font-weight:700;padding:12px 19px;min-height:46px}.dive-surface .btn-outline-light,.dive-page .btn-primary,.dive-page .btn-success{background:var(--dive-navy);border-color:var(--dive-navy);color:#fff}.dive-surface .btn-outline-light:hover,.dive-page .btn-primary:hover,.dive-page .btn-success:hover{background:#2c4655;border-color:#2c4655;color:#fff}.dive-surface .btn-link{color:#a45e3c;text-align:left;padding:2px 0;text-decoration:underline}.dive-surface .bg-body-tertiary{background:#f3f5f1!important;border:1px solid #e4e8e2;border-radius:4px!important}.dive-surface .bg-body-tertiary.p-2{padding:22px!important}.dive-surface .text-danger,.dive-surface .varoitus{color:#a23b31!important}.dive-surface .varoitus{background:#fae7e2;padding:12px 15px}.dive-surface .ok{color:#276746;background:#e0f0e5;padding:12px 15px}.dive-surface .img-thumbnail{border-color:var(--dive-line)}
.dive-surface .table{display:block;overflow-x:auto;width:100%;border:1px solid var(--dive-line);font-size:.83rem;white-space:nowrap;margin-bottom:35px}.dive-surface .table th{background:var(--dive-navy);color:#fff;border-color:#3d505c;padding:12px}.dive-surface .table td{padding:10px 12px}.dive-surface .table-striped>tbody>tr:nth-of-type(odd)>*{background:#f2f5f1;color:var(--dive-ink)}
.dive-result{scroll-margin-top:24px}.dive-result:target{border-left:4px solid var(--dive-orange);padding-left:18px}
.dive-footer{background:var(--dive-navy);color:#c7d4d7}.dive-footer .dive-wrap{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.82rem}.dive-footer a{color:#fff!important;font-weight:700;text-decoration:none}.dive-footer a:hover{color:var(--dive-orange)!important}
.dive-plan .dive-surface{max-width:1000px;margin-inline:auto}.dive-plan .dive-surface h2{font-size:1.4rem}.dive-plan .dive-surface .form-label{font-size:.82rem;color:#344550}.dive-plan .dive-surface textarea{min-height:90px}.dive-plan .dive-surface form{border:0;margin:0;padding:0}.dive-plan #status{display:block;margin-top:16px;color:#59666c}
@media(max-width:760px){.dive-wrap{width:min(100% - 32px,1240px)}.dive-site-links{gap:14px}.dive-site-links a{font-size:.75rem}.dive-page-heading h1{font-size:clamp(2rem,7vw,3rem)}.dive-caution{display:block}.dive-caution strong{display:block;margin-bottom:5px}.dive-surface{padding:25px}.dive-footer .dive-wrap{padding-block:30px;min-height:0;flex-wrap:wrap}}
@media(max-width:520px){.dive-header-inner{min-height:70px;align-items:start;flex-direction:column;padding:14px 0 17px;gap:7px}.dive-brand{font-size:1.2rem}.dive-brand svg{width:30px;height:30px}.dive-site-links{width:100%;justify-content:space-between}.dive-tabs a{min-height:54px;padding:12px 15px}.dive-main{padding-top:27px}.dive-footer .dive-wrap{display:grid;gap:8px}}