.at-diy-front{--at-diy-text:#192435;background:#f4f6f9;color:var(--at-diy-text);min-height:60vh}.at-diy-layout{max-width:1380px;margin:0 auto;padding:22px;display:flex;flex-wrap:wrap;gap:20px}.at-diy-block{width:calc(var(--at-diy-width) - 10px);min-width:280px;box-sizing:border-box}.at-diy-block:not(.at-diy-block--banner):not(.at-diy-block--spacer):not(.at-diy-block--divider){background:#fff;border-radius:15px;padding:24px;box-shadow:0 8px 28px rgba(15,23,42,.06)}.at-diy-block--banner{width:100%}.at-diy-banner{position:relative;min-height:470px;border-radius:18px;overflow:hidden;background:#17263b}.at-diy-banner article{position:absolute;inset:0;opacity:0;transition:opacity .45s}.at-diy-banner article.is-active{opacity:1;z-index:1}.at-diy-banner img,.at-diy-banner video{width:100%;height:100%;object-fit:cover}.at-diy-banner__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,22,38,.8),rgba(12,22,38,.1))}.at-diy-banner__copy{position:absolute;z-index:2;left:6%;bottom:12%;max-width:650px;color:#fff}.at-diy-banner__copy span,.at-diy-intro span,.at-diy-head span{font-size:12px;letter-spacing:.17em}.at-diy-banner__copy h1{font-size:clamp(32px,5vw,66px);margin:10px 0}.at-diy-banner__copy a,.at-diy-button,.at-diy-more a{display:inline-flex;padding:11px 20px;border-radius:8px;background:var(--at-accent);color:#fff;text-decoration:none}.at-diy-nav{display:flex;gap:10px;flex-wrap:wrap}.at-diy-nav a{padding:8px 15px;border-radius:99px;background:#edf2f7;color:#334155;text-decoration:none}.at-diy-nav a.is-active{background:var(--at-accent);color:#fff}.at-diy-intro{display:grid;grid-template-columns:260px 1fr;gap:28px}.at-diy-intro h2,.at-diy-head h2{font-size:28px;margin:6px 0}.at-diy-intro p{line-height:1.9;margin:0}.at-diy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.at-diy-cards>a,.at-diy-list>a{color:inherit;text-decoration:none}.at-diy-cards>a{border:1px solid #e1e7ef;border-radius:12px;overflow:hidden}.at-diy-card-media{height:180px;background:#e9edf3}.at-diy-card-media img{width:100%;height:100%;object-fit:cover}.at-diy-card-media span{display:grid;place-items:center;height:100%;color:#728197}.at-diy-cards>a>div:last-child,.at-diy-list>a>div{padding:14px}.at-diy-cards h3,.at-diy-list h3{margin:5px 0}.at-diy-cards p,.at-diy-list p{color:#667085}.at-diy-list>a{display:grid;grid-template-columns:1fr;gap:10px;border-bottom:1px solid #e4e9f0}.at-diy-announcements{padding:0;list-style:none}.at-diy-announcements li{display:grid;grid-template-columns:65px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #e5eaf0}.at-diy-announcements a{color:inherit;text-decoration:none}.at-diy-image{max-width:100%;display:block;border-radius:12px}.at-diy-image-text{display:grid;grid-template-columns:minmax(200px,40%) 1fr;gap:22px}.at-diy-image-text img{width:100%;height:100%;object-fit:cover;border-radius:10px}.at-diy-icon{display:flex;align-items:center;gap:14px}.at-diy-icon b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--at-accent);color:#fff}.at-diy-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.at-diy-gallery figure{margin:0}.at-diy-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px}.at-diy-rich{line-height:1.9}.at-diy-rich img,.at-diy-media video,.at-diy-media iframe{max-width:100%}.at-diy-media video,.at-diy-media iframe{width:100%;min-height:420px}.at-diy-media audio{width:100%}.at-diy-divider{border:0;border-top:1px solid #ced6e2}.at-diy-empty{text-align:center;color:#718096;padding:30px}
@media(max-width:800px){.at-diy-layout{padding:10px;gap:12px}.at-diy-block{width:100%;min-width:0}.at-diy-block:not(.at-diy-block--banner):not(.at-diy-block--spacer):not(.at-diy-block--divider){padding:16px;border-radius:11px}.at-diy-banner{min-height:360px;border-radius:10px}.at-diy-banner__copy{left:7%;right:7%;bottom:10%}.at-diy-intro{grid-template-columns:1fr;gap:8px}.at-diy-cards,.at-diy-gallery{grid-template-columns:1fr}.at-diy-image-text{grid-template-columns:1fr}.at-diy-media video,.at-diy-media iframe{min-height:230px}}

.at-diy-block{padding-top:var(--topic-diy-pad-top,0);padding-bottom:var(--topic-diy-pad-bottom,0);color:var(--topic-diy-text,inherit);text-align:var(--topic-diy-align,inherit)}
.at-diy-block[style*="--topic-diy-bg"]{background:var(--topic-diy-bg)!important}
.at-diy-block.is-align-center{text-align:center}.at-diy-block.is-align-right{text-align:right}
.at-diy-banner picture{position:absolute;inset:0}.at-diy-banner__shade{background:linear-gradient(90deg,rgba(12,22,38,var(--at-banner-overlay,.8)),rgba(12,22,38,.08))}
.at-diy-banner__dots{position:absolute;z-index:5;display:flex;gap:7px;right:5%;bottom:22px}.at-diy-banner__dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.48)}.at-diy-banner__dots button.is-active{width:26px;border-radius:99px;background:#fff}
.at-diy-figure{margin:0}.at-diy-figure picture{display:block}.at-diy-figure img{width:100%;aspect-ratio:var(--topic-image-ratio,auto);object-fit:var(--topic-image-fit,cover);border-radius:var(--topic-diy-radius,12px)}.at-diy-figure figcaption{padding:9px 2px;color:#667085}.at-diy-image-link{color:inherit;text-decoration:none}
.at-diy-gallery{grid-template-columns:repeat(var(--topic-diy-columns,3),1fr)}.at-diy-gallery>a{color:inherit;text-decoration:none}.at-diy-gallery figcaption{display:grid;gap:3px;padding-top:7px}.at-diy-gallery figcaption small{color:#718096}
.at-diy-button.is-outline{border:1px solid var(--topic-diy-accent,var(--at-accent));background:transparent;color:var(--topic-diy-accent,var(--at-accent))}.at-diy-button.is-secondary{background:#334155}
.topic-diy-section-head h2{margin:0 0 18px;font-size:28px}.topic-diy-empty{grid-column:1/-1;color:#718096;text-align:center}
.topic-diy-quote{position:relative;margin:0;padding:30px 34px;border-left:5px solid var(--topic-diy-accent,var(--at-accent));border-radius:var(--topic-diy-radius,14px);background:var(--topic-diy-bg,#f6f8fb);text-align:left}.topic-diy-quote>span{position:absolute;top:3px;right:22px;color:var(--topic-diy-accent,var(--at-accent));font:70px/1 Georgia,serif;opacity:.2}.topic-diy-quote p{margin:0;font-size:clamp(20px,2.4vw,32px);font-weight:700;line-height:1.65}.topic-diy-quote cite{display:block;margin-top:16px;color:#667085;font-style:normal}
.topic-diy-notice{padding:20px 22px;border-left:5px solid var(--topic-diy-accent,#2f6fed);border-radius:var(--topic-diy-radius,12px);background:var(--topic-diy-bg,#eef4ff);text-align:left}.topic-diy-notice strong{font-size:18px}.topic-diy-notice p{margin:7px 0 0;line-height:1.75}.topic-diy-notice--success{--topic-diy-accent:#15803d;--topic-diy-bg:#ecfdf3}.topic-diy-notice--warning{--topic-diy-accent:#b45309;--topic-diy-bg:#fff7ed}.topic-diy-notice--danger{--topic-diy-accent:#b91c1c;--topic-diy-bg:#fef2f2}
.topic-diy-stats{display:grid;grid-template-columns:repeat(var(--topic-diy-columns,4),1fr);gap:14px}.topic-diy-stats>a,.topic-diy-stats>article{display:grid;gap:5px;min-width:0;padding:22px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;color:inherit;text-decoration:none;text-align:center}.topic-diy-stats i{font-style:normal;font-size:26px}.topic-diy-stats strong{color:var(--topic-diy-accent,var(--at-accent));font-size:30px}.topic-diy-stats b{font-size:15px}.topic-diy-stats small{color:#718096}
.topic-diy-timeline{position:relative;display:grid;gap:0;margin:0;padding:0;list-style:none;text-align:left}.topic-diy-timeline:before{content:"";position:absolute;top:12px;bottom:12px;left:112px;width:2px;background:#dbe3ee}.topic-diy-timeline li{position:relative;display:grid;grid-template-columns:92px 1fr;gap:38px;padding:0 0 28px}.topic-diy-timeline li:before{content:"";position:absolute;top:8px;left:106px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--topic-diy-accent,var(--at-accent));box-shadow:0 0 0 2px var(--topic-diy-accent,var(--at-accent))}.topic-diy-timeline time{color:var(--topic-diy-accent,var(--at-accent));font-weight:700}.topic-diy-timeline h3{margin:0}.topic-diy-timeline p{margin:7px 0;line-height:1.7}.topic-diy-timeline a{color:var(--topic-diy-accent,var(--at-accent))}
.topic-diy-faq{display:grid;gap:9px;text-align:left}.topic-diy-faq details{border:1px solid #dfe6ef;border-radius:11px;background:#fff}.topic-diy-faq summary{padding:16px 18px;cursor:pointer;font-weight:700}.topic-diy-faq details>div{padding:0 18px 18px;color:#526071;line-height:1.8}
.topic-diy-tabs{text-align:left}.topic-diy-tabs>[role=tablist]{display:flex;gap:8px;overflow:auto;padding-bottom:10px;border-bottom:1px solid #dde4ee}.topic-diy-tabs [role=tab]{flex:none;padding:9px 16px;border:0;border-radius:8px;background:#edf2f7;color:#334155}.topic-diy-tabs [role=tab][aria-selected=true]{background:var(--topic-diy-accent,var(--at-accent));color:#fff}.topic-diy-tabs [role=tabpanel]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:20px;padding-top:20px;line-height:1.8}.topic-diy-tabs [role=tabpanel][hidden]{display:none}.topic-diy-tabs img{width:100%;max-height:300px;border-radius:10px;object-fit:cover}
.topic-diy-logo-wall{display:grid;grid-template-columns:repeat(var(--topic-diy-columns,5),1fr);gap:12px}.topic-diy-logo-wall>a,.topic-diy-logo-wall>figure{display:grid;place-items:center;gap:7px;min-height:100px;margin:0;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:inherit;text-decoration:none}.topic-diy-logo-wall img{max-width:100%;max-height:64px;object-fit:contain}.topic-diy-logo-wall figcaption{font-size:12px;color:#64748b}
.topic-diy-downloads{display:grid;gap:9px}.topic-diy-downloads>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;border:1px solid #e0e7ef;border-radius:10px;color:inherit;text-decoration:none}.topic-diy-downloads span{display:grid;gap:3px;text-align:left}.topic-diy-downloads small{color:#64748b}.topic-diy-downloads b{flex:none;padding:7px 13px;border-radius:7px;background:var(--topic-diy-accent,var(--at-accent));color:#fff}
.topic-diy-contact{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;text-align:left}.topic-diy-contact small,.topic-diy-map small{color:var(--topic-diy-accent,var(--at-accent));letter-spacing:.14em}.topic-diy-contact h2,.topic-diy-map h2{margin:5px 0}.topic-diy-contact dl{display:grid;gap:9px;margin:0}.topic-diy-contact dl>div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.topic-diy-contact dt{color:#64748b}.topic-diy-contact dd{margin:0}
.topic-diy-map{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;text-align:left}.topic-diy-map>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--topic-diy-accent,var(--at-accent));color:#fff;font-size:30px}.topic-diy-map p{margin:5px 0;color:#64748b}.topic-diy-map>a{padding:10px 16px;border-radius:8px;background:var(--topic-diy-accent,var(--at-accent));color:#fff;text-decoration:none}
@media(max-width:800px){.topic-diy-stats,.topic-diy-logo-wall{grid-template-columns:repeat(2,1fr)}.topic-diy-timeline:before{left:6px}.topic-diy-timeline li{grid-template-columns:1fr;gap:6px;padding-left:28px}.topic-diy-timeline li:before{left:0}.topic-diy-tabs [role=tabpanel],.topic-diy-contact{grid-template-columns:1fr}.topic-diy-map{grid-template-columns:auto 1fr}.topic-diy-map>a{grid-column:1/-1;text-align:center}}
.at-diy-cards{grid-template-columns:repeat(var(--topic-diy-columns,3),1fr)}
.at-diy-announcements li{display:flex;grid-template-columns:none}
.at-diy-image-text picture{display:block}.at-diy-image-text.is-image-right picture{grid-column:2;grid-row:1}.at-diy-image-text.is-image-right>div{grid-column:1;grid-row:1}.at-diy-image-text.is-image-top{grid-template-columns:1fr}
.at-diy-icon>b{background:var(--topic-diy-accent,var(--at-accent))}.at-diy-icon>span{display:grid;gap:3px;text-align:left}.at-diy-icon span strong{font-weight:700}.at-diy-icon small{color:#667085}
.at-diy-gallery img{aspect-ratio:var(--topic-image-ratio,4/3)}
.topic-diy-link-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #dfe6ef;border-radius:var(--topic-diy-radius,12px);background:var(--topic-diy-bg,#fff);color:inherit;text-decoration:none}.topic-diy-link-card>span{display:grid;gap:4px;text-align:left}.topic-diy-link-card small{color:#64748b}.topic-diy-link-card>b{flex:none;color:var(--topic-diy-accent,var(--at-accent))}
.at-diy-media video,.at-diy-media iframe{aspect-ratio:var(--topic-media-ratio,16/9);min-height:0;object-fit:contain}
@media(max-width:800px){.at-diy-cards{grid-template-columns:1fr}.at-diy-image-text.is-image-right picture,.at-diy-image-text.is-image-right>div{grid-column:1;grid-row:auto}.topic-diy-link-card{align-items:flex-start;flex-direction:column}}