:root{--fg:#1a1a1a;--bg:#fff;--muted:#595959;--link:#0b57d0;--accent:#2b4a63;--border:#d0d0d0;--th-bg:#f6f6f6;--zebra:#ebebeb}*{box-sizing:border-box}:root{--ls-body:.02em;--ls-h2:.01em;--ls-h1:0}body{margin:0;color:var(--fg);background:var(--bg);font-family:noto sans jp,system-ui,-apple-system,segoe ui,hiragino sans,yu gothic ui,sans-serif;font-weight:500;line-height:1.75;letter-spacing:var(--ls-body);text-autospace:normal}h1,h2,h3,.site-name,.card-title,.hero-title,.toc-title,strong,th{font-weight:700}h1,h2,h3{line-height:1.25}h1{letter-spacing:var(--ls-h1)}h2,h3{letter-spacing:var(--ls-h2)}.dates,.pr-notice,.article-list time,.site-footer{line-height:1.5}h2{margin:3rem 0 1.5rem;padding-bottom:.4rem;border-bottom:2px solid var(--accent)}h2+*{margin-top:0}h3{margin:2rem 0 .75rem;font-size:1.25rem}h3+*{margin-top:0}:root{--w-wide:1180px;--w-text:760px}main,.site-header,.site-footer{max-width:var(--w-wide);margin:0 auto;padding:0 1rem}.post-head,.post-body,.sources,.toc,.related{max-width:var(--w-text);margin-left:auto;margin-right:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.site-name{font-weight:700;text-decoration:none;color:var(--fg)}nav a{margin-left:1rem;color:var(--link)}main{padding:1.5rem 1rem 3rem}a{color:var(--link)}a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{max-width:100%;height:auto}.table-wrap{overflow-x:auto;margin:1em 0;-webkit-overflow-scrolling:touch}@media(min-width:900px){.table-wrap{--bleed:min(180px, calc((100vw - var(--w-text)) / 2 - 1rem));margin-left:calc(var(--bleed) * -1);margin-right:calc(var(--bleed) * -1);width:auto}}table{border-collapse:separate;border-spacing:0;width:100%;font-size:.95rem;letter-spacing:0}td.wrap{letter-spacing:var(--ls-body)}code,kbd,samp{letter-spacing:0}th,td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:.5rem .55rem;white-space:nowrap;vertical-align:top}th:first-child,td:first-child{border-left:1px solid var(--border)}thead th{border-top:1px solid var(--border)}th{background:var(--th-bg)}td.wrap{white-space:normal;min-width:14em}tbody tr:nth-child(even) td{background:var(--zebra)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;width:1%}.is-pinned{position:sticky;left:0;z-index:2;background:var(--bg);box-shadow:1px 0 0 var(--border);white-space:normal;max-width:15em}tbody tr:nth-child(even) td.is-pinned{background:var(--zebra)}thead .is-pinned{background:var(--th-bg);z-index:3}.table-wrap.is-scrollable::before{content:"表は横にスクロールできます";display:block;font-size:.8rem;color:var(--muted);margin-bottom:.2rem}.table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pr-notice{font-size:.85rem;color:var(--muted);border:1px solid var(--border);padding:.4rem .6rem}.dates{font-size:.85rem;color:var(--muted)}.article-list{list-style:none;padding:0}.article-list li{padding:.8rem 0;border-bottom:1px solid var(--border)}.article-list time{margin-left:.5rem;font-size:.85rem;color:var(--muted)}.site-footer{border-top:1px solid var(--border);padding:1.5rem 1rem;font-size:.85rem;color:var(--muted)}.calc{border:1px solid var(--border);border-radius:6px;padding:.8rem 1rem;margin:1.2rem 0;background:#fafafa}.calc-title{margin:0 0 .5rem;font-weight:700}.calc label{display:block;margin:.3rem 0}.calc input[type=number]{width:6.5em;padding:.2rem .4rem;border:1px solid #bbb;border-radius:4px;font:inherit}.calc-result{margin:.6rem 0 0;padding:.5rem .7rem;background:#fff;border-left:3px solid var(--accent)}:root{--cat-pen-display:#1d6f9c;--cat-pen-tablet:#46743f;--cat-arm:#6a55a0;--cat-light:#9a6423;--cat-other:#2b4a63;--surface:#f7f8f9;--shadow:0 1px 2px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.05);--shadow-hover:0 2px 4px rgba(0,0,0,.08), 0 12px 28px rgba(0,0,0,.12)}.hero{background:linear-gradient(135deg,#1d3548 0%,#2b4a63 55%,#3a5f73 100%);color:#fff;margin:-1.5rem -1rem 2.5rem;padding:3.5rem 1rem 3rem}@media(min-width:900px){.hero{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50% + 1rem);padding-right:calc(50vw - 50% + 1rem)}}html,body{overflow-x:clip}.hero-inner{max-width:var(--w-wide);margin:0 auto}.hero-eyebrow{margin:0 0 .6rem;font-size:.85rem;letter-spacing:.12em;text-transform:none;color:#a8c6da}.hero-title{margin:0 0 .8rem;font-size:clamp(2rem,6vw,3rem)}.hero-lead{margin:0 0 1.8rem;font-size:1.05rem;color:#dbe7ef;max-width:46em}.hero-stats{display:flex;flex-wrap:wrap;gap:1.8rem;list-style:none;margin:0;padding:0}.hero-stats li{display:flex;flex-direction:column;line-height:1.3}.hero-stats strong{font-size:1.6rem;letter-spacing:0}.hero-stats span{font-size:.82rem;color:#a8c6da}.cat-nav{margin:0 0 2.5rem}.cat-nav ul{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}.cat-nav a{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--fg);font-size:.9rem;background:#fff;transition:border-color .15s,background-color .15s,transform .15s}.cat-nav a span{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:0}.cat-nav a:hover{transform:translateY(-1px);background:var(--surface)}.cat-nav a[data-cat=液タブ]:hover{border-color:var(--cat-pen-display)}.cat-nav a[data-cat=ペンタブ]:hover{border-color:var(--cat-pen-tablet)}.cat-nav a[data-cat=モニターアーム]:hover{border-color:var(--cat-arm)}.cat-nav a[data-cat=デスクライト]:hover{border-color:var(--cat-light)}.cat-section{margin:0 0 3rem}.cat-head{border-bottom:none;padding:0 0 0 .8rem;margin:2.5rem 0 1.2rem;border-left:5px solid var(--cat-other);font-size:1.35rem}.cat-head[data-cat=液タブ]{border-left-color:var(--cat-pen-display)}.cat-head[data-cat=ペンタブ]{border-left-color:var(--cat-pen-tablet)}.cat-head[data-cat=モニターアーム]{border-left-color:var(--cat-arm)}.cat-head[data-cat=デスクライト]{border-left-color:var(--cat-light)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:1.2rem}.card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#b8b8b8}.card-link{display:block;text-decoration:none;color:inherit;height:100%}.card-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-thumb{aspect-ratio:1200/630;background:var(--surface);overflow:hidden}.card-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card:hover .card-thumb img{transform:scale(1.03)}.card-body{padding:.9rem 1rem 1.1rem}.card-cat{display:inline-block;font-size:.75rem;letter-spacing:.04em;padding:.15rem .5rem;border-radius:4px;color:#fff;background:var(--cat-other);margin-bottom:.5rem}.card-cat[data-cat=液タブ]{background:var(--cat-pen-display)}.card-cat[data-cat=ペンタブ]{background:var(--cat-pen-tablet)}.card-cat[data-cat=モニターアーム]{background:var(--cat-arm)}.card-cat[data-cat=デスクライト]{background:var(--cat-light)}.card-title{margin:0 0 .5rem;font-size:1.02rem;line-height:1.5;transition:color .15s}.card:hover .card-title{color:var(--link)}.card-desc{margin:0 0 .6rem;font-size:.88rem;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-date{font-size:.78rem;color:var(--muted);letter-spacing:0}a:hover{text-decoration-thickness:2px}.site-name:hover{color:var(--link)}nav a:hover{text-decoration-thickness:2px}.sources a:hover{color:var(--accent)}.home-intro{margin:0 0 2.5rem;color:var(--muted)}.home-intro :last-child{margin-bottom:0}.post-head{margin-block:0 2rem}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin:0 0 .8rem;font-size:.82rem;color:var(--muted);line-height:1.5}.post-cat{display:inline-block;padding:.2rem .6rem;border-radius:4px;background:var(--cat-other);color:#fff;text-decoration:none;font-size:.78rem;letter-spacing:.03em;transition:filter .15s}.post-cat:hover{filter:brightness(1.15)}.post-cat[data-cat=液タブ]{background:var(--cat-pen-display)}.post-cat[data-cat=ペンタブ]{background:var(--cat-pen-tablet)}.post-cat[data-cat=モニターアーム]{background:var(--cat-arm)}.post-cat[data-cat=デスクライト]{background:var(--cat-light)}.post-upd::before{content:"/ ";color:var(--border)}.post-head h1{margin:0 0 .8rem;font-size:clamp(1.6rem,4.5vw,2.1rem)}.post-lead{margin:0 0 1rem;font-size:1rem;color:var(--muted);line-height:1.8;padding-left:.9rem;border-left:3px solid var(--border)}.toc{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.2rem;margin-block:0 2.5rem}.toc-title{margin:0 0 .5rem;font-weight:700;font-size:.9rem}.toc ul{margin:0;padding-left:0;list-style:none;counter-reset:toc}.toc li{margin:.3rem 0;counter-increment:toc;display:flex;gap:.5rem}.toc li::before{content:counter(toc);color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums;letter-spacing:0;min-width:1.2em}.toc a{color:var(--fg);text-decoration:none;font-size:.9rem}.toc a:hover{color:var(--link);text-decoration:underline}.toc ul ul{display:none}.post-body ul,.post-body ol{padding-left:1.4rem}.post-body li{margin:.35rem 0}.post-body h2+ul{background:var(--surface);border-left:4px solid var(--accent);padding:1rem 1rem 1rem 2.2rem;border-radius:0 6px 6px 0}.post-body h2+ul li:last-child{margin-bottom:0}.sources{margin-top:3rem;font-size:.9rem}.sources ul{padding-left:1.2rem}.sources li{margin:.4rem 0}.src-date{color:var(--muted);font-size:.85em;margin-left:.3rem}.related{margin-top:3.5rem}