*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.9 "Yu Gothic",Meiryo,sans-serif}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--link)}button,input,select,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(1.85rem,4.3vw,3.6rem);line-height:1.42;letter-spacing:.02em}h2{font-size:1.65rem;line-height:1.6;margin-top:2.3em}h3{font-size:1.15rem;line-height:1.65}p{margin-bottom:1.4em}.wrap{max-width:1200px;margin:auto;padding:0 30px}.skip{position:absolute;top:-80px;z-index:100;background:white;padding:10px}.skip:focus{top:0}.masthead{background:var(--paper);border-bottom:1px solid var(--line)}.brandrow{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:104px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand img{width:58px;height:58px}.brand strong{font-size:clamp(19px,2vw,27px);letter-spacing:.06em}.brand small{display:block;font-size:11px;letter-spacing:.16em;font-weight:400}.headnote{font-size:13px;color:var(--muted);max-width:285px}.nav{display:flex;gap:26px;padding:17px 0;overflow:auto;white-space:nowrap;border-top:1px solid var(--line)}.nav a{font-size:14px;font-weight:bold;text-decoration:none}.nav a[aria-current=page]{color:var(--link);text-decoration:underline}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:60px 0 45px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--link);font-weight:bold;margin-bottom:18px}.hero h1{max-width:650px}.lead{font-size:17px;max-width:650px;color:var(--muted)}.hero-figure{position:relative;margin:0}.hero-figure img{width:100%;min-height:360px;object-fit:cover;border-radius:var(--radius)}.hero-figure figcaption{font-size:11px;text-align:right;margin:10px 0;color:var(--muted)}.hero-badge{position:absolute;bottom:48px;left:-25px;padding:14px 23px;background:var(--ink);color:#fff;border-radius:var(--radius);font-size:14px;box-shadow:0 10px 30px #0001}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 24px;min-height:48px;border-radius:var(--radius);background:var(--ink);color:#fff!important;border:0;cursor:pointer;text-decoration:none;font-weight:bold}.btn.secondary{background:transparent;color:var(--ink)!important;border:1px solid var(--ink)}.buttons{display:flex;gap:12px;flex-wrap:wrap}.sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-top:50px}.sectionhead h2{margin:0 0 24px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.category{display:block;text-decoration:none;border:1px solid var(--line);padding:23px 20px;border-radius:var(--radius);background:var(--surface);transition:transform .15s}.category:hover{transform:translateY(-3px)}.category span{display:block;color:var(--link);font-size:28px;font-weight:bold;margin-bottom:24px}.category h3{margin:0 0 12px}.category p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;display:block}.card .label{font-size:12px;color:var(--link);font-weight:bold;display:block;margin-bottom:16px}.card h3{margin-bottom:14px}.card p{font-size:14px;color:var(--muted);margin:0}.card:hover{border-color:var(--ink)}.callout{margin:48px 0;padding:36px;background:var(--tint);border-radius:var(--radius)}.callout h2{margin:0 0 15px}.crumbs{font-size:12px;color:var(--muted);padding:22px 0}.crumbs ol{display:flex;gap:9px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.crumbs li+li:before{content:'/';margin-right:9px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 245px;gap:60px;align-items:start;padding-bottom:60px}.article-head h1{font-size:clamp(1.8rem,3.1vw,2.6rem)}.article-head{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:26px}.meta{font-size:12px;color:var(--muted)}.answer{font-size:18px;background:var(--tint);padding:25px;border-left:4px solid var(--link);border-radius:0 var(--radius) var(--radius) 0}.answer strong{display:block;font-size:12px;letter-spacing:.1em;color:var(--link);margin-bottom:10px}.toc{padding:23px 25px;border:1px solid var(--line);border-radius:var(--radius);font-size:14px;margin:30px 0}.toc strong{display:block;margin-bottom:10px}.toc ol{padding-left:22px;margin:0}.toc li{margin:6px 0}.prose section{scroll-margin-top:25px}.prose h2{border-bottom:2px solid var(--line);padding-bottom:14px}.prose li{margin-bottom:10px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);margin:25px 0}table{border-collapse:collapse;width:100%;min-width:460px;font-size:14px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--tint)}tr:last-child td{border-bottom:0}.sidebar{position:sticky;top:25px;border-top:4px solid var(--ink);padding-top:20px;font-size:13px}.sidebar h2{font-size:16px;margin:0 0 12px}.sidebar a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.sidebar p{margin-top:20px;color:var(--muted)}.references{font-size:13px;border-top:1px solid var(--line);padding-top:26px;overflow-wrap:anywhere}.references h2{font-size:18px;margin:0 0 15px}.references li{margin:10px 0}.adnotice{font-size:12px;padding:12px 18px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);margin:20px 0}.product{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:35px 0}.product .ad-label{display:inline-block;background:var(--tint);color:var(--ink);padding:3px 10px;font-size:11px;border-radius:4px;font-weight:bold}.product h2,.product h3{margin:18px 0;font-size:21px}.product figure{margin:20px 0}.product img{width:100%;border-radius:var(--radius);background:var(--tint)}.product figcaption{font-size:12px;color:var(--muted);margin-top:9px}.product .btn{background:var(--link);width:100%;text-align:center;margin-top:12px}.product ul{padding-left:22px}.product .no-buy{padding:15px 18px;background:var(--tint);font-size:14px;border-radius:var(--radius)}.product small{display:block;font-size:12px;color:var(--muted);margin-top:10px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.product-grid .product{margin:0}.diagram{margin:30px 0}.diagram img{width:100%;border:1px solid var(--line);border-radius:var(--radius)}.diagram figcaption{font-size:12px;color:var(--muted)}.search-panel{background:var(--tint);padding:30px;border-radius:var(--radius);margin:20px 0 35px}.search-panel label{display:block;font-weight:bold;margin-bottom:12px}.search-panel input{width:100%;padding:14px 17px;border:1px solid var(--ink);border-radius:var(--radius);background:white}.search-status{margin-top:12px;font-size:13px}.worksheet{background:var(--surface);border:1px solid var(--line);padding:28px;border-radius:var(--radius)}.worksheet label{display:block;margin:20px 0}.worksheet textarea{display:block;width:100%;min-height:95px;border:1px solid var(--line);padding:12px;border-radius:6px;resize:vertical;background:var(--paper);color:var(--ink)}.worksheet output{display:block;margin-top:18px}.empty{padding:28px;border:1px dashed var(--line)}footer{margin-top:80px;border-top:1px solid var(--line);padding:40px 0 25px;background:var(--surface)}.footgrid{display:flex;justify-content:space-between;gap:35px}.footgrid p{max-width:600px;font-size:13px;color:var(--muted)}.footlinks{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.previewbar{padding:10px 25px;background:#122d40;color:white;font-size:12px;display:flex;gap:20px;flex-wrap:wrap}.previewbar a{color:white}.brand-101{--radius:18px}.brand-101 h1,.brand-101 .brand strong{font-family:"Yu Mincho",serif}.brand-101 .hero-figure img{border-radius:150px 150px 24px 24px}.brand-101 .category:nth-child(even){background:var(--tint)}.brand-101 .hero{gap:65px}.brand-102{--radius:3px}.brand-102 .nav{background:var(--ink);color:white;padding:15px 20px}.brand-102 .nav a:hover{color:#ffcb7e}.brand-102 .hero{grid-template-columns:1fr;gap:15px;position:relative;padding:48px 0}.brand-102 .hero-copy{z-index:1;width:60%;padding:30px;background:var(--paper)}.brand-102 .hero-figure{position:absolute;right:0;top:25px;width:62%;height:94%;z-index:0}.brand-102 .hero-figure img{height:100%;object-position:70%;opacity:.85}.brand-102 .hero-figure figcaption{display:none}.brand-102 .hero-badge{right:20px;left:auto;bottom:15px;background:var(--accent);color:var(--ink)}.brand-102 .category{border-top:4px solid var(--accent)}.brand-102 .category span{font-family:monospace}.brand-102 .sectionhead{border-bottom:2px solid var(--ink);margin-bottom:25px}.brand-103{--radius:24px}.brand-103 .masthead{background:var(--ink);color:#fff}.brand-103 .nav{border-color:#ffffff30}.brand-103 .headnote{color:#cce6ec}.brand-103 .nav a:hover{color:#77ebce}.brand-103 .hero-figure img{border-radius:34px 34px 110px 34px}.brand-103 .hero-badge{background:var(--accent);color:#072d42;border-radius:50px}.brand-103 .category{box-shadow:0 6px 0 var(--line)}.brand-103 .category span{background:var(--tint);width:52px;height:52px;text-align:center;line-height:52px;border-radius:50%}.brand-103 .callout{background:var(--ink);color:white}.brand-103 .callout .btn{background:var(--accent);color:#072d42!important}
@media(max-width:950px){.wrap{padding:0 22px}.hero,.article-layout{grid-template-columns:1fr;gap:25px}.hero{padding:35px 0}.hero-figure img{min-height:260px}.headnote,.sidebar{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:1fr 1fr}.brand-102 .hero-copy{width:100%;padding:0}.brand-102 .hero-figure{position:relative;width:100%;height:auto;top:0}.brand-102 .hero-figure img{height:260px}.brand-102 .hero-figure figcaption{display:block}.brand-102 .hero-badge{bottom:45px}}
@media(max-width:600px){.wrap{padding:0 18px}.brandrow{min-height:86px}.brand img{width:44px;height:44px}.brand small{font-size:9px}.nav{gap:22px;font-size:13px}.category-grid,.cards,.product-grid{grid-template-columns:1fr}.category{display:grid;grid-template-columns:40px 1fr;column-gap:18px;padding:20px}.category span{grid-row:span 2;font-size:24px;margin:0}.category h3{margin:0 0 6px}.category p{grid-column:2}.brand-103 .category span{width:40px;height:40px;line-height:40px}.sectionhead{align-items:start;flex-direction:column;gap:0}.sectionhead h2{font-size:24px}.hero-badge{left:12px;bottom:40px}.hero-figure img{min-height:220px}.hero h1{font-size:32px}.callout{padding:25px}.answer{font-size:16px;padding:20px}.product{padding:20px}.footgrid{display:block}.article-head h1{font-size:27px}.buttons .btn{width:100%}.table-scroll{margin-left:0;margin-right:0}}
@media print{.masthead,.sidebar,.previewbar,footer,.buttons,.adnotice,.product,.toc{display:none!important}.wrap{max-width:none;padding:0}.article-layout{display:block}body{background:white;color:black;font-size:11pt}.worksheet textarea{min-height:100px;border-color:#999}.worksheet{border:0;padding:0}h1{font-size:25pt}a{text-decoration:none;color:black}.cards{display:block}.card{break-inside:avoid}}

/* Allow wide comparison tables to scroll inside the article on narrow screens. */
.article-layout>article{min-width:0}