/* Shared brand tokens keep future design adjustments in one place. */
:root{--ink:#0d243b;--blue:#2154df;--blue-deep:#163eb2;--sky:#edf3fb;--line:#d6e0ec;--white:#fff;--muted:#4e6174;--font-body:Arial,Helvetica,sans-serif;--font-accent:Georgia,'Times New Roman',serif;--radius:3px;--space:clamp(1.25rem,4vw,4.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--white);font:1rem/1.65 var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}h2{font-size:clamp(2.1rem,4.6vw,4.3rem);font-weight:500}h3{font-size:1.8rem;font-weight:500}p{margin-bottom:1.4rem}.container{width:min(1440px,100%);margin-inline:auto;padding-inline:var(--space)}.section{padding-block:clamp(4rem,8vw,7.5rem)}.eyebrow{font-size:.8rem;letter-spacing:.15em;font-weight:700;color:var(--blue);margin-bottom:1.5rem}.lead{font-size:1.2rem;color:var(--muted);max-width:650px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;color:white;background:var(--blue);border:1px solid var(--blue);border-radius:var(--radius);font-size:.95rem;font-weight:700;text-align:center;transition:background .2s,transform .2s}.button:hover{background:var(--blue-deep);transform:translateY(-2px)}.button-small{min-height:44px;padding:10px 20px}.button-outline{background:transparent;color:var(--ink);border-color:var(--line)}.button-outline:hover{background:var(--sky)}.text-link{display:inline-block;padding-block:10px;border-bottom:1px solid var(--ink);font-size:.95rem;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.skip-link{position:fixed;left:16px;top:-80px;background:white;z-index:100;padding:12px}.skip-link:focus{top:16px}.utility{background:var(--ink);color:white;font-size:.78rem}.utility-inner{display:flex;justify-content:space-between;padding-block:8px}.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);z-index:40}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.brand{display:inline-block;font-size:1.85rem;line-height:.8;font-weight:800;letter-spacing:-.075em}.brand span{color:var(--blue)}.brand small{display:block;font-size:.57rem;letter-spacing:.34em;line-height:1;margin-top:10px}.nav-links{display:flex;gap:32px;align-items:center;font-size:.9rem}.nav-links>a:hover{color:var(--blue)}.nav-links>.button:hover{color:white}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 14px;border-radius:var(--radius)}.hero{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:5%;padding-block:50px 64px}.hero-copy{padding-block:30px}.hero h1{font-size:clamp(3.3rem,6.9vw,6.6rem);font-weight:500;letter-spacing:-.065em;margin-bottom:28px}.hero h1 em{font-family:var(--font-accent);font-weight:400;color:var(--blue)}.hero-description{max-width:450px;font-size:1.12rem;color:var(--muted)}.hero-note{font-size:.85rem;margin:30px 0 0;color:var(--muted)}.hero-image{position:relative;align-self:stretch;min-height:460px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-image figcaption{position:absolute;left:24px;bottom:22px;background:white;padding:12px 18px;font-size:.82rem}.trust-strip{border-block:1px solid var(--line);background:var(--sky)}.trust-inner{display:flex;justify-content:space-between;gap:25px;padding-block:22px;font-size:.86rem}.trust-inner strong{font-size:1rem;letter-spacing:.08em}.site-footer{background:var(--ink);color:white;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:40px;padding-bottom:50px}.footer-grid h2{font-size:1rem;letter-spacing:0;line-height:1.5;font-weight:700;margin-bottom:18px}.footer-grid p{font-size:.86rem;color:#ced7e4;margin-top:22px}.footer-grid a:not(.brand){display:block;font-size:.88rem;margin-bottom:10px}.brand-light span{color:#8baeff}.footer-base{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #344a60;padding-block:24px;font-size:.78rem;color:#ced7e4}
@media(max-width:1000px){.nav-links{gap:18px}.hero{gap:25px}.hero h1{font-size:4rem}.hero-image{min-height:410px}.footer-grid{grid-template-columns:1fr 1fr}.trust-inner{flex-wrap:wrap}.trust-inner span{width:calc(50% - 20px)}}
@media(max-width:700px){.utility-inner{font-size:.72rem}.nav-wrap{min-height:76px}.brand{font-size:1.65rem}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:white;box-shadow:0 18px 25px #0d243b15;padding:20px var(--space);align-items:stretch;gap:12px}.nav-links.is-open{display:flex;flex-direction:column}.nav-links>a:not(.button){padding:8px 0}.hero{grid-template-columns:1fr;padding-block:26px 32px;gap:30px}.hero-copy{padding:12px 0 0}.hero h1{font-size:clamp(3.2rem,12vw,4.6rem)}.hero-description{font-size:1rem}.hero-image{min-height:330px}.hero-image figcaption{font-size:.75rem;left:14px;bottom:14px}.eyebrow{font-size:.75rem;margin-bottom:20px}.trust-inner{font-size:.77rem;padding-block:20px;gap:18px}.trust-inner span{width:calc(50% - 10px)}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-grid p{margin-top:16px}.footer-base{flex-wrap:wrap;font-size:.75rem}.footer-base>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Buying guides reuse the site's layout, type and colour tokens. */
.hero h1{font-size:clamp(3rem,5.5vw,5.3rem)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0;padding:0}.breadcrumb li+li::before{content:'/';margin-right:12px;color:var(--muted)}.breadcrumb a:hover{text-decoration:underline}.guide-intro{padding-bottom:55px;max-width:1150px;margin-inline:auto}.guide-intro h1{font-size:clamp(2.7rem,5.5vw,5.4rem);font-weight:500;letter-spacing:-.055em}.guide-intro .lead{max-width:760px}.guide-section{padding-top:45px}.guide-section>h2{max-width:850px}.guidance-links{margin-top:30px}.manufacturer-links{margin-top:30px;display:flex;align-items:flex-start;flex-direction:column;gap:8px}.manufacturer-links>p{font-size:.875rem;color:var(--muted);margin:0}.manufacturer-links .text-link{font-size:.9rem}.reading-copy>p:not(.eyebrow){color:var(--muted)}.quote-brief{border:1px solid var(--line);padding:clamp(24px,3vw,40px);background:var(--white);align-self:start}.quote-brief h3{line-height:1.2}.quote-brief>p{color:var(--muted)}.check-list{padding-left:22px;margin:24px 0 30px}.check-list li{margin-bottom:14px;padding-left:5px}.check-list li::marker{color:var(--blue)}.related-content{border-top:1px solid var(--line);padding:35px 0 50px}.related-content h2{font-size:1.3rem;letter-spacing:-.02em}.faq-list a,.reading-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.eyebrow{font-size:.875rem}.small-note{font-size:.875rem}
@media(max-width:700px){.hero h1{font-size:clamp(2.75rem,10.5vw,4.3rem)}.guide-intro{padding-block:32px 40px}.guide-intro h1{font-size:clamp(2.5rem,9vw,3.8rem)}.breadcrumb{font-size:.875rem}.guide-section{padding-top:35px}.quote-brief{padding:24px}.related-content .actions{gap:12px 24px}}
/* Responsive product, guidance and enquiry layouts. */
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>.lead{max-width:370px;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-image{position:relative;display:block;overflow:hidden;height:300px;margin-bottom:28px;background:var(--sky)}.product-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.product-image:hover img{transform:scale(1.035)}.product-image>span{position:absolute;left:16px;top:16px;background:white;padding:6px 12px;font-size:.8rem}.product-card .eyebrow{font-size:.7rem;margin-bottom:12px}.product-card h3{margin-bottom:16px}.product-card>p:not(.eyebrow){color:var(--muted)}.product-card .text-link{font-size:.85rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%}.about-section{background:var(--sky)}.principles article{display:flex;gap:25px;border-top:1px solid var(--line);padding-block:28px}.principles article>span{font-size:.8rem;color:var(--blue);padding-top:4px}.principles h3{font-size:1.6rem;line-height:1.2;margin-bottom:14px}.principles p{color:var(--muted);margin:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px;text-align:left}caption{text-align:left;color:var(--muted);font-size:.85rem;padding-bottom:18px}th,td{padding:22px 20px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--ink);color:white;font-size:.86rem}tbody th{font-weight:500;width:35%}td{color:var(--muted);font-size:.95rem}td a{color:var(--blue);font-weight:700}.inspiration-section{background:#f5f6f7}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.gallery img{height:330px;object-fit:cover;width:100%}.gallery figcaption{font-size:1.2rem;margin-top:18px;line-height:1.4}.gallery small{display:block;color:var(--muted);font-size:.8rem;margin-top:6px}.small-note{font-size:.82rem;color:var(--muted);margin-top:28px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:45px}.process-grid article{border-top:1px solid var(--line);padding-top:24px}.process-grid span{display:block;color:var(--blue);font-size:.85rem;margin-bottom:26px}.process-grid h3{font-size:1.7rem;line-height:1.15}.process-grid p{color:var(--muted)}.faq-section{background:var(--sky)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:1.05rem;font-weight:600;line-height:1.5;padding:24px 0;display:flex;justify-content:space-between;gap:24px}summary::-webkit-details-marker{display:none}summary span{font-size:1.4rem;color:var(--blue);font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);padding-right:22px}.cta-band{background:var(--blue);color:white;padding-block:60px}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-inner .eyebrow{color:#e5ecff}.cta-inner h2{margin-bottom:18px}.cta-inner p:last-child{margin:0}.button-white{background:white;color:var(--blue);border-color:white;gap:25px}.button-white:hover{background:var(--sky)}.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-block:55px 65px;align-items:center}.product-hero h1,.quote-layout h1,.prose h1,.narrow h1{font-size:clamp(2.9rem,5.4vw,5.1rem);font-weight:500;letter-spacing:-.055em}.product-hero figure{height:560px;position:relative}.product-hero img{width:100%;height:100%;object-fit:cover}.product-hero figcaption{position:absolute;bottom:18px;left:18px;background:white;padding:8px 14px;font-size:.75rem}.breadcrumb{display:block;margin-bottom:34px;font-size:.85rem;color:var(--muted)}.narrow{max-width:1000px}.prose{max-width:900px}.prose h2{font-size:1.8rem;margin-top:40px;letter-spacing:-.025em}.prose a{text-decoration:underline;color:var(--blue)}.quote-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start}.contact-panel{border-top:1px solid var(--line);margin-top:35px;padding-top:30px}.contact-panel h2{font-size:1.3rem;letter-spacing:-.02em}.contact-panel a{display:block;color:var(--blue);font-weight:700;margin-bottom:8px;overflow-wrap:anywhere}.contact-panel p{margin-top:24px;color:var(--muted);font-size:.9rem}.form-panel{background:var(--sky);padding:35px}.form-panel h2{font-size:2rem}.form-panel form>p:first-of-type{font-size:.8rem;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.full{grid-column:1/-1}label{display:block;font-size:.86rem;font-weight:600;margin-bottom:8px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #9bacc0;border-radius:var(--radius);padding:12px;color:var(--ink);background:white;min-height:48px}textarea{resize:vertical}input[type=checkbox]{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--blue)}.consent{display:flex;gap:12px;margin-block:24px;font-weight:400;line-height:1.5}.consent a{text-decoration:underline}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{margin:20px 0 0;font-size:.95rem}#form-status.error{color:#9a211c}#form-status.success{color:#125534}button:disabled{opacity:.6;cursor:wait}.confirmation{padding:65px 0}
@media(max-width:1000px){.product-image{height:240px}.gallery img{height:250px}.section-heading{align-items:start}.section-heading>.lead{max-width:310px}.process-grid{gap:28px}.quote-layout{gap:35px}.form-panel{padding:26px}.form-grid{grid-template-columns:1fr}.product-hero figure{height:460px}}
@media(max-width:700px){.section-heading,.cta-inner{display:block}.section-heading>.lead{margin-top:24px;max-width:100%}.product-grid,.gallery,.process-grid,.split,.product-hero,.quote-layout{grid-template-columns:1fr}.product-grid{gap:50px}.product-image{height:320px}.split{gap:45px}.gallery{gap:32px}.gallery img{height:330px}.process-grid{gap:30px}.process-grid span{margin-bottom:20px}.cta-inner .button{margin-top:28px}.product-hero{padding-top:30px;gap:35px}.product-hero figure{height:400px}.product-hero h1,.quote-layout h1{font-size:clamp(2.7rem,10vw,4rem)}.form-panel{padding:24px 20px}.form-panel .button{width:100%}.product-card .text-link{min-height:44px}.table-scroll{margin-right:calc(-1 * var(--space))}.hero-image img{object-position:center 40%}}

/* Keep the skylights visible in the portrait hero photograph. */
.hero-image img,.product-hero img[src*='/hero-'],.product-image img[src*='/hero-']{object-position:center top}

/* Show both skylights and mask the supplied photo's side borders without altering the original. */
.product-hero figure.landscape-photo{height:auto;aspect-ratio:3/2;overflow:hidden}
.product-hero .landscape-photo img{position:absolute;inset:0;object-position:center}
/* Enquiry first on phones; supporting contact details follow the form. */
.quote-layout{grid-template-areas:'intro form' 'help form';row-gap:0}.quote-intro{grid-area:intro}.quote-help{grid-area:help;align-self:start}.quote-layout .form-panel{grid-area:form}.quote-help .contact-panel{margin-top:12px}.attachment-field{margin:0;border:1px solid var(--line);padding:18px;min-width:0}.attachment-field legend{font-weight:700;padding:0 6px}.attachment-field legend span{font-weight:400}.attachment-field p{font-size:.85rem;color:var(--muted);margin:10px 0 0;overflow-wrap:anywhere}.attachment-field input{font-size:.85rem;padding:8px}.attachment-field input::file-selector-button{padding:8px;border:1px solid var(--line);background:var(--sky);color:var(--ink);margin-right:10px}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.option-grid article{padding:28px;border:1px solid var(--line)}.option-grid h3{font-size:1.6rem;line-height:1.2}.option-grid p{color:var(--muted)}.option-grid .text-link{display:block}.spec-panel{padding:32px;background:var(--sky);margin-top:32px}.shape-demo,.operation-demo,.finish-demo{display:flex;gap:12px;align-items:center;height:90px;margin-bottom:26px}.shape-demo span{border:3px solid var(--ink);background:var(--sky);display:block;height:45px;width:45px}.shape-demo .shape-wide{width:75px;height:35px}.shape-demo .shape-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--blue);border:0}.operation-demo span{border:3px solid var(--ink);display:block;background:var(--sky);width:70px;height:38px;transform:skew(-15deg)}.operation-demo .open{transform:skew(-15deg) rotate(-20deg);border-color:var(--blue)}.finish-demo span{width:48px;height:48px;border-radius:50%;background:#edf3fb;border:2px solid var(--ink)}.finish-demo span:nth-child(2){background:#93b0c2}.finish-demo span:nth-child(3){background:#344a60}.access-diagram{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--sky);padding:32px;margin:36px 0}.access-diagram strong,.access-diagram small{display:block}.access-diagram strong{font-size:1.3rem}.access-diagram small{color:var(--muted)}
@media(max-width:1000px){.nav-links{gap:15px;font-size:.83rem}.option-grid{gap:16px}.option-grid article{padding:22px}}
@media(max-width:700px){.quote-layout{grid-template-areas:'intro' 'form' 'help';padding-top:28px;gap:22px}.quote-intro .eyebrow{margin-bottom:12px}.quote-intro h1{font-size:2.6rem;margin-bottom:16px}.quote-intro .lead{font-size:1rem;margin-bottom:0}.quote-layout .form-panel{padding:22px 18px}.quote-layout .form-panel h2{font-size:1.45rem;margin-bottom:12px}.quote-help .contact-panel{margin-top:15px}.option-grid{grid-template-columns:1fr}.access-diagram{flex-direction:column;align-items:flex-start}.access-diagram>span:nth-child(even){transform:rotate(90deg)}.spec-panel{padding:24px}.nav-links{font-size:1rem}}
@media print{.site-header,.site-footer,.utility,.cta-band,.button,.menu-toggle{display:none}.section{padding-block:20px}.container{padding-inline:0}body{font-size:11pt;color:#000}a{text-decoration:underline}.option-grid,.split{display:block}.quote-brief,.option-grid article{break-inside:avoid}.access-diagram{background:none}}
.video-frame{aspect-ratio:16/9;background:var(--sky);display:grid;place-items:center;margin-bottom:24px}.video-frame iframe{width:100%;height:100%;border:0}.video-frame .button{min-width:130px}

/* Portrait footage retains its original framing; reserved space prevents layout shifts. */
.video-frame--portrait{aspect-ratio:9/16;position:relative;overflow:hidden}.video-frame--portrait>img,.video-frame--portrait>iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-frame--portrait>.button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 24px #0d243b55}.project-video-grid h3{font-size:1.5rem}.project-video-grid article{display:flex;flex-direction:column}.project-video-grid .text-link{margin-top:auto}.project-video-grid p{margin-bottom:22px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Manufacturer guidance: readable specification rows and model cards at every width. */
.product-guidance{border-top:1px solid var(--line)}
.product-guidance .small-note{font-size:.875rem;line-height:1.65}
.option-number{display:block;color:var(--blue);font-size:.875rem;font-weight:700;margin-bottom:24px}
.specification-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:48px;padding:36px;background:var(--sky);margin-top:36px}
.specification-panel h3{font-size:1.85rem;line-height:1.2;margin-bottom:18px}
.specification-panel p{color:var(--muted)}
.specification-list{margin:0;min-width:0}
.specification-list>div{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.specification-list>div:first-child{padding-top:0}
.specification-list>div:last-child{border-bottom:0;padding-bottom:0}
.specification-list dt{font-weight:700}
.specification-list dd{margin:0;color:var(--muted);overflow-wrap:anywhere}
.selection-note{border-left:4px solid var(--blue);padding:8px 0 8px 28px;margin-top:44px;max-width:950px}
.selection-note h3{font-size:1.65rem;line-height:1.25}
.selection-note ol{padding-left:22px;margin:22px 0 26px}
.selection-note li{padding-left:6px;margin-bottom:14px}
.model-jump-links{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.model-jump-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);font-weight:700;text-decoration:none;color:var(--ink)}
.model-jump-links a:hover{border-color:var(--blue);color:var(--blue)}
.model-group{margin-top:48px;scroll-margin-top:110px}
.model-group>h3{font-size:1.9rem;line-height:1.3}
.model-group>h3 span{display:block;font-size:.875rem;font-weight:400;letter-spacing:.04em;color:var(--muted);margin-top:10px}
.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px;margin-top:24px}
.model-card{padding:26px;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.model-card h4{font-size:2rem;line-height:1.1;color:var(--blue);margin:0 0 10px}
.model-card .model-name{font-weight:700;margin:0 0 26px}
.model-card .specification-list>div{grid-template-columns:1fr;gap:6px}
.model-card .specification-list dt{font-size:.875rem}
.model-card .model-note{color:var(--muted);margin:22px 0}
.model-card>.text-link{margin-top:auto;font-size:.875rem;min-height:44px;display:flex;align-items:center}
#project-videos,#product-options,#velux-quote-scope{scroll-margin-top:100px}
@media(max-width:700px){.specification-panel{grid-template-columns:1fr;padding:24px;gap:28px}.specification-list>div{grid-template-columns:1fr;gap:8px}.selection-note{padding-left:18px}.product-guidance .option-grid{margin-top:24px}.model-card{padding:24px}.model-group>h3{font-size:1.6rem}}

/* The expanded navigation collapses before its links crowd the brand. */
@media(min-width:701px) and (max-width:1000px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:88px;left:0;right:0;background:white;box-shadow:0 18px 25px #0d243b15;padding:20px var(--space);align-items:stretch;gap:12px}.nav-links.is-open{display:flex;flex-direction:column}.nav-links>a:not(.button){padding:8px 0}}

/* Reading width and spacing for the editorial planning guides. */
.guide-article{padding-bottom:80px}.guide-article>h2:first-child{margin-top:0}.guide-article .source-note{border-top:1px solid var(--line);margin-top:40px;font-size:.9rem}.guide-article .source-note h2{font-size:1.3rem}.guide-article .table-scroll{margin-block:28px}.guide-article .check-list{padding-left:1.3rem}
