:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f4;--surface:#fff;--surface-strong:#20242a;--text:#1d2329;--text-sub:#6a737d;--muted:#6a737d;--line:#d9ded8;--accent:#0f766e;--accent-strong:#b42318;--thumb:#e5e7df}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}a{color:inherit;text-decoration:none}.site-title{display:block}main{max-width:1180px;margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:24px;padding:0 0 18px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;margin:0 0 6px;font-size:12px;font-weight:700}h1{margin:0;font-size:34px;line-height:1.15}nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.header-navs{justify-items:end;gap:8px;min-width:0;display:grid}.sub-nav{gap:6px;max-width:760px}nav a,.section-header a{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:10px 12px;font-size:14px;font-weight:700;line-height:1}.sub-nav a{padding:7px 9px;font-size:12px}.header-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.site-jump{justify-content:flex-end;align-items:center;gap:8px;max-width:100%;display:flex}.site-jump label{color:var(--muted);font-size:12px;font-weight:800}.site-jump select{border:1px solid var(--line);color:var(--text);font:inherit;background:#fff;border-radius:6px;min-width:230px;padding:8px 9px;font-size:13px}.site-jump button{background:var(--surface-strong);border:1px solid var(--surface-strong);color:#fff;cursor:pointer;font:inherit;border-radius:6px;padding:9px 11px;font-size:12px;font-weight:800;line-height:1}.site-jump button:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:12px;display:flex}.search-box-compact{background:0 0;border:0;justify-content:flex-end;margin:0;padding:0}.search-box label{color:var(--muted);font-size:13px;font-weight:800}.search-box input,.search-box select{border:1px solid var(--line);color:var(--text);font:inherit;background:#fff;border-radius:6px;min-width:210px;padding:9px 10px;font-size:14px}.search-box-compact input{min-width:180px}.search-box-compact select{min-width:190px}.search-box button{background:var(--surface-strong);border:1px solid var(--surface-strong);color:#fff;cursor:pointer;font:inherit;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:800;line-height:1}.search-box button:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.empty-message{color:var(--muted);margin:18px 0 0;font-weight:700}nav a:hover,.section-header a:hover{border-color:var(--accent);color:var(--accent)}.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:26px;display:grid}.list-page{padding-top:26px}.detail-page{background:var(--surface);border-bottom:1px solid var(--line);max-width:800px;margin:26px auto 0;padding:16px 0 22px}.article-detail-header{border-bottom:1px solid var(--line);padding-bottom:16px}.article-detail-header h2{margin:0;font-size:30px;line-height:1.35}.detail-meta{margin-top:12px}.detail-thumbnail{background:var(--thumb);border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;max-height:360px;margin-top:18px;display:flex;overflow:hidden}.detail-thumbnail img{height:auto;max-height:auto;width:auto;max-width:100%;display:block}.article-body{border-bottom:1px solid var(--line);padding:15px 0}.article-body h3{color:var(--accent-strong);margin:0 0 8px;font-size:15px;font-weight:800;line-height:1.4;display:block}.article-body p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.78}.excerpt-blocks{gap:14px;max-height:2600px;display:grid;overflow:hidden}.excerpt-text-list{gap:10px;display:grid}.excerpt-text-card{border:1px solid var(--line);background:#fbfcfa;border-left:4px solid #94a3b8;border-radius:8px;padding:12px 14px}.comment-card{border:1px solid var(--line);border-left:4px solid var(--accent);background:#fbfcfa;border-radius:8px;gap:9px;padding:12px 14px;display:grid}.comment-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;line-height:1.5;display:flex}.comment-number{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:30px;padding:6px 8px;font-size:12px;font-weight:800;line-height:1}.comment-name{color:var(--text);font-weight:800}.comment-id,.comment-be{font-family:Consolas,Courier New,monospace}.comment-body{color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.78}.comment-ref{color:var(--accent-strong);font-weight:800}.comment-media-list{gap:10px;display:grid}.excerpt-media{border:1px solid var(--line);background:#f4f7f5;border-radius:8px;margin:0;overflow:hidden}.excerpt-media img,.excerpt-media video{object-fit:contain;width:100%;height:auto;max-height:520px;display:block}.res-html-block{border-left:3px solid var(--line);overflow-wrap:anywhere;margin:2px 0;padding:6px 12px;font-size:18px;line-height:1.8}.res-html-block dd{margin-inline-start:0}.res-html-block *{max-width:100%}.res-html-block img{width:auto;height:auto;margin:4px 0;display:block}.res-html-block iframe{border:0;width:100%;margin:8px 0;display:block}.res-html-block blockquote{border-left:2px solid var(--line);color:var(--muted);margin:4px 0 4px 8px;padding:2px 8px}.excerpt-video-fallback{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:16px;display:flex}.excerpt-video-fallback p{color:var(--muted);font-size:14px;line-height:1.6}.excerpt-video-fallback a{background:var(--surface-strong);color:#fff;border-radius:6px;padding:10px 12px;font-size:14px;font-weight:800}.excerpt-video-fallback a:hover{background:var(--accent)}.read-more{background:var(--surface-strong);color:#fff;border-radius:6px;width:fit-content;margin:18px auto 0;padding:14px 18px;font-size:15px;font-weight:800;line-height:1;display:inline-flex}.read-more:hover{background:var(--accent)}.detail-section{margin-top:26px}.detail-width-section{max-width:900px;margin:26px auto 0}.article-detail-main{max-width:1400px}.article-page-layout{align-items:flex-start;gap:24px;display:flex}.article-main-content{flex:1;min-width:0}.article-sidebar{display:none}.sidebar-section{margin-bottom:24px}@media (min-width:1200px){.article-main-content{flex:0 900px}.article-sidebar{flex:1;min-width:300px;margin-top:26px;display:block}.mobile-only-section{display:none}}.sidebar-article-list{margin:0;padding:0;list-style:none}.sidebar-article-item{border-bottom:1px solid var(--line);color:var(--text);align-items:flex-start;gap:10px;padding:8px 0;text-decoration:none;display:flex}.sidebar-article-list li:last-child .sidebar-article-item{border-bottom:none}.sidebar-article-item:hover .sidebar-article-title{text-decoration:underline}.sidebar-article-thumb{background:var(--line);width:50px;height:50px;color:var(--text-sub);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;display:flex;overflow:hidden}.sidebar-article-thumb img{object-fit:cover;width:100%;height:100%}.sidebar-article-meta{color:var(--text-sub);gap:8px;margin:4px 0 0;font-size:11px;display:flex}.sidebar-article-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.title-only-article-list{margin:0;padding:0;list-style:none}.title-only-article-list li{border-bottom:1px solid var(--line);padding:8px 16px}.title-only-article-list li:last-child{border-bottom:none}.title-only-article-list a{color:var(--text);font-size:14px;line-height:1.5;text-decoration:none}.title-only-article-list a:hover{text-decoration:underline}.infinite-feed{margin-top:10px}.infinite-feed .detail-page{margin-top:34px}.infinite-status{justify-content:center;align-items:center;gap:12px;min-height:58px;padding-top:18px;display:flex}.infinite-status span{color:var(--muted);font-size:14px;font-weight:700}.infinite-status button,.infinite-status a{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;border-radius:6px;padding:12px 16px;font-size:14px;font-weight:800;line-height:1}.infinite-status button:hover,.infinite-status a:hover{border-color:var(--accent);color:var(--accent)}.page-heading{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:16px}.page-heading h2{margin:0;font-size:28px;line-height:1.25}.page-heading p:last-child{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.7}.section{min-width:0}.section:last-child{grid-column:1/-1}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}h2{margin:0;font-size:20px;line-height:1.3}.article-list{border-top:1px solid var(--line)}.article-row{background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;min-height:92px;padding:10px;display:grid}.article-row:hover{background:#fbfcfa}.article-row.is-read{opacity:.72;background:#f0f2ee}.article-row.is-read h3{color:var(--muted)}.article-row.is-read .thumb img{filter:grayscale(.7)}.thumb{aspect-ratio:4/3;background:var(--thumb);border:1px solid var(--line);color:var(--surface-strong);text-align:center;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.article-main{min-width:0}.article-title-line{align-items:start;gap:8px;display:flex}.rank{background:var(--surface-strong);color:#fff;text-align:center;border-radius:4px;flex:none;min-width:24px;padding:5px 6px;font-size:12px;font-weight:800;line-height:1}h3{-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.article-meta{color:var(--muted);flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:12px;display:flex}.article-meta span:first-child{color:var(--accent-strong);font-weight:700}.read-badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 7px;font-size:11px;font-weight:800;line-height:1}.pagination{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.pagination a,.pagination span{min-width:120px}.pagination a{border:1px solid var(--line);color:var(--muted);text-align:center;border-radius:6px;padding:12px 14px;font-size:14px;font-weight:700;line-height:1}.pagination a:hover{border-color:var(--accent);color:var(--accent)}.archive-section{margin-top:22px}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.archive-grid.compact{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.archive-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:8px;padding:12px;display:grid}.archive-title{color:var(--text);font-size:16px;font-weight:800;line-height:1.4}.archive-card p{color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.5}.archive-actions{flex-wrap:wrap;gap:6px;margin:10px 0 14px;display:flex}.archive-card .archive-actions{margin:0}.archive-actions a{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:8px 9px;font-size:12px;font-weight:800;line-height:1}.archive-actions a:hover,.archive-title:hover{border-color:var(--accent);color:var(--accent)}.filter-row{flex-wrap:wrap;gap:12px;margin:0 0 14px;display:flex}.filter-row .site-filter,.filter-row .search-box{flex:300px;margin:0}.filter-row .search-box input,.filter-row .search-box select{min-width:140px}.site-filter{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:12px;display:flex}.site-filter label{color:var(--muted);font-size:13px;font-weight:800}.site-filter select{border:1px solid var(--line);color:var(--text);font:inherit;background:#fff;border-radius:6px;min-width:220px;padding:9px 10px;font-size:14px}.site-filter button,.site-filter a{background:var(--surface-strong);border:1px solid var(--surface-strong);color:#fff;cursor:pointer;font:inherit;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:800;line-height:1}.site-filter a{background:var(--surface);border-color:var(--line);color:var(--muted)}.site-filter button:hover,.site-filter a:hover{border-color:var(--accent);color:var(--accent)}.site-filter button:hover{background:var(--surface)}.scope-tabs{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.scope-tabs a{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:10px 12px;font-size:13px;font-weight:800;line-height:1}.scope-tabs a:hover,.scope-tabs a.active{border-color:var(--accent);color:var(--accent)}.scope-tabs a.active{background:#eef8f5}@media (max-width:820px){.site-header{flex-direction:column;align-items:start}.header-navs{justify-items:start;width:100%}nav{justify-content:flex-start}.sub-nav{max-width:100%}.header-tools,.site-jump,.search-box-compact{justify-content:flex-start;width:100%}.search-box input,.search-box select{min-width:0}.layout-grid{grid-template-columns:1fr}.section:last-child{grid-column:auto}}@media (max-width:520px){h1{font-size:28px}.article-row{grid-template-columns:110px minmax(0,1fr);min-height:84px}h3{font-size:14px}.article-detail-header h2{font-size:24px}.article-body p{font-size:15px}}.site-footer{border-top:1px solid var(--line);text-align:center;margin-top:40px;padding:20px}.site-footer a{color:var(--muted);font-size:13px;text-decoration:none}.site-footer a:hover{text-decoration:underline}.static-page{max-width:800px;margin:0 auto;padding:32px 0 48px}.static-page h1{margin:0 0 32px;font-size:26px;font-weight:800}.static-page h2{border-bottom:1px solid var(--line);margin:28px 0 8px;padding-bottom:6px;font-size:17px;font-weight:800}.static-page p{color:var(--text);margin:0 0 10px;font-size:14px;line-height:1.8}.static-page a{color:var(--accent);text-decoration:underline}.static-page section{margin-bottom:12px}.privacy-updated{color:var(--muted);margin-top:40px;font-size:13px}.page-description{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.7}.page-description a{color:var(--accent);text-decoration:underline}.site-card-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:16px;display:grid}.site-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.fav-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:20px;line-height:1}.fav-btn.is-fav,.fav-btn:hover{color:#e8a000}.site-card-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.site-card-name:hover{color:var(--accent)}.myfeed-sites{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.myfeed-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.myfeed-tabs a{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:10px 12px;font-size:13px;font-weight:800;line-height:1}.myfeed-tabs a:hover,.myfeed-tabs a.active{border-color:var(--accent);color:var(--accent)}.myfeed-tabs a.active{background:#eef8f5}.myfeed-site-badge{border:1px solid var(--accent);color:var(--accent);background:#eef8f5;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.myfeed-empty{color:var(--muted);margin-top:18px;font-size:14px;font-weight:700}.myfeed-empty a{color:var(--accent);text-decoration:underline}