:root{color-scheme:light;--ink:#16241f;--muted:#53625c;--paper:#f7f4ec;--paper-strong:#fffdf7;--line:#d7ded8;--teal:#0b6b5b;--teal-dark:#074c42;--teal-soft:#dff1eb;--orange:#e7793f;--orange-soft:#fae5d6;--yellow:#f5c451;--danger:#aa3f35;--danger-soft:#f9e3df;--shadow:0 18px 45px #14312a1a;--radius-sm:.55rem;--radius:1rem;--radius-lg:1.55rem;--content:72rem;--reading:46rem;--font:"Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 7% 0%, #0b6b5b14, transparent 25rem), radial-gradient(circle at 95% 14%, #e7793f14, transparent 23rem), var(--paper);font-family:var(--font);text-rendering:optimizelegibility;margin:0;line-height:1.8}a{color:var(--teal-dark);text-underline-offset:.2em;text-decoration-thickness:.09em}a:hover{color:var(--orange)}img{max-width:100%;height:auto}button,input,select,textarea{color:inherit;font:inherit}button,.button,summary{min-height:2.75rem}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.skip-link{z-index:1000;border-radius:var(--radius-sm);color:#fff;background:var(--ink);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.container{width:min(calc(100% - 2rem), var(--content));margin-inline:auto}.reading{width:min(100%, var(--reading))}.eyebrow{color:var(--teal-dark);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.45rem;margin:0 0 .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow:before{background:var(--orange);content:"";width:1.6rem;height:2px}h1,h2,h3,h4{letter-spacing:-.025em;margin-block:0 .65em;line-height:1.35}h1{font-size:clamp(2rem,5vw,4.5rem)}h2{margin-top:2.4em;font-size:clamp(1.45rem,3vw,2rem)}h3{margin-top:1.8em;font-size:clamp(1.16rem,2.2vw,1.4rem)}p,ul,ol,table,blockquote{margin-block:0 1.3em}ul,ol{padding-inline-start:1.4rem}li+li{margin-top:.35rem}strong{font-weight:800}code{background:#ecefe9;border-radius:.35rem;padding:.12em .38em;font-size:.92em}table{border-collapse:collapse;width:100%;font-size:.93rem;display:block;overflow-x:auto}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;min-width:8rem;padding:.75rem .85rem}th{background:var(--teal-soft)}blockquote{border-left:4px solid var(--orange);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--paper-strong);margin-inline:0;padding:1rem 1.25rem}.button{border:1px solid var(--teal);color:#fff;background:var(--teal);text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1.1rem;font-weight:800;line-height:1.35;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--teal-dark);color:#fff;background:var(--teal-dark)}.button.secondary{color:var(--teal-dark);background:0 0}.button.secondary:hover{color:#fff;background:var(--teal-dark)}.button[aria-disabled=true],.button:disabled{color:#59655f;cursor:not-allowed;background:#e6e9e6;border-color:#a9b3ae}.tag{color:var(--teal-dark);background:var(--teal-soft);border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf7e0;box-shadow:0 8px 30px #14312a0d}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.page-shell{padding-block:2.5rem 5rem}.page-intro{max-width:52rem;margin-bottom:2rem}.page-intro h1{max-width:15ch}.lede{color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.note,.warning,.success{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-strong);padding:1rem 1.1rem}.note{border-left:5px solid var(--teal)}.warning{border-left:5px solid var(--orange);background:var(--orange-soft)}.success{border-left:5px solid var(--teal);background:var(--teal-soft)}.error{color:var(--danger)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prose>:first-child{margin-top:0}.prose a{font-weight:700}.prose h2{border-top:1px solid var(--line);padding-top:.5rem}.prose .decision-table td:first-child{font-weight:800}.section{padding-block:4rem}.section-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-header h2{margin:0}.site-header{z-index:100;backdrop-filter:blur(14px);background:#f7f4eceb;border-bottom:1px solid #d7ded8db;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.25rem;min-height:4.75rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.72rem;font-size:1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg, transparent 47%, #ffffff3d 48% 52%, transparent 53%), var(--teal);width:2.25rem;height:2.25rem;box-shadow:.2rem .2rem 0 var(--orange);border-radius:.7rem .7rem .7rem .2rem;place-items:center;display:grid}.desktop-nav{align-items:center;gap:.25rem;display:flex}.desktop-nav a{color:var(--ink);border-radius:999px;padding:.55rem .8rem;font-size:.92rem;font-weight:750;text-decoration:none}.desktop-nav a[aria-current=page],.desktop-nav a:hover{color:var(--teal-dark);background:var(--teal-soft)}.mobile-nav{display:none;position:relative}.mobile-nav summary{border:1px solid var(--line);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-width:5rem;font-weight:800;list-style:none;display:flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-menu-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-strong);width:min(18rem,100vw - 2rem);box-shadow:var(--shadow);padding:.6rem;position:absolute;top:calc(100% + .6rem);right:0}.mobile-menu-panel a{color:var(--ink);border-radius:.6rem;padding:.75rem .9rem;font-weight:750;text-decoration:none;display:block}.mobile-menu-panel a:hover{background:var(--teal-soft)}.breadcrumbs{color:var(--muted);padding-block:1rem 0;font-size:.82rem}.breadcrumbs ol{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{color:#8d9892;content:"/";margin-left:.3rem}.site-footer{border-top:1px solid var(--line);background:#e9eee9;padding-block:3rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:2rem;display:grid}.footer-grid h2{margin-top:0;font-size:1rem}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li+li{margin-top:.4rem}.footer-note{color:var(--muted);border-top:1px solid #cbd5ce;margin-top:2rem;padding-top:1.2rem;font-size:.82rem}.hero{padding-block:clamp(4rem,9vw,8rem);position:relative;overflow:hidden}.hero:after{z-index:-1;top:2rem;right:max(1rem, calc((100vw - var(--content)) / 2));aspect-ratio:1;background:radial-gradient(circle, var(--teal) 0 5px, transparent 6px) 15% 25% / 5rem 5rem, radial-gradient(circle, var(--orange) 0 5px, transparent 6px) 85% 75% / 7rem 7rem;content:"";opacity:.55;border:1px dashed #0b6b5b59;border-radius:50%;width:min(32rem,60vw);position:absolute}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.hero h1{max-width:12ch;margin-bottom:.45em}.hero h1 span{color:var(--teal)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.hero-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-strong);box-shadow:var(--shadow);padding:1.25rem;position:relative}.mini-device{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.8rem 0;display:grid}.mini-device:last-of-type{border-bottom:0}.mini-device strong{display:block}.mini-device small{color:var(--muted)}.watt-chip{min-width:3.4rem;color:var(--teal-dark);background:var(--teal-soft);text-align:center;border-radius:999px;padding:.35rem .55rem;font-weight:900}.result-strip{border-radius:var(--radius);color:#fff;background:var(--ink);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.9rem 1rem;display:flex}.result-strip strong{color:var(--yellow);font-size:1.45rem}.feature-card,.article-card{padding:1.25rem}.feature-number{width:2.6rem;height:2.6rem;color:var(--teal-dark);background:var(--teal-soft);border-radius:.75rem;place-items:center;margin-bottom:1rem;font-weight:900;display:grid}.article-card{flex-direction:column;min-height:100%;display:flex}.article-card h2,.article-card h3{margin-top:.55rem}.article-card p{color:var(--muted)}.article-card .card-link{margin-top:auto;font-weight:800}.article-layout{grid-template-columns:minmax(0, var(--reading)) minmax(14rem, 19rem);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.article-header h1{max-width:18ch;font-size:clamp(2rem,5vw,3.7rem)}.article-meta{color:var(--muted);flex-wrap:wrap;gap:.5rem 1rem;font-size:.84rem;display:flex}.article-conclusion{border-radius:var(--radius);background:var(--teal-soft);border:1px solid #bdd9cf;margin-block:1.5rem 2rem;padding:1.2rem 1.3rem}.article-conclusion strong{margin-bottom:.35rem;display:block}.toc{padding:1.1rem;position:sticky;top:6rem}.toc h2{margin:0 0 .7rem;font-size:.9rem}.toc ol{margin:0;padding-left:1.2rem;font-size:.84rem}.toc li+li{margin-top:.45rem}.toc .depth-3{margin-left:.7rem}.source-list{border-top:1px solid var(--line);margin-top:3rem;padding-top:1rem}.source-list h2{margin-top:0;font-size:1.2rem}.source-list li{overflow-wrap:anywhere}.source-meta{color:var(--muted);font-size:.8rem;display:block}.cta-box{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(120deg, #ffffff14, transparent 50%), var(--teal-dark);margin-block:2.5rem;padding:clamp(1.2rem,4vw,2rem)}.cta-box h2{margin-top:0}.cta-box p{color:#e6f3ef}.related{margin-top:3rem}.related h2{margin-top:0}.related-card{color:var(--ink);padding:1rem;text-decoration:none;display:block}.related-card:hover{border-color:var(--orange);color:var(--ink);transform:translateY(-2px)}.related-card strong{display:block}.related-card span{color:var(--muted);font-size:.85rem}.tool-shell{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:start;gap:1.25rem;display:grid}.tool-panel{padding:clamp(1rem,3vw,1.6rem)}.tool-panel h2{margin-top:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.field{gap:.35rem;display:grid}.field label,.field .field-label{font-size:.88rem;font-weight:800}.field input,.field select{background:#fff;border:1px solid #aab7b0;border-radius:.55rem;width:100%;min-height:2.75rem;padding:.6rem .7rem}.field small{color:var(--muted)}.device-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(8rem,1.5fr) minmax(5rem,.65fr) minmax(8rem,1fr) minmax(6rem,.8fr) auto;align-items:end;gap:.6rem;padding:1rem 0;display:grid}.check-field{align-items:center;gap:.5rem;min-height:2.75rem;display:flex}.check-field input{width:1.2rem;height:1.2rem}.icon-button{width:2.75rem;height:2.75rem;color:var(--danger);cursor:pointer;background:0 0;border:1px solid #c9a59b;border-radius:50%;place-items:center;font-weight:900;display:inline-grid}.tool-actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.tool-result{border-top:.4rem solid var(--teal);min-height:18rem}.result-empty{min-height:15rem;color:var(--muted);text-align:center;place-items:center;display:grid}.result-metric-grid{grid-template-columns:repeat(2,1fr);gap:.7rem;margin-bottom:1rem;display:grid}.result-metric{background:var(--teal-soft);border-radius:.75rem;padding:.9rem}.result-metric small{color:var(--muted);display:block}.result-metric strong{color:var(--teal-dark);font-size:1.45rem}.tool-errors{color:var(--danger);background:var(--danger-soft);border:1px solid #e6b9b0;border-radius:.55rem;padding:.8rem 1rem}.privacy-chip{color:var(--teal-dark);background:var(--teal-soft);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}@media (width<=54rem){.desktop-nav{display:none}.mobile-nav{display:block}.hero-grid,.article-layout,.tool-shell{grid-template-columns:1fr}.toc{order:-1;position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1/-1}}@media (width<=38rem){.container{width:min(calc(100% - 1.25rem), var(--content))}.header-inner{min-height:4.2rem}.hero{padding-block:3.3rem}.hero-panel{padding:1rem}.section{padding-block:3rem}.section-header{display:block}.field-grid,.result-metric-grid,.footer-grid{grid-template-columns:1fr}.footer-grid>:first-child{grid-column:auto}.device-row{grid-template-columns:1fr 1fr}.device-row .device-name,.device-row .device-port{grid-column:span 2}.article-header h1{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}