.page-understanding-your-energy-use .guide-opening{padding:74px 0 42px;position:relative;border-bottom:1px solid var(--pale);background:radial-gradient(ellipse at 95% 0,#fff1cc 0,transparent 50%)}
.page-understanding-your-energy-use .guide-opening h1{max-width:20ch;font-size:clamp(2.45rem,5.3vw,4.7rem)}
.page-understanding-your-energy-use .guide-intro{max-width:64ch;font-size:1.16rem} .page-understanding-your-energy-use .opening-rule{width:110px;height:5px;background:var(--amber);margin:30px 0 0;transform:skewX(-30deg)}
.page-understanding-your-energy-use .guide-contents{display:flex;flex-wrap:wrap;gap:8px 24px;padding:24px 0 36px} .page-understanding-your-energy-use .guide-contents a{font-weight:600;text-underline-offset:5px;font-size:.94rem}
.page-understanding-your-energy-use .signature-space{padding:32px 0 62px} .page-understanding-your-energy-use .reading-sections{padding-bottom:54px} .page-understanding-your-energy-use .reading-section{padding:48px 0;border-top:1px solid #b8cbcd;scroll-margin-top:100px}
.page-understanding-your-energy-use .reading-section h2{max-width:25ch;font-size:clamp(1.7rem,3vw,2.5rem)} .page-understanding-your-energy-use .section-copy{max-width:72ch} .page-understanding-your-energy-use .section-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;margin-top:30px}
.page-understanding-your-energy-use .section-item{padding:22px 0;border-top:1px solid var(--pale)} .page-understanding-your-energy-use .section-item h3{font-size:1.17rem} .page-understanding-your-energy-use .section-item p{margin:8px 0 12px} .page-understanding-your-energy-use .section-item .sheet-question{font-size:.98rem}
.page-understanding-your-energy-use .index-no{font:700 2.4rem/1 var(--head);color:var(--teal);display:block;margin-bottom:20px} .page-understanding-your-energy-use .photo-band{margin:24px 0 60px;max-height:500px;overflow:hidden;border-radius:4px 70px 4px 4px} .page-understanding-your-energy-use .photo-band img{width:100%;height:440px;object-fit:cover;display:block}
.page-understanding-your-energy-use .related-guides{padding:35px 0 60px;border-top:1px solid var(--pale)} .page-understanding-your-energy-use .related-guides nav{display:flex;flex-wrap:wrap;gap:12px 30px} .page-understanding-your-energy-use .related-guides a{font-weight:700;text-underline-offset:5px}
.page-understanding-your-energy-use .question-row{padding:25px 0;border-top:1px solid #bdced0} .page-understanding-your-energy-use .question-row h3{font-size:1.25rem} .page-understanding-your-energy-use .question-row p{max-width:66ch} .page-understanding-your-energy-use .widget-status{min-height:1.6em;font-weight:700;color:var(--teal)}
.page-understanding-your-energy-use .signature-space textarea,.page-understanding-your-energy-use .signature-space select{width:100%;max-width:100%;border:1px solid #8ca5a7;border-radius:7px;background:white;color:var(--ink);font:inherit;padding:12px;display:block;margin:12px 0;resize:vertical}
.page-understanding-your-energy-use .signature-space label{font-weight:700;display:block} .page-understanding-your-energy-use .signature-space button{margin:5px 5px 8px 0} .page-understanding-your-energy-use .signature-space dl{margin:0} .page-understanding-your-energy-use .signature-space dt{font-weight:700} .page-understanding-your-energy-use .signature-space dd{margin:0 0 20px}
.page-understanding-your-energy-use .term-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:36px 0} .page-understanding-your-energy-use .term-grid>div{background:white;padding:28px;border-left:4px solid var(--amber);box-shadow:0 15px 30px -25px #15252d66} .page-understanding-your-energy-use .term-grid dt{font-family:var(--head);font-size:1.3rem} .page-understanding-your-energy-use .term-grid dd{margin:10px 0 0}
.page-understanding-your-energy-use .safety-band{background:var(--ink);color:#eef4f3;padding:38px;margin:38px 0 0;border-top:5px solid var(--amber)} .page-understanding-your-energy-use .safety-band h2{color:white}
.page-understanding-your-energy-use .signature-space article{transition:transform .25s,box-shadow .25s,border-color .25s} .page-understanding-your-energy-use .signature-space article:hover{transform:translateY(-3px)} .page-understanding-your-energy-use .reading-section h2::before{content:"";display:block;background:var(--amber);width:42px;height:4px;margin-bottom:22px;transition:width .35s} .page-understanding-your-energy-use .reading-section:hover h2::before{width:90px}
.page-understanding-your-energy-use .signature-space :is(article,fieldset){min-width:0} .page-understanding-your-energy-use .signature-space p,.page-understanding-your-energy-use .signature-space li,.page-understanding-your-energy-use dd{overflow-wrap:anywhere} .page-understanding-your-energy-use .signature-space h2{font-size:clamp(1.55rem,2.5vw,2.2rem)}
@media(max-width:700px){.page-understanding-your-energy-use .guide-opening{padding:42px 0 28px} .page-understanding-your-energy-use .guide-opening h1{font-size:2.6rem} .page-understanding-your-energy-use .section-items,.page-understanding-your-energy-use .term-grid{grid-template-columns:1fr} .page-understanding-your-energy-use .photo-band img{height:290px} .page-understanding-your-energy-use .reading-section{padding:32px 0} .page-understanding-your-energy-use .signature-space{padding-top:15px} .page-understanding-your-energy-use .safety-band{padding:25px} .page-understanding-your-energy-use .guide-contents{gap:12px 20px} }
@media(prefers-reduced-motion:reduce){.page-understanding-your-energy-use .signature-space article,.page-understanding-your-energy-use .reading-section h2::before{transition:none} .page-understanding-your-energy-use .signature-space article:hover{transform:none}}
@media print{.page-understanding-your-energy-use .guide-contents,.page-understanding-your-energy-use .signature-space button,.page-understanding-your-energy-use .related-guides{display:none} .page-understanding-your-energy-use .reading-section{break-inside:avoid} .page-understanding-your-energy-use .signature-space textarea{border:0} }
.page-understanding-your-energy-use .day-record{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:5px solid var(--amber);background:white}.page-understanding-your-energy-use .day-record>.eyebrow{grid-column:1/-1;padding:30px 30px 0}.page-understanding-your-energy-use .day-record article{padding:25px;border-right:1px solid var(--pale)}.page-understanding-your-energy-use .day-record article:nth-of-type(2){background:#fff6dd}.page-understanding-your-energy-use .day-record article:nth-of-type(3){background:var(--pale)}.page-understanding-your-energy-use .day-record article:nth-of-type(4){background:var(--ink);color:white}.page-understanding-your-energy-use .day-record article:nth-of-type(4) h3{color:white}.page-understanding-your-energy-use .day-record article:nth-of-type(4) button{color:white;border-color:var(--amber)}.page-understanding-your-energy-use .day-record h3{font-size:1.6rem}.page-understanding-your-energy-use .record-list{display:grid;grid-template-columns:1fr 1fr;gap:25px 60px;margin-top:45px}.page-understanding-your-energy-use .record-list h2{grid-column:1/-1}.page-understanding-your-energy-use .record-list article{border-top:1px solid #a8bec1;padding-top:25px}
@media(max-width:900px){.page-understanding-your-energy-use .day-record{grid-template-columns:repeat(2,1fr)} .page-understanding-your-energy-use .authority-index,.page-understanding-your-energy-use .professional-index,.page-understanding-your-energy-use .source-pointers{grid-template-columns:repeat(2,1fr)} .page-understanding-your-energy-use .pack-columns{grid-template-columns:1fr} .page-understanding-your-energy-use .sheet-builder{gap:30px}}
@media(max-width:700px){.page-understanding-your-energy-use .signature-space,.page-understanding-your-energy-use .scope-lanes,.page-understanding-your-energy-use .decision-index,.page-understanding-your-energy-use .component-records,.page-understanding-your-energy-use .sizing-lanes,.page-understanding-your-energy-use .record-list,.page-understanding-your-energy-use .authority-index,.page-understanding-your-energy-use .source-pointers,.page-understanding-your-energy-use .responsibility-board,.page-understanding-your-energy-use .document-packs,.page-understanding-your-energy-use .handover-lanes,.page-understanding-your-energy-use .professional-index,.page-understanding-your-energy-use .sheet-builder,.page-understanding-your-energy-use .existing-records{display:block} .page-understanding-your-energy-use .guide-shelf{grid-template-columns:1fr} .page-understanding-your-energy-use .identity-ledger{margin-bottom:45px;padding:26px;box-shadow:8px 8px 0 var(--pale)} .page-understanding-your-energy-use .reading-section:first-child .section-items{grid-template-columns:1fr} .page-understanding-your-energy-use .scope-lanes>div,.page-understanding-your-energy-use .handover-lanes>article{padding:28px} .page-understanding-your-energy-use .decision-tool{padding:26px;box-shadow:8px 8px 0 var(--pale)} .page-understanding-your-energy-use .decision-tool fieldset{display:block} .page-understanding-your-energy-use .decision-tool label{margin:10px 0} .page-understanding-your-energy-use .observation{grid-template-columns:48px 1fr;gap:10px} .page-understanding-your-energy-use .observation .index-no{font-size:2rem} .page-understanding-your-energy-use .reading-section:nth-child(even){padding-left:0;border-left:0} .page-understanding-your-energy-use .sizing-lanes article{padding:28px} .page-understanding-your-energy-use .day-record{grid-template-columns:1fr} .page-understanding-your-energy-use .day-record article{padding:25px} .page-understanding-your-energy-use .record-list article{margin-bottom:28px} .page-understanding-your-energy-use .ledger-labels{display:none} .page-understanding-your-energy-use .cost-ledger{padding:22px;box-shadow:8px 8px 0 var(--pale)} .page-understanding-your-energy-use .cost-ledger article{display:block} .page-understanding-your-energy-use .cost-ledger article b{display:block;margin-top:22px} .page-understanding-your-energy-use .project-stage{grid-template-columns:45px 1fr;gap:15px} .page-understanding-your-energy-use .stage-number{width:40px;height:40px;font-size:1.1rem;box-shadow:4px 4px 0 var(--pale)} .page-understanding-your-energy-use .project-stage:before{left:20px;top:90px} .page-understanding-your-energy-use .project-stage dl{display:block} .page-understanding-your-energy-use .project-stage dd{margin:5px 0 20px} .page-understanding-your-energy-use .authority-index article,.page-understanding-your-energy-use .source-pointers article,.page-understanding-your-energy-use .professional-index article{margin-bottom:25px} .page-understanding-your-energy-use .special-cases{padding:25px} .page-understanding-your-energy-use .responsibility-board article,.page-understanding-your-energy-use .document-packs article{margin-bottom:26px;padding:26px} .page-understanding-your-energy-use .existing-records{padding:26px} .page-understanding-your-energy-use .concern-table article{display:block} .page-understanding-your-energy-use .concern-table article p{margin:15px 0} .page-understanding-your-energy-use .direct-answer{display:block} .page-understanding-your-energy-use .direct-answer h2{font-size:1.5rem} .page-understanding-your-energy-use .topic-filters{top:72px;padding:10px 0} .page-understanding-your-energy-use .topic-filters .btn{font-size:.88rem;padding:8px 10px;min-height:43px} .page-understanding-your-energy-use .sheet-preview{position:static;margin:35px 0 0;padding:25px;box-shadow:7px 7px 0 var(--pale)} .page-understanding-your-energy-use .storage-register article{display:block} .page-understanding-your-energy-use .storage-register dl{margin:20px 0} .page-understanding-your-energy-use .preparation-field label span{display:inline-block;margin:8px 0 0}}

.page-understanding-your-energy-use [hidden]{display:none!important}