:root{--ink:#14201f;--sub:#52606d;--paper:#fbfaf7;--card:#ffffff;--teal:#0b5b57;--teal-deep:#073f3d;--teal-soft:#e3efed;--amber:#d97706;--line:#e5e3dc;--c-tools:#0b5b57;--c-compare:#4338ca;--c-guides:#166534;--c-news:#b45309;--w:68rem;--wn:44rem;--radius:14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,hiragino sans,noto sans jp,yu gothic,sans-serif;color:var(--ink);background:var(--paper);line-height:1.9;font-size:1rem}img{max-width:100%;height:auto}a{color:var(--teal)}.wrap{max-width:var(--w);margin:0 auto;padding:0 1.2rem}.wrap-narrow{max-width:var(--wn);margin:0 auto;padding:0 1.2rem}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:1.6rem;padding:.7rem 1.2rem;max-width:var(--w);margin:0 auto}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}.brand svg{width:34px;height:34px;flex:none}.brand-name{font-size:1.22rem;font-weight:800;letter-spacing:.04em;line-height:1.2}.brand-tag{display:block;font-size:.62rem;font-weight:500;color:var(--sub);letter-spacing:.12em}.nav{display:flex;gap:.2rem;margin-left:auto;font-size:.88rem;overflow-x:auto}.nav a{color:var(--sub);text-decoration:none;padding:.35rem .7rem;border-radius:999px;white-space:nowrap;font-weight:600}.nav a:hover{color:var(--teal);background:var(--teal-soft)}.hero{background:linear-gradient(135deg,var(--teal-deep) 0%,var(--teal) 70%,#0e6b60 100%);color:#f2f7f6;padding:3.4rem 0 3rem;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(135deg,#073f3d 0%,#0b5b57 70%,#0e6b60 100%);background-size:28px 28px,28px 28px,cover}.hero-inner{max-width:var(--w);margin:0 auto;padding:0 1.2rem}.hero h1{font-size:clamp(1.6rem,4.2vw,2.4rem);line-height:1.45;margin:0 0 1rem;font-weight:800;letter-spacing:.01em}.hero h1 .mark{color:#ffd98a}.hero p{max-width:40rem;margin:0 0 1.4rem;color:#cfe2df;font-size:1.02rem}.hero-badges{display:flex;flex-wrap:wrap;gap:.6rem}.hero-badges span{font-size:.8rem;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:.3rem .8rem;border-radius:999px}.cat-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,1fr);margin:-1.6rem auto 0;position:relative}@media(min-width:760px){.cat-grid{grid-template-columns:repeat(4,1fr)}}.cat-tile{display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1rem .85rem;box-shadow:0 6px 18px rgba(20,32,31,6%)}.cat-tile:hover{border-color:initial}.cat-tile .cat-ico{font-size:1.3rem}.cat-tile h2{font-size:.95rem;margin:.2rem 0 .1rem;color:var(--ink)}.cat-tile p{font-size:.72rem;color:var(--sub);margin:0;line-height:1.6}.cat-tools{color:var(--c-tools)}.cat-compare{color:var(--c-compare)}.cat-guides{color:var(--c-guides)}.cat-news{color:var(--c-news)}.home-h2{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;margin:2.8rem 0 1.1rem;font-weight:800}.home-h2::after{content:"";flex:1;height:1px;background:var(--line)}.card-list{list-style:none;margin:1rem 0 3rem;padding:0;display:grid;gap:1.1rem;grid-template-columns:1fr}@media(min-width:700px){.card-list{grid-template-columns:repeat(3,1fr)}}.card a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:inherit;background:var(--card);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.card a:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(20,32,31,.1)}.card-head{padding:.8rem 1rem;color:#fff;font-weight:700;font-size:.74rem;letter-spacing:.06em;display:flex;align-items:center;gap:.45rem}.card-head .glyph{font-size:1rem}.head-tools{background:linear-gradient(120deg,#0b5b57,#12776f)}.head-compare{background:linear-gradient(120deg,#3730a3,#4f46e5)}.head-guides{background:linear-gradient(120deg,#166534,#22863f)}.head-news{background:linear-gradient(120deg,#9a4708,#b45309)}.card-body{padding:.9rem 1.1rem 1rem;display:flex;flex-direction:column;gap:.45rem;flex:1}.card h2,.card h3{font-size:1rem;margin:0;line-height:1.65;color:var(--ink);font-weight:700}.card p{font-size:.82rem;color:var(--sub);margin:0;flex:1}.card-meta{font-size:.72rem!important;color:var(--sub);flex:none!important}.card-meta .exp{color:var(--teal);font-weight:700}.trust{background:var(--teal-soft);border-radius:var(--radius);padding:1.2rem 1.4rem;margin:2.6rem 0;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:760px){.trust{grid-template-columns:repeat(3,1fr)}}.trust b{display:block;color:var(--teal-deep);font-size:.95rem}.trust span{font-size:.8rem;color:var(--sub);line-height:1.7}.article{padding:2.2rem 1.2rem 3rem}.breadcrumb{font-size:.78rem;color:var(--sub);margin-bottom:.6rem}.breadcrumb a{color:var(--sub);text-decoration:none}.breadcrumb a:hover{color:var(--teal)}.sec-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#fff;padding:.25rem .75rem;border-radius:999px;margin-bottom:.7rem}.article-header h1{font-size:clamp(1.4rem,3.6vw,1.8rem);line-height:1.6;margin:.2rem 0 .6rem;font-weight:800}.article-meta{font-size:.8rem;color:var(--sub);display:flex;flex-wrap:wrap;gap:.3rem .8rem}.verified{color:var(--teal);font-weight:700}.experience-badge{font-size:.85rem;color:var(--teal-deep);background:var(--teal-soft);border-left:4px solid var(--teal);border-radius:8px;padding:.6rem .9rem;margin:1.1rem 0}.experience-badge a{color:inherit}.disclosure{font-size:.78rem;color:var(--sub);background:#f4f2ec;border-radius:8px;padding:.55rem .9rem;margin:1rem 0}.toc-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.3rem;margin:1.6rem 0;font-size:.88rem}.toc-box>b{font-size:.82rem;letter-spacing:.1em;color:var(--sub)}.toc-box nav ul{margin:.4rem 0 0;padding-left:1.1rem}.toc-box nav li{margin:.25rem 0}.toc-box nav a{text-decoration:none}.content{font-size:1rem}.content>p:first-of-type{font-size:1.04rem}.content h2{font-size:1.32rem;margin:2.8rem 0 1rem;padding:.45rem .9rem;font-weight:800;background:var(--card);border-left:5px solid var(--teal);border-radius:6px;box-shadow:0 1px 4px rgba(20,32,31,6%)}.content h3{font-size:1.08rem;margin-top:2rem;font-weight:700;padding-bottom:.25rem;border-bottom:2px solid var(--teal-soft)}.content code{background:#eef0ee;padding:.15em .45em;border-radius:5px;font-size:.88em}.content pre{background:#10201f;color:#dbe7e5;padding:1.1rem 1.2rem;border-radius:10px;overflow-x:auto;font-size:.84rem;line-height:1.7}.content pre code{background:0 0;padding:0}.content blockquote{margin:1.5rem 0;padding:.7rem 1.1rem;border-left:4px solid var(--amber);background:#fdf6ec;color:#5a4a33;border-radius:0 8px 8px 0;font-size:.92rem}.content blockquote p{margin:.2rem 0}.content img{border-radius:10px;border:1px solid var(--line);box-shadow:0 6px 22px rgba(20,32,31,.1);margin:.4rem 0}.content table{border-collapse:collapse;width:100%;font-size:.88rem;background:var(--card)}.content th,.content td{border:1px solid var(--line);padding:.55rem .75rem;text-align:left}.content thead th{background:var(--teal);color:#fff;font-weight:700}.content tbody tr:nth-child(even){background:#f6f7f4}.aff-link{font-weight:700}.cta-box{text-align:center;margin:2.2rem 0;padding:1.6rem 1.2rem 1.3rem;background:var(--card);border:2px solid var(--teal);border-radius:var(--radius);box-shadow:0 8px 24px rgba(11,91,87,.12)}.cta-btn{display:inline-block;background:linear-gradient(120deg,#b45309,#c2410c);color:#fff;font-weight:800;text-decoration:none;padding:.85rem 2.4rem;border-radius:999px;font-size:1.02rem;box-shadow:0 4px 14px rgba(217,119,6,.35);transition:transform .12s ease}.cta-btn:hover{transform:translateY(-2px)}.cta-note{font-size:.74rem;color:var(--sub);margin:.7rem 0 0}.table-scroll{overflow-x:auto;margin:1.5rem 0;border-radius:10px}.compare-table{min-width:560px;border-collapse:collapse;font-size:.87rem;width:100%;background:var(--card)}.compare-table caption{caption-side:bottom;font-size:.74rem;color:var(--sub);text-align:right;padding-top:.45rem}.compare-table th,.compare-table td{border:1px solid var(--line);padding:.6rem .75rem}.compare-table thead th{background:var(--teal);color:#fff;font-weight:700}.compare-table tbody th{background:var(--teal-soft);white-space:nowrap;color:var(--teal-deep)}.compare-table tbody tr:nth-child(even) td{background:#f6f7f4}.pros-cons{display:grid;gap:1rem;grid-template-columns:1fr;margin:1.6rem 0}@media(min-width:640px){.pros-cons{grid-template-columns:1fr 1fr}}.pros-cons h3{margin:0 0 .5rem;font-size:.95rem;border:none;padding:0}.pros,.cons{border-radius:12px;padding:1rem 1.25rem}.pros{background:var(--teal-soft);border:1px solid #c6ded9}.cons{background:#fdf3e7;border:1px solid #efd9bc}.pros ul,.cons ul{margin:0;padding-left:1.2rem;font-size:.9rem}.pros li,.cons li{margin:.3rem 0}.author-box{display:flex;gap:1rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.3rem;margin:2.6rem 0 0}.author-avatar{flex:none;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--teal-deep),var(--teal));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem}.author-box b{font-size:.95rem}.author-box p{margin:.25rem 0 0;font-size:.8rem;color:var(--sub);line-height:1.7}.author-box a{font-size:.8rem}.related{margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}.related h2{font-size:1rem}.list-header{padding-top:2rem}.list-header h1{font-size:1.5rem;margin:0 0 .3rem;font-weight:800}.list-desc{color:var(--sub);font-size:.92rem;margin-top:0}.site-footer{margin-top:4rem;background:var(--teal-deep);color:#b9d2ce;padding:2.2rem 0 2rem}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:1.4rem 3rem;align-items:flex-start}.footer-brand{color:#fff;font-weight:800;font-size:1.1rem;letter-spacing:.04em}.footer-brand small{display:block;font-weight:500;font-size:.68rem;color:#9fbdb8;letter-spacing:.1em}.footer-nav{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;font-size:.82rem}.footer-nav a{color:#cfe2df;text-decoration:none}.footer-nav a:hover{color:#fff}.footer-note,.footer-copy{font-size:.72rem;color:#9fbdb8;margin:.5rem 0 0;width:100%}.verdict{display:grid;gap:1rem;grid-template-columns:1fr;margin:1.8rem 0}@media(min-width:640px){.verdict{grid-template-columns:1fr 1fr}}.verdict h3{margin:0 0 .5rem;font-size:.95rem;border:none;padding:0}.verdict-yes,.verdict-no{border-radius:12px;padding:1rem 1.25rem}.verdict-yes{background:var(--teal-soft);border:2px solid var(--teal)}.verdict-no{background:#f6f5f2;border:1px solid var(--line)}.verdict ul{margin:0;padding-left:1.2rem;font-size:.9rem}.verdict li{margin:.3rem 0}.score-table td.score{text-align:center;font-weight:800;font-size:1rem}.score-table td.s5{color:#0b5b57;background:#dcefe9!important}.score-table td.s4{color:#166534}.score-table td.s3{color:#92670c}.score-table td.s2,.score-table td.s1{color:#b91c1c}.score-table td.score-total{text-align:center;font-weight:800;font-size:1.1rem;color:var(--teal-deep);background:#fdf6e3!important}.score-table td.score-total small{font-weight:500;color:var(--sub);font-size:.68rem}.score-table thead th.score-total{background:#b45309}.skip-link{position:absolute;left:-9999px;top:0;background:var(--teal-deep);color:#fff;padding:.6rem 1rem;z-index:100;border-radius:0 0 8px 0}.skip-link:focus{left:0}a:focus-visible,button:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card a,.cta-btn{transition:none}}.footer-nav a{padding:.4rem .2rem;display:inline-block}