.doc-hero{background:#fff;padding:74px 0 72px}
.doc-hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.55fr);gap:8%;align-items:end}
.doc-hero h1{color:var(--petrol);font-size:clamp(46px,5vw,72px);max-width:1000px;margin:0 0 19px}
.doc-hero p{color:#405b60;font-size:clamp(19px,1.7vw,23px);max-width:820px;margin:0}
.doc-hero .doc-hero-aside{font-size:17px;line-height:1.55;border-left:1px solid #b9cbd0;padding-left:25px;max-width:315px}
.doc-quicklinks{display:flex;gap:15px 34px;flex-wrap:wrap;margin-top:32px}
.doc-action{display:inline-flex;align-items:center;gap:14px;width:max-content;max-width:100%;color:var(--teal);font:700 15px/1.4 Lato,Arial,sans-serif;text-decoration:underline;text-underline-offset:5px;transition:color .2s,gap .2s}
.doc-action:hover{color:var(--petrol);gap:19px}
.doc-action svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none}
.doc-guides,.doc-benchmark,.doc-downloads{background:var(--cloud)}
.doc-guides,.doc-publications,.doc-benchmark,.doc-projects,.doc-downloads{padding:88px 0 95px;scroll-margin-top:22px}
.doc-guides-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:8%;align-items:start}
.doc-guides h2,.doc-section-heading h2,.doc-benchmark h2{color:var(--petrol);font-size:clamp(36px,3.5vw,52px);line-height:1.13;margin:0 0 17px}
.doc-guides-intro>p,.doc-section-heading p,.doc-benchmark p{color:#496267;font-size:19px;line-height:1.52;max-width:740px;margin:0 0 25px}
.doc-guides-intro figure{margin:34px 0 0;max-width:520px}
.doc-guides-intro img{width:100%;height:auto;max-height:315px;object-fit:contain;background:#dce5e9}
.doc-guides-intro figcaption,.doc-benchmark figcaption{color:#60777a;font-size:12px;margin-top:9px}
.doc-guide-list,.doc-paper-list,.doc-project-list{padding:0;margin:0;list-style:none;border-top:1px solid #aebfc5}
.doc-guide-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #b8c9ce}
.doc-guide-list strong{display:block;font:700 20px/1.25 Mulish,Arial,sans-serif;color:var(--petrol)}
.doc-guide-list span{display:block;color:#536c70;font-size:14px;margin-top:5px}
.doc-guide-list .doc-action{font-size:14px;white-space:nowrap}
.doc-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}
.doc-section-heading>div{max-width:825px}
.doc-section-heading p{margin-bottom:0}
.doc-section-heading>.doc-action{flex:none;margin-bottom:6px}
.doc-paper-list li,.doc-project-list li{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(0,1.9fr) auto;gap:32px;align-items:center;padding:24px 0;border-bottom:1px solid #c9d7db}
.doc-paper-list strong,.doc-project-list strong{color:var(--petrol);font:700 21px/1.25 Mulish,Arial,sans-serif}
.doc-paper-list p,.doc-project-list p{color:#50666b;font-size:16px;line-height:1.5;margin:0}
.doc-paper-list .doc-action,.doc-project-list .doc-action{font-size:14px;white-space:nowrap}
.doc-benchmark-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:8%;align-items:center}
.doc-benchmark p{max-width:670px}
.doc-benchmark-actions{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:30px}
.doc-benchmark figure{margin:0}
.doc-benchmark img{width:100%;max-height:480px;object-fit:contain;background:#e2e8ea}
.doc-projects{background:#fff}
.doc-download-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8%;border-top:1px solid #afc1c6}
.doc-download-options>div{padding:26px 0 0}
.doc-download-options>div+div{border-left:1px solid #b9cbd0;padding-left:10%}
.doc-download-options span{display:block;color:var(--teal);font:700 12px Lato,Arial,sans-serif;margin-bottom:17px}
.doc-download-options h3{color:var(--petrol);font-size:29px;margin:0 0 12px}
.doc-download-options p{color:#4f676c;font-size:17px;line-height:1.5;max-width:430px;margin:0 0 19px}
.doc-support{background:#fff;padding:70px 0}
.doc-support .wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}
.doc-support h2{color:var(--petrol);font-size:clamp(28px,3vw,39px);margin:0;max-width:710px}
.doc-support .wrap>div{display:flex;flex-wrap:wrap;gap:15px 25px;justify-content:flex-end}
@media(max-width:900px){.doc-hero-grid,.doc-guides-grid,.doc-benchmark-grid{grid-template-columns:1fr;gap:35px}.doc-hero .doc-hero-aside{max-width:650px}.doc-guides-intro figure{max-width:600px}.doc-benchmark figure{max-width:620px}.doc-section-heading{align-items:start}.doc-paper-list li,.doc-project-list li{grid-template-columns:minmax(110px,.5fr) minmax(0,1.5fr);gap:12px 22px}.doc-paper-list .doc-action,.doc-project-list .doc-action{grid-column:2}}
@media(max-width:650px){.doc-hero{padding:52px 0 57px}.doc-hero h1{font-size:clamp(37px,8.5vw,50px)}.doc-hero .doc-hero-aside{font-size:16px}.doc-quicklinks{gap:15px 22px}.doc-guides,.doc-publications,.doc-benchmark,.doc-projects,.doc-downloads{padding:67px 0 72px}.doc-section-heading{display:block}.doc-section-heading>.doc-action{margin-top:18px}.doc-guide-list li{align-items:start}.doc-guide-list .doc-action{white-space:normal;text-align:right}.doc-paper-list li,.doc-project-list li{grid-template-columns:1fr;gap:10px;padding:21px 0}.doc-paper-list .doc-action,.doc-project-list .doc-action{grid-column:1}.doc-download-options{grid-template-columns:1fr;gap:0}.doc-download-options>div{padding:24px 0}.doc-download-options>div+div{border-left:0;border-top:1px solid #b9cbd0;padding-left:0}.doc-support .wrap{display:block}.doc-support .wrap>div{justify-content:flex-start;margin-top:23px}}