/*
Theme Name: A1 Solar Child
Template: blocksy
Version: 1.0.0
Description: A1 Solar battery guides design layer
*/
:root{--a1-ink:#0f1f2e;--a1-navy:#0b3b5c;--a1-teal:#0e8a7d;--a1-amber:#f2a516;--a1-bg:#f5f8fa;--a1-line:#dbe4ea;--a1-muted:#566575}
body{color:var(--a1-ink);-webkit-font-smoothing:antialiased}
.entry-content{font-size:1.07rem;line-height:1.72}
.entry-content h2{margin-top:2.2em;padding-top:.2em;font-size:1.65rem;letter-spacing:-.01em;color:var(--a1-navy)}
.entry-content h3{margin-top:1.6em;font-size:1.25rem;color:var(--a1-ink)}
.entry-content a{color:var(--a1-teal);text-decoration-thickness:1px;text-underline-offset:3px}
.entry-content a:hover{color:var(--a1-navy)}
.entry-content table{width:100%;border-collapse:collapse;font-size:.95rem;margin:1.4em 0}
.entry-content th{background:var(--a1-navy);color:#fff;text-align:left;font-weight:600}
.entry-content th,.entry-content td{padding:.6em .8em;border:1px solid var(--a1-line)}
.entry-content tbody tr:nth-child(even){background:var(--a1-bg)}
.a1-wrap{overflow-x:auto}
.a1-hero{background:linear-gradient(135deg,#0b3b5c 0%,#0e6a7d 100%);color:#fff;border-radius:18px;padding:clamp(28px,5vw,64px);margin:0 0 2.2em}
.a1-hero h1{color:#fff;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.12;margin:0 0 .5em;letter-spacing:-.02em}
.a1-hero p{font-size:1.15rem;max-width:44em;opacity:.95;margin:0 0 1.2em}
.a1-btn{display:inline-block;background:var(--a1-amber);color:#1b1500!important;font-weight:700;padding:.75em 1.4em;border-radius:10px;text-decoration:none!important;margin:.2em .5em .2em 0}
.a1-btn.alt{background:transparent;border:2px solid rgba(255,255,255,.7);color:#fff!important}
.a1-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:1.4em 0}
.a1-card{background:#fff;border:1px solid var(--a1-line);border-radius:14px;padding:20px 22px;box-shadow:0 1px 2px rgba(15,31,46,.04)}
.a1-card h3{margin:.1em 0 .4em;font-size:1.1rem}
.a1-card p{margin:0;color:var(--a1-muted);font-size:.97rem;line-height:1.55}
.a1-card a.more{display:inline-block;margin-top:.7em;font-weight:600}
.a1-note{border-left:4px solid var(--a1-teal);background:#eef8f6;padding:14px 18px;border-radius:0 10px 10px 0;margin:1.4em 0}
.a1-warn{border-left-color:var(--a1-amber);background:#fff7e6}
.a1-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:1.4em 0}
.a1-fact{background:var(--a1-bg);border-radius:12px;padding:14px 16px;text-align:center}
.a1-fact b{display:block;font-size:1.5rem;color:var(--a1-navy)}
.a1-fact span{font-size:.85rem;color:var(--a1-muted)}
.a1-toc{background:var(--a1-bg);border:1px solid var(--a1-line);border-radius:12px;padding:14px 20px;margin:1.4em 0}
.a1-meta{color:var(--a1-muted);font-size:.9rem;margin-bottom:1.4em}
.a1-faq details{border:1px solid var(--a1-line);border-radius:10px;padding:12px 16px;margin:.6em 0;background:#fff}
.a1-faq summary{font-weight:600;cursor:pointer}
.a1-calc{background:var(--a1-bg);border:1px solid var(--a1-line);border-radius:16px;padding:22px;margin:1.4em 0}
.a1-calc label{display:block;font-weight:600;margin:.8em 0 .25em}
.a1-calc input,.a1-calc select{width:100%;max-width:340px;padding:.55em .7em;border:1px solid var(--a1-line);border-radius:8px;font-size:1rem}
.a1-calc .out{margin-top:1.2em;font-size:1.05rem}
.a1-calc .out b{color:var(--a1-navy)}
@media(max-width:600px){.entry-content{font-size:1.02rem}}

/* ---------- v2: reference-site components ---------- */
.a1-svg{width:100%;height:auto;max-width:640px;display:block;margin:1.2em auto}
.svg-mod{fill:#e9eef3;stroke:#0b3b5c;stroke-width:2}.svg-cells{fill:#0f2a47;stroke:#26496b;stroke-width:1}
.svg-dim,.svg-ax,.svg-grid{stroke:#6b7b8c;stroke-width:1;fill:none}.svg-grid{stroke-dasharray:4 3}
.svg-t{font:600 13px system-ui,sans-serif;fill:#0f1f2e}.svg-s{font:12px system-ui,sans-serif;fill:#566575}
.svg-i{stroke:#0e8a7d;stroke-width:2.5}.svg-p{stroke:#e08a00;stroke-width:2.5}.svg-pt{fill:#0b3b5c}
.svg-i-t{font:600 12px system-ui;fill:#0e8a7d}.svg-p-t{font:600 12px system-ui;fill:#e08a00}
.svg-bar{fill:#0b3b5c}.svg-bar.alt{fill:#0e8a7d}
.svg-box{fill:#eaf2f8;stroke:#0b3b5c;stroke-width:1.5}.svg-box.alt{fill:#fff4dc;stroke:#c98500}.svg-bt{font:600 12px system-ui;fill:#0f1f2e}
.svg-arrow{stroke:#0b3b5c;stroke-width:2}.svg-ah{fill:#0b3b5c}
@media (prefers-color-scheme:dark){.svg-mod{fill:#2a3948}.svg-t,.svg-bt,.svg-s{fill:#d8e2ea}.svg-box{fill:#1b2b3a}.svg-box.alt{fill:#3a3020}.svg-dim,.svg-ax{stroke:#8ea0b2}}
.a1-fig{margin:1.6em 0}.a1-fig img{width:100%;height:auto;border-radius:12px;display:block}
.a1-fig figcaption{font-size:.88rem;color:var(--a1-muted);margin-top:.5em;line-height:1.45}
.a1-fig.side{float:right;width:min(46%,380px);margin:.3em 0 1em 1.4em}
@media(max-width:700px){.a1-fig.side{float:none;width:100%;margin:1.2em 0}}
.a1-src{border:1px solid var(--a1-line);background:var(--a1-bg);border-radius:10px;padding:12px 16px;margin:2em 0 0;font-size:.9rem}
.a1-src h2,.a1-src h3{margin:0 0 .4em!important;font-size:1rem!important;color:var(--a1-ink)!important}
.a1-src ul{margin:.3em 0 0;padding-left:1.2em}
.a1-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:1.4em 0}
.a1-tile{background:#fff;border:1px solid var(--a1-line);border-radius:12px;overflow:hidden;text-decoration:none!important;color:inherit!important;display:block}
.a1-tile:hover{border-color:var(--a1-teal);box-shadow:0 4px 14px rgba(15,31,46,.08)}
.a1-tile .ph{aspect-ratio:3/2;background:#0f2a47;display:flex;align-items:center;justify-content:center;color:#fff}
.a1-tile .ph b{font-size:1.8rem;letter-spacing:-.02em}.a1-tile .ph span{display:block;font-size:.8rem;opacity:.8;text-align:center}
.a1-tile img{width:100%;height:100%;object-fit:cover;display:block}
.a1-tile .tx{padding:12px 14px}.a1-tile .tx b{display:block;color:var(--a1-ink)}.a1-tile .tx span{font-size:.88rem;color:var(--a1-muted)}
.a1-hero2{position:relative;border-radius:18px;overflow:hidden;min-height:420px;display:flex;align-items:flex-end;margin:0 0 2em;color:#fff;background:#0f2a47}
.a1-hero2 img,.a1-hero2 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.a1-hero2:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,22,38,.1) 20%,rgba(6,22,38,.78))}
.a1-hero2 .in{position:relative;z-index:2;padding:clamp(22px,4vw,48px);max-width:46em}
.a1-hero2 .h,.a1-hero2 h1{color:#fff;font-weight:700;font-size:clamp(1.8rem,4.2vw,2.9rem);line-height:1.1;margin:0 0 .4em;letter-spacing:-.02em}
.a1-hero2 p{font-size:1.1rem;margin:0 0 1em;opacity:.95}
.a1-stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:1.4em 0}
.a1-stat div{border-left:3px solid var(--a1-teal);padding:2px 0 2px 12px}.a1-stat b{display:block;font-size:1.35rem;color:var(--a1-navy)}.a1-stat span{font-size:.85rem;color:var(--a1-muted)}
.a1-video{margin:1.6em 0}.a1-video video{width:100%;border-radius:12px;background:#000}
.a1-center{text-align:center;margin:2.5em 0}
.a1-bom{font-size:.93rem}
.ct-footer .a1-footlink{text-align:center}
.ct-footer-copyright,.ct-footer [data-column="copyright"]{text-align:center!important;justify-content:center}
.ct-footer-copyright p{margin:.3em 0}
.site-title a{font-weight:800;letter-spacing:-.02em;color:var(--a1-navy)}
.a1-fn{font-size:.85rem;color:var(--a1-muted)}
.a1-wrap table.a1-bom th{width:28%;background:var(--a1-bg);color:var(--a1-ink)}
@media (prefers-reduced-motion:reduce){.a1-hero2 video{display:none}}

.a1-contact{max-width:560px;margin:0 auto;text-align:center}
.a1-contact h2{margin-top:1.4em}
.ct-footer [data-column^="widget-area"]{text-align:center;justify-content:center}
.ct-footer .widget_media_image{display:flex;flex-direction:column;align-items:center;text-align:center}
.ct-footer .widget_media_image p{margin:.4em 0 0}
.ct-footer .wp-block-image{display:block;text-align:center;margin:0}
.ct-footer .wp-block-image img,.ct-footer .widget_media_image img{margin-inline:auto}

.svg-t,.svg-s{paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
@media (prefers-color-scheme:dark){.svg-t,.svg-s{stroke:#0f1f2e}}

.svg-cell{fill:#1b3a5c;stroke:#3d6a99;stroke-width:.6}
.a1-fig.prod{margin:1.2em auto 1.6em;text-align:center}
.a1-fig.prod img{max-height:360px;width:auto;max-width:100%;margin:0 auto;background:#eef1f4;border-radius:12px}
.a1-hero2{min-height:300px}
.a1-video{max-width:520px;margin:1.6em auto}
.site-logo-container img,.ct-header .site-logo-container .default-logo{height:46px;width:auto;max-width:none}
.ct-header .site-title-container,.ct-header .site-description{display:none!important}

.a1-grid.c3{grid-template-columns:repeat(3,1fr)}.a1-grid.c4{grid-template-columns:repeat(4,1fr)}.a1-grid.c5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.a1-grid.c5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.a1-grid.c3,.a1-grid.c4,.a1-grid.c5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.a1-grid.c3,.a1-grid.c4,.a1-grid.c5{grid-template-columns:1fr}}

.a1-tile .ph.prod{background:#eef1f4;position:relative}
.a1-tile .ph.prod img{object-fit:contain;padding:14px}
.a1-tile .ph .badge{position:absolute;left:10px;top:10px;background:#0b3b5c;color:#fff;font-weight:700;font-size:.85rem;padding:3px 9px;border-radius:999px}
.a1-video{max-width:none;margin:2em 0}
.a1-video video{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:14px}
.a1-map{margin:1.6em 0}.a1-map iframe{width:100%;height:340px;border:0;border-radius:12px;background:#e8edf2}
.a1-contact{max-width:760px}
.a1-video{max-width:1000px;margin:2em auto}
.a1-video video{aspect-ratio:5/2}
.a1-video .a1-meta{text-align:center}

/* ---- guide template ---- */
.svg-b{stroke:#6a4fb3;stroke-width:2.5}.svg-box.bad{fill:#fdeceb;stroke:#c0392b}.svg-box.good{fill:#e8f6ef;stroke:#1e8e5a}
.svg-wire{stroke:#0b3b5c;stroke-width:2.5;fill:none}.svg-cl{font:600 12px system-ui;fill:#fff}
.a1-svg.wide{max-width:760px}
.a1-bc{font-size:.85rem;color:var(--a1-muted);margin:0 0 .8em}.a1-bc a{color:var(--a1-muted);text-decoration:none}.a1-bc a:hover{color:var(--a1-teal)}
.a1-bc span{margin:0 .4em;opacity:.6}
.a1-ghero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;background:#eef3f6;border-radius:18px;padding:clamp(20px,3.5vw,40px);margin:0 0 1.6em}
.a1-ghero h1{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.12;margin:.1em 0 .45em;letter-spacing:-.02em;color:var(--a1-ink)}
.a1-ghero .a1-lede{font-size:1.1rem;line-height:1.55;color:#2d3e4d;margin:0 0 .9em}
.a1-ghero .a1-byline{font-size:.85rem;color:var(--a1-muted);margin:0}
.a1-ghero figure{margin:0}.a1-ghero img{width:100%;height:100%;max-height:340px;object-fit:cover;border-radius:14px;display:block}
@media(max-width:860px){.a1-ghero{grid-template-columns:1fr}}
.a1-gwrap{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:start}
.a1-toc{position:sticky;top:90px;font-size:.92rem}
.a1-toc-in{background:var(--a1-bg);border:1px solid var(--a1-line);border-radius:12px;padding:14px 16px}
.a1-toc b{display:block;margin-bottom:.5em;color:var(--a1-navy)}
.a1-toc ol{list-style:none;margin:0;padding:0}.a1-toc li{margin:.35em 0}
.a1-toc a{color:#2d3e4d;text-decoration:none;display:block;border-left:2px solid transparent;padding-left:8px;line-height:1.35}
.a1-toc a:hover,.a1-toc a.on{color:var(--a1-teal);border-left-color:var(--a1-teal)}
@media(max-width:980px){.a1-gwrap{grid-template-columns:1fr}.a1-toc{position:static}}
.a1-take{background:#fff8e6;border:1px solid #f0d48a;border-radius:14px;padding:16px 20px;margin:0 0 1.8em}
.a1-take h2{margin:0 0 .4em!important;padding:0!important;font-size:1.05rem!important;color:#7a5200!important}
.a1-take ul{margin:0;padding-left:1.2em}.a1-take li{margin:.35em 0}
.a1-gbody h2{scroll-margin-top:90px}
.a1-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0b3b5c,#0e6a7d);color:#fff;border-radius:16px;padding:20px 24px;margin:2.2em 0 0}
.a1-cta b{font-size:1.15rem}.a1-cta p{margin:.2em 0 0;opacity:.9}
.a1-rel{margin-top:2em}