body[data-sol=safety]{--sol:var(--c-safety)}body[data-sol=solar]{--sol:oklch(58% .12 60)}body[data-sol=privacy]{--sol:oklch(50% .085 195)}body[data-sol=decor]{--sol:var(--c-decor)}.page-head h1 .em{color:var(--sol,var(--accent-2))}.sol-intro{background:var(--paper)}.sol-intro .lead-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:clamp(32px,5vw,72px);display:grid}@media (width<=880px){.sol-intro .lead-grid{grid-template-columns:1fr;gap:36px}}.sol-intro h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(26px,3.2vw,38px)}.sol-intro .lead-copy p{color:var(--ink-soft);max-width:56ch;margin-top:16px;font-size:clamp(15px,1.6vw,17px);line-height:1.7}.sol-intro .lead-copy p b{color:var(--ink);font-weight:700}.answer-card{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--sol);border-radius:var(--r-m);box-shadow:var(--shadow-s);padding:26px 28px}.answer-card .ac-k{letter-spacing:.12em;text-transform:uppercase;color:var(--sol);font-family:IBM Plex Mono,monospace;font-size:11px}.answer-card p{color:var(--ink-2);margin-top:12px;font-size:16px;line-height:1.66}.answer-card .ac-stats{border-top:1px solid var(--line-soft);gap:26px;margin-top:22px;padding-top:20px;display:flex}.answer-card .ac-stats .v{letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:800}.answer-card .ac-stats .v span{color:var(--sol)}.answer-card .ac-stats .k{color:var(--ink-soft);margin-top:3px;font-size:12px}.benefits{background:var(--paper-2);border-block:1px solid var(--line)}.ben-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;display:grid}@media (width<=900px){.ben-grid{grid-template-columns:1fr}}.ben-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);padding:28px 26px;transition:transform .2s,box-shadow .2s,border-color .2s}.ben-card:hover{box-shadow:var(--shadow-m);border-color:var(--line-soft);transform:translateY(-4px)}.ben-card .ben-ic{border-radius:var(--r-m);background:color-mix(in oklch, var(--sol) 12%, white);border:1px solid color-mix(in oklch, var(--sol) 28%, var(--line));place-items:center;width:46px;height:46px;display:grid}.ben-card .ben-ic svg{width:24px;height:24px;color:var(--sol)}.ben-card h3{letter-spacing:-.02em;margin-top:20px;font-size:19px}.ben-card p{color:var(--ink-soft);margin-top:10px;font-size:14.5px;line-height:1.6}.sol-films{background:var(--paper)}.sol-films .filmnote{letter-spacing:.04em;color:var(--ink-soft);margin-top:14px;font-family:IBM Plex Mono,monospace;font-size:12px}.faq{background:var(--paper-2);border-top:1px solid var(--line)}.faq-list{flex-direction:column;gap:12px;max-width:820px;margin:44px auto 0;display:flex}.faq-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}.faq-item summary{cursor:pointer;letter-spacing:-.01em;color:var(--ink);justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;font-size:17px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .q-ic{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;transition:transform .2s,background .2s,border-color .2s;display:grid}.faq-item summary .q-ic svg{width:14px;height:14px;color:var(--sol)}.faq-item[open] summary .q-ic{background:var(--sol);border-color:var(--sol);transform:rotate(45deg)}.faq-item[open] summary .q-ic svg{color:#fff}.faq-item .faq-a{padding:0 24px 22px}.faq-item .faq-a p{color:var(--ink-soft);max-width:64ch;font-size:15px;line-height:1.7}.related{background:var(--paper);border-top:1px solid var(--line)}.rel-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;display:grid}@media (width<=720px){.rel-grid{grid-template-columns:1fr}}.rel-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.rel-card:hover{box-shadow:var(--shadow-m);border-color:var(--line-soft);transform:translateY(-3px)}.rel-card .rc-k{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:11px}.rel-card h3{letter-spacing:-.02em;margin-top:6px;font-size:19px}.rel-card .rc-arrow{background:var(--paper-2);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.rel-card .rc-arrow svg{width:18px;height:18px;color:var(--accent-deep);transition:transform .2s}.rel-card:hover .rc-arrow svg{transform:translate(3px)}.loc-note{border-top:1px solid var(--line-soft);color:var(--ink-soft);margin-top:14px;padding-top:14px;font-size:14px}
