.at-page{max-width:1248px;margin:35px auto 65px;padding:0 30px;color:var(--hs-ink);--at-green:#21673b;--at-soft:#f1f6f0;--at-border:#dce6dc}
.at-page *{box-sizing:border-box}.at-page a{text-underline-offset:3px}.at-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px 11px;margin-bottom:30px;font-size:11px;color:#667367}.at-breadcrumb a{color:var(--at-green);text-decoration:none}.at-breadcrumb a:hover{text-decoration:underline}.at-eyebrow{color:var(--at-green);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.at-library-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:27px}.at-library-heading>div{max-width:850px}#article-library h1{margin:0 0 15px;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.04em;line-height:1.17}.at-library-intro{max-width:760px;color:#647166;font-size:14px;line-height:1.85;margin:0}.at-library-total{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:105px;margin:0;padding:15px 20px;background:var(--at-soft);border:1px solid var(--at-border);border-radius:10px;flex-shrink:0}.at-library-total strong{font-size:29px;line-height:1.2;color:var(--at-green)}.at-library-total span{font-size:10px;color:#647166;margin-top:5px}
.at-search{display:flex;gap:16px;align-items:center;padding:12px 14px;border:1px solid #cedfcf;border-radius:9px;background:var(--at-soft);margin-bottom:22px}.at-search>svg{width:22px;height:22px;flex-shrink:0;color:var(--at-green)}.at-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:9px 0;font:400 15px/1.6 system-ui,sans-serif;color:var(--hs-ink)}.at-search button,.at-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:10px 18px;border:1px solid var(--at-green);border-radius:6px;background:var(--at-green);color:white;font:600 12px/1.6 system-ui,sans-serif;text-decoration:none;cursor:pointer}.at-search button:hover,.at-button:hover{background:#18542e;border-color:#18542e;color:#fff}.at-button-yellow{background:#ffcc20;border-color:#ffcc20;color:#23382b}.at-button-yellow:hover{background:#ffbd0c;border-color:#ffbd0c;color:#23382b}
.at-topics{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--at-border)}.at-topics a{display:flex;gap:9px;align-items:center;padding:7px 12px;border:1px solid var(--at-border);border-radius:30px;background:white;color:#526455;font-size:11px;text-decoration:none}.at-topics a:hover{border-color:#9ebfa3;background:var(--at-soft)}.at-topics a[aria-current=page]{background:var(--at-green);border-color:var(--at-green);color:white}.at-topics a span{font-size:9px;opacity:.8}.at-query-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}#article-library .at-query-heading h2{font-size:20px;margin:0;line-height:1.5;overflow-wrap:anywhere}.at-query-heading h2 span{color:var(--at-green);font-weight:500}.at-query-heading>a{font-size:11px;color:var(--at-green);flex-shrink:0}
.at-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.at-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--at-border);border-radius:10px;background:white;overflow:hidden;box-shadow:0 3px 16px #17341e05;transition:border-color .18s,box-shadow .18s}.at-card:hover{border-color:#a0bea4;box-shadow:0 7px 25px #17341e0b}.at-card-image{display:block;width:100%;aspect-ratio:8/5;background:#f8faf7;border-bottom:1px solid #e5ece3;overflow:hidden}.at-card-image img{display:block;width:100%;height:100%;object-fit:contain;padding:15px}.at-card-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#edf5eb,#f8fbf5);color:#689375}.at-card-placeholder svg{width:94px;height:75px;opacity:.7}.at-card-body{display:flex;flex:1;flex-direction:column;padding:21px 22px;min-width:0}.at-card-category{color:var(--at-green);font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;line-height:1.6}.hidraoil-site .at-page .at-card h2{font-size:18px;font-weight:650;letter-spacing:-.02em;line-height:1.4;margin:0 0 12px}.at-card h2 a{color:var(--hs-ink);text-decoration:none}.at-card h2 a:hover{color:var(--at-green);text-decoration:underline}.at-card-summary{font-size:12px;line-height:1.85;color:#657266;margin:0 0 22px}.at-card-read{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #e7ede4;color:var(--at-green);font-size:11px;font-weight:650;text-decoration:none}.at-card-read:hover{text-decoration:underline}
.at-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid var(--at-border);font-size:11px;color:#647166}.at-pagination>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.at-pagination a,.at-pagination .is-current{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:36px;padding:6px 11px;border:1px solid var(--at-border);border-radius:5px;color:var(--at-green);text-decoration:none;background:white}.at-pagination a:hover{background:var(--at-soft);border-color:#a5bea7}.at-pagination .is-current{background:var(--at-green);border-color:var(--at-green);color:white}.at-empty{text-align:center;padding:45px 20px;background:var(--at-soft);border:1px solid var(--at-border);border-radius:10px}#article-library .at-empty h2{font-size:25px;margin:0 0 12px}.at-empty p{font-size:13px;color:#647166;margin:0 0 23px}
.at-library-help{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:45px;padding:27px 30px;border:1px solid #d7e5d5;border-radius:10px;background:var(--at-soft)}.at-library-help>div{max-width:730px}.hidraoil-site .at-page .at-library-help h2{font-size:22px;margin:0 0 8px}.at-library-help p{font-size:12px;color:#647166;line-height:1.8;margin:0}.at-library-help>.at-button{flex-shrink:0}
#technical-article{margin-top:35px}.at-article-heading{max-width:930px;margin:0 0 35px}#technical-article h1{font-size:clamp(29px,3.35vw,45px);line-height:1.18;letter-spacing:-.038em;margin:0 0 20px}.at-article-intro{max-width:850px;font-size:17px;line-height:1.85;color:#586b5b;margin:0 0 23px}.at-article-meta{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;color:#718074;font-size:10px;line-height:1.7}.at-article-meta>span+span{position:relative}.at-article-meta>span+span:before{content:"·";position:absolute;left:-12px;color:#a8b5a9}
.at-reading-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:53px;align-items:start;border-top:1px solid var(--at-border);padding-top:32px}.at-reading-aside{position:sticky;top:calc(var(--hs-header-height,108px) + 22px);max-height:calc(100vh - var(--hs-header-height,108px) - 45px);overflow:auto;scrollbar-width:thin;padding-right:6px}.at-toc{border:1px solid #d9e5d6;border-radius:9px;background:#f5f8f2;padding:17px 17px 13px}.at-toc summary{font-size:11px;font-weight:700;color:var(--at-green);cursor:pointer;line-height:1.6}.at-toc nav{padding-top:12px}.at-toc ol{list-style:none;padding:0;margin:0}.at-toc li{list-style:none;margin:0 0 9px;font-size:10px;line-height:1.65}.at-toc a{color:#4a6450;text-decoration:none;display:block}.at-toc a:hover{color:var(--at-green);text-decoration:underline}.at-toc .at-toc-sub{padding-left:12px}.at-back{display:inline-flex;align-items:center;gap:10px;font-size:10px;color:var(--at-green);text-decoration:none;margin-top:18px}.at-back:hover{text-decoration:underline}.at-without-toc{grid-template-columns:minmax(0,900px);justify-content:center}.at-prose{min-width:0;max-width:100%;font-size:15px;line-height:1.95;color:#324b39;overflow-wrap:break-word}.at-prose> :first-child{margin-top:0}.at-prose p{margin:0 0 22px}.at-prose .page-piece{margin:0 0 21px}.hidraoil-site #technical-article .at-prose :is(h2,h3,h4){font-weight:650;letter-spacing:-.025em;line-height:1.4;scroll-margin-top:calc(var(--hs-header-height,108px) + 24px)}.hidraoil-site #technical-article .at-prose h2{font-size:27px;margin:37px 0 16px}.hidraoil-site #technical-article .at-prose h3{font-size:21px;margin:29px 0 13px}.hidraoil-site #technical-article .at-prose h4{font-size:17px;margin:25px 0 11px}.at-prose .page-heading{padding:0;margin:0}.at-prose a{color:#21673b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.at-prose a:hover{color:#123e22}.at-prose :is(ul,ol){margin:0 0 23px;padding-left:23px}.at-prose ul,.at-prose ul>li{list-style:disc}.at-prose ol,.at-prose ol>li{list-style:decimal}.at-prose li{margin-bottom:9px;padding-left:3px}.at-prose li>p:last-child{margin-bottom:0}.at-prose strong,.at-prose b{font-weight:650;color:#253f2d}.at-prose :is(img,video,iframe,svg){max-width:100%;height:auto}.at-prose img{border-radius:6px;object-fit:contain}.at-prose figure{max-width:100%;margin:25px 0}.at-prose figcaption{margin-top:9px;color:#758175;font-size:11px;line-height:1.7}.at-prose table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;font-size:12px;margin:25px 0;border:1px solid #d8e3d5;border-radius:5px}.at-prose th,.at-prose td{padding:11px 14px;text-align:left;border:1px solid #dce6d9;vertical-align:top;min-width:90px}.at-prose th{background:#eff5eb;color:#2d5338;font-weight:650}.at-prose tr:nth-child(even)>td{background:#f8fbf5}.at-prose :is(pre,code){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em}.at-prose pre{overflow:auto;max-width:100%;padding:18px;border:1px solid var(--at-border);background:#f3f7ef;border-radius:6px}.at-prose blockquote,.at-prose .caja{margin:23px 0;padding:17px 21px;border-left:3px solid #86ae89;background:#f0f6eb;border-radius:0 6px 6px 0;font-size:14px;line-height:1.85}.at-prose blockquote p:last-child{margin-bottom:0}.at-prose hr{border:0;border-top:1px solid var(--at-border);margin:32px 0}.at-prose :is(input,select,textarea){max-width:100%;min-height:40px;padding:8px 10px;border:1px solid #adc9b0;border-radius:5px;background:#f3f8ef;color:#23382b;font:inherit;font-size:14px}.at-prose button,.at-prose input[type=button],.at-prose input[type=submit]{min-height:42px;padding:10px 17px;border:1px solid #21673b;border-radius:5px;background:#21673b;color:white;cursor:pointer;font:600 13px/1.5 system-ui}.at-prose input[type=radio],.at-prose input[type=checkbox]{width:auto;min-height:0}
.at-article-help{display:flex;gap:35px;align-items:center;justify-content:space-between;border:1px solid #cfdfca;border-radius:11px;background:#f2f7ed;padding:29px 33px;margin:48px 0}.at-article-help>div:first-child{max-width:680px}.at-article-help .at-eyebrow{margin-bottom:8px;font-size:9px}.hidraoil-site #technical-article .at-article-help h2{font-size:25px;margin:0 0 12px}.at-article-help p:not(.at-eyebrow){font-size:12px;line-height:1.9;color:#617363;margin:0}.at-help-actions{display:flex;flex-direction:column;align-items:center;gap:13px;flex-shrink:0}.at-help-secondary{color:var(--at-green);font-size:10px;text-align:center}.at-related{margin-top:45px}.at-section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}.hidraoil-site #technical-article .at-section-heading h2{font-size:27px;margin:0}.at-section-heading>a{font-size:11px;color:var(--at-green);text-decoration:none}.at-section-heading>a:hover{text-decoration:underline}.at-sr-only,.at-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.at-skip:focus{position:fixed;top:15px;left:15px;background:#21673b;color:white;padding:12px 20px;z-index:9999}
@media(max-width:1050px){.at-card-grid{gap:18px}.at-card-body{padding:18px}.at-reading-layout{grid-template-columns:210px minmax(0,1fr);gap:30px}.at-library-help{padding:24px}.at-library-help>div{max-width:540px}.at-article-help{gap:25px;padding:25px}.at-help-actions>.at-button{gap:12px;padding:10px 13px;font-size:11px}.at-without-toc{grid-template-columns:minmax(0,850px)}}
@media(max-width:800px){.at-page{margin-top:26px;padding:0 20px}.at-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.at-library-heading{gap:20px}.at-library-intro{font-size:13px}.at-library-total{min-width:80px;padding:12px}.at-reading-layout{display:flex;flex-direction:column;gap:28px;padding-top:24px}.at-reading-aside{position:static;width:100%;max-height:none;padding:0}.at-toc{padding:14px 17px 8px}.at-toc nav{max-height:230px;overflow:auto;padding-bottom:4px}.at-toc summary{font-size:12px}.at-toc li{font-size:11px;margin-bottom:8px}.at-back{display:none}.at-article-heading{margin-bottom:27px}.at-article-intro{font-size:16px}.at-prose{width:100%;font-size:15px;line-height:1.9}.at-article-help{align-items:flex-start}.at-help-actions{align-items:flex-start}.at-library-help{display:block}.at-library-help>.at-button{margin-top:20px}.at-section-heading>a{max-width:180px;text-align:right}.at-article-meta{font-size:10px;gap:7px 18px}}
@media(max-width:540px){.at-page{padding:0 16px;margin-bottom:42px}.at-breadcrumb{font-size:10px;gap:7px;margin-bottom:25px}.at-library-heading{display:block;margin-bottom:23px}#article-library h1{font-size:31px;line-height:1.2;margin-bottom:13px}.at-library-total{display:none}.at-library-intro{font-size:13px}.at-search{gap:10px;padding:9px 10px}.at-search>svg{display:none}.at-search input[type=search]{font-size:16px}.at-search button{padding:10px 13px;font-size:12px;gap:9px}.at-search button>span{display:none}.at-topics{gap:7px;padding-bottom:20px;margin-bottom:22px}.at-topics a{font-size:10px;padding:7px 10px}.at-card-grid{grid-template-columns:minmax(0,1fr);gap:21px}.at-card-image{aspect-ratio:16/9}.at-card-image img{padding:16px}.at-card-body{padding:19px 20px}.hidraoil-site .at-page .at-card h2{font-size:20px;line-height:1.4}.at-card-summary{font-size:13px;margin-bottom:19px}.at-card-category{font-size:9px}.at-card-read{font-size:12px;padding-top:13px}.at-pagination{gap:14px;font-size:10px}.at-pagination>div{gap:5px}.at-pagination a,.at-pagination .is-current{font-size:11px;min-height:40px;min-width:36px;padding:6px 10px}.at-library-help{padding:22px}.hidraoil-site .at-page .at-library-help h2{font-size:22px}.at-library-help p{font-size:12px}.at-query-heading{align-items:flex-start;gap:13px}#article-library .at-query-heading h2{font-size:18px}.at-query-heading>a{font-size:10px}.at-empty{padding:32px 20px}#technical-article h1{font-size:30px;line-height:1.2;margin-bottom:17px}.at-article-intro{font-size:15px;line-height:1.85;margin-bottom:18px}.at-article-meta{font-size:9px;gap:6px 18px}.at-article-heading{margin-bottom:25px}.at-prose{font-size:15px}.hidraoil-site #technical-article .at-prose h2{font-size:24px;margin-top:30px}.hidraoil-site #technical-article .at-prose h3{font-size:20px}.at-prose th,.at-prose td{padding:9px 11px;font-size:11px}.at-prose :is(input,select,textarea){font-size:16px}.at-article-help{display:block;margin:34px 0;padding:23px}.hidraoil-site #technical-article .at-article-help h2{font-size:23px}.at-help-actions{margin-top:21px;align-items:stretch}.at-help-actions>.at-button{min-height:46px;font-size:12px}.at-help-secondary{font-size:11px}.at-section-heading{display:block;margin-bottom:21px}.hidraoil-site #technical-article .at-section-heading h2{font-size:25px}.at-section-heading>a{display:inline-block;max-width:none;text-align:left;margin-top:12px;font-size:11px}.at-related{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.at-card{transition:none}}
/* Keep symbol reference tables aligned across the full reading column. */
.at-prose table{font-family:inherit}.at-prose table:has(th[scope=row]){display:table;width:100%;table-layout:fixed}.at-prose table:has(th[scope=row]) th,.at-prose table:has(th[scope=row]) td{min-width:0;vertical-align:middle;overflow-wrap:anywhere}.at-prose table:has(th[scope=row]) th:first-child{width:55%}.at-prose table:has(th[scope=row]) td{text-align:center}.at-prose table:has(th[scope=row]) figure{margin:8px}.at-prose table:has(th[scope=row]) img{max-height:170px;max-width:100%;width:auto}.at-prose .article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;margin:25px 0}.at-prose .article-gallery>figure{margin:0}.at-prose .article-gallery>img{align-self:center}@media(max-width:540px){.at-prose .article-gallery{grid-template-columns:minmax(0,1fr);gap:18px}.at-prose table:has(th[scope=row]) th:first-child{width:55%}.at-prose table:has(th[scope=row]) figure{margin:3px}.at-prose table:has(th[scope=row]) th,.at-prose table:has(th[scope=row]) td{padding:9px 8px}}