
.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding-top:24px;padding-bottom:24px;font-size:12px;color:#61706f}.breadcrumb a:hover{color:#087d80}.infohero{background:#f5f4ee;border-top:1px solid #e3e5dc;border-bottom:1px solid #e3e5dc}.infohero-grid{display:grid;grid-template-columns:1fr 260px;gap:80px;align-items:center;padding-top:45px;padding-bottom:45px}.infohero h1{font-size:60px;letter-spacing:-2px;line-height:1.1;margin:0 0 22px}.info-deck{font-size:18px;line-height:1.65;max-width:780px;color:#4d626a}.info-meta{display:flex;gap:20px;font-size:10px;letter-spacing:1.2px;font-weight:bold;color:#67776c;margin-top:25px}.chapter-mark{border:1px solid #c8d7ca;border-radius:5px;background:#e6eee4;padding:23px;text-align:center;color:#215850}.chapter-mark>span{font-size:9px;letter-spacing:2px}.chapter-mark b{font-size:110px;display:block;line-height:1.15;font-family:Georgia,serif;font-weight:400}.chapter-mark strong{display:block;font-size:16px}.chapter-mark small{font-size:11px}.editorial-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 240px;gap:38px;padding-top:44px;padding-bottom:70px;align-items:start}.toc{border:0;padding:0;position:sticky;top:25px}.toc nav{display:flex;flex-direction:column;color:#52666c;align-items:stretch;gap:0;font-size:12px;font-weight:400}.toc nav a{padding:10px 0;border-bottom:1px solid #e1e6e3;line-height:1.5}.toc nav a:hover{color:#087d80}.backtop{display:block;margin-top:17px;font-size:11px;color:#087d80}.info-article{font-size:16px;line-height:1.85;min-width:0}.info-article p{margin:0 0 23px}.info-article h2{font-size:27px;line-height:1.3;letter-spacing:-.5px;margin:38px 0 18px;scroll-margin-top:30px}.info-article>h2:first-of-type{margin-top:25px}.info-article h4{font-size:19px;margin:28px 0 12px}.info-article ul,.info-article ol{padding-left:22px;margin:0 0 25px}.info-article li{margin-bottom:12px}.draft-note{padding:14px 17px;background:#faf6e9;border-left:3px solid #e2b748;font-size:12px;line-height:1.6;color:#78663d}.next-steps{border:0;padding:0;display:block}.side-box{padding:22px;background:#edf4f1;border:1px solid #d8e5df;border-radius:4px}.side-box h3{font-size:22px;line-height:1.25;margin:12px 0}.side-box p{font-size:13px;color:#587069}.side-box a{display:block;padding:12px 0;border-bottom:1px solid #d0ddd7;color:#08716b;font-size:12px;font-weight:bold}.side-box small{display:block;font-size:10px;line-height:1.6;color:#6a7c74;margin-top:15px}.side-adventure{margin-top:24px;border:1px solid #dce4e7;border-radius:4px;overflow:hidden;padding-bottom:20px}.side-adventure img{width:100%;aspect-ratio:1.35;object-fit:cover}.side-adventure h3,.side-adventure p,.side-adventure a{margin-left:18px;margin-right:18px}.side-adventure h3{font-size:18px;line-height:1.3;margin-top:18px}.side-adventure p{font-size:12px;color:#62716e}.side-adventure a{font-size:12px;color:#087d80;font-weight:bold}.article-end{border-top:2px solid #d4e1d8;margin-top:38px;padding-top:25px}.article-end>span{font-size:10px;letter-spacing:1.5px;color:#087d80;font-weight:bold}.article-end h2{margin-top:14px}.related{display:grid;gap:8px}.related a{display:block;border:1px solid #dbe5de;padding:14px 18px;border-radius:3px;font-size:14px;color:#08716b}.related a:hover{background:#edf4f1}
@media(max-width:1100px){.editorial-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.next-steps{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:20px}.side-adventure{margin-top:0}.infohero-grid{gap:35px}}@media(max-width:700px){.infohero-grid{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px}.chapter-mark{display:none}.infohero h1{font-size:43px}.info-deck{font-size:16px}.editorial-layout{display:block;padding-top:25px}.toc{position:static;display:block;margin-bottom:28px;background:#f4f6f2;padding:20px;border-radius:4px}.toc nav{display:flex;font-size:13px;padding:0}.toc .backtop{display:none}.info-article{font-size:16px}.info-article h2{font-size:25px}.next-steps{display:grid;margin-top:30px}.next-steps .side-adventure{display:block}.info-meta{font-size:9px;gap:12px}}@media(max-width:480px){.next-steps{grid-template-columns:1fr}}

.editorial-layout{grid-template-columns:190px minmax(0,900px);gap:48px;justify-content:center}.info-article{font-size:17px;line-height:1.8}.quick-answer{background:#edf4ef;border:1px solid #d3e2d7;border-radius:5px;padding:25px 28px}.quick-answer p:last-child{margin:0}.info-article h2{font-size:31px;margin-top:43px}.infohero-grid{grid-template-columns:minmax(0,1fr) 220px}.chapter-mark b{font-size:90px}.inline-shop{background:#f6f3e8;border:1px solid #e3dcc6;border-radius:5px;padding:26px;margin:35px 0}.shop-heading h2{font-size:25px;margin:8px 0 18px;line-height:1.25}.shop-heading>a{font-size:12px;color:#08716b;display:inline-block;margin-bottom:20px;font-weight:bold}.product-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-tile{background:white;border:1px solid #e1e5dd;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.product-tile:hover{border-color:#087d80}.product-tile img{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:#edf3f1}.product-tile>div{padding:17px;display:flex;flex:1;flex-direction:column}.product-tile small{font-size:8px;letter-spacing:.7px;color:#61796c;font-weight:bold}.product-tile h3{font-size:18px;line-height:1.25;margin:8px 0 10px}.product-tile p{font-size:12px;line-height:1.6;color:#60726b;margin:0 0 16px}.product-tile b{margin-top:auto;color:#08716b;font-size:11px;line-height:1.5}.info-article .catalog-note{font-size:11px;line-height:1.6;color:#7c7460;margin:17px 0 0}.table-scroll{overflow:auto;margin:23px 0}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;text-align:left}th{background:#eaf0eb;color:#224e46;font-size:12px}td,th{padding:15px;border:1px solid #dce5de;vertical-align:top}td:first-child{font-weight:bold}tr:nth-child(even) td{background:#f7f9f6}.worked-example{border-left:4px solid #e6b631;background:#fbf7eb;padding:24px 28px;margin:27px 0}.worked-example h3{font-size:22px;line-height:1.3;margin:10px 0 15px}.worked-example p{font-size:15px}.worked-example p:last-child{margin:0}.ref{font-size:12px;color:#08716b;text-decoration:underline;white-space:nowrap}.buy-list li{padding:4px 0}.shopping-end{font-size:14px}.sources{margin-top:45px;border-top:1px solid #dce5de;padding-top:10px}.sources h2{font-size:24px}.sources p,.sources li{font-size:12px;line-height:1.7;color:#64736e}.sources a{text-decoration:underline;color:#08716b}.related{grid-template-columns:repeat(3,1fr)}.related a{font-size:12px;padding:14px}.infohero h1{font-size:56px}.info-deck{max-width:780px}
@media(max-width:1000px){.editorial-layout{grid-template-columns:160px minmax(0,1fr);gap:28px}.inline-shop{padding:19px}.product-row{gap:10px}.product-tile>div{padding:13px}.product-tile h3{font-size:16px}}@media(max-width:700px){.editorial-layout{display:block}.infohero-grid{grid-template-columns:1fr}.infohero h1{font-size:42px}.product-row{grid-template-columns:1fr}.product-tile{display:grid;grid-template-columns:110px minmax(0,1fr)}.product-tile img{height:100%;aspect-ratio:auto;min-height:150px}.product-tile>div{padding:17px}.product-tile h3{font-size:18px}.product-tile small{font-size:9px}.product-tile p{margin-bottom:10px}.related{grid-template-columns:1fr}.info-article h2{font-size:27px}.inline-shop h2{font-size:24px}.quick-answer,.worked-example{padding:21px}.table-scroll table{min-width:570px}}

.product-tile .category-card-title{display:flex;align-items:flex-start;gap:10px}.category-initial{color:#087d80;font-size:30px;font-weight:800;line-height:1;flex:0 0 24px;letter-spacing:0}.category-card-title>span:last-child{padding-top:2px}@media(max-width:700px){.category-initial{font-size:29px}}

#energyForm{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:none;padding:0}#energyForm label{font-size:12px;display:block}#energyForm input{display:block;width:100%;background:white;border:1px solid #b9cbc1;padding:12px;margin-top:5px}#energyForm button{grid-column:1/-1}#energyResult{display:block;background:#fff;padding:20px;margin:20px 0;font-weight:bold}@media(max-width:600px){#energyForm{grid-template-columns:1fr}.infohero h1{font-size:36px}}
