.icon[data-astro-cid-ccg5yoga]{vertical-align:-.18em;flex-shrink:0}:root{color-scheme:light;--color-bg:#fff;--color-page:#eef1f4;--color-surface:#fff;--color-text:#333;--color-heading:#1a2633;--color-muted:#5c6670;--color-accent:#00498a;--color-accent-soft:#e2edf6;--color-primary:#00498a;--color-border:#d9dee4;--color-bg-soft:#f4f6f8;--color-footer:#414141;--color-footer-text:#e7e9ea;--color-glass:#ffffffb8;--color-glass-border:#00132414;--shadow-header:0 10px 30px #0013241f;--shadow-card:0 4px 12px #00132414}:root[data-theme=dark]{color-scheme:dark;--color-bg:#121212;--color-page:#121212;--color-surface:#1e2124;--color-text:#e7e9ea;--color-heading:#f0f2f4;--color-muted:#959595;--color-accent:#7fb2e5;--color-accent-soft:#1b466a;--color-primary:#1b466a;--color-border:#414141;--color-bg-soft:#2e2e2e;--color-footer:#000;--color-footer-text:#959595;--color-glass:#1e2124ad;--color-glass-border:#ffffff1a;--shadow-header:0 10px 30px #0000008c;--shadow-card:0 4px 12px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg:#121212;--color-page:#121212;--color-surface:#1e2124;--color-text:#e7e9ea;--color-heading:#f0f2f4;--color-muted:#959595;--color-accent:#7fb2e5;--color-accent-soft:#1b466a;--color-primary:#1b466a;--color-border:#414141;--color-bg-soft:#2e2e2e;--color-footer:#000;--color-footer-text:#959595;--color-glass:#1e2124ad;--color-glass-border:#ffffff1a;--shadow-header:0 10px 30px #0000008c;--shadow-card:0 4px 12px #00000080}}*{box-sizing:border-box}body{color:var(--color-text);background:var(--color-page);margin:0;font-family:Noto Sans JP,Yu Gothic Medium,游ゴシック Medium,YuGothic,游ゴシック体,Hiragino Sans,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif;line-height:1.8;transition:background .2s,color .2s}header{z-index:11;background:var(--color-glass);backdrop-filter:blur(14px)saturate(1.5);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-header);border-radius:2.5rem;margin:.75rem clamp(.75rem,2.5vw,1.5rem) 0;position:sticky;top:.75rem}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:0 clamp(1.1rem,2.5vw,1.6rem);display:flex}.brand{letter-spacing:.02em;color:var(--color-accent);font-size:1.2rem;font-weight:700;text-decoration:none}.header-controls{align-items:center;gap:.65rem;display:flex}.header-divider{background:var(--color-border);width:1px;height:1.4rem}.pill-button{border:1px solid var(--color-accent);height:2.2rem;color:var(--color-accent);background:var(--color-surface);white-space:nowrap;border-radius:2.5rem;align-items:center;gap:.35rem;padding:0 1.1rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,opacity .2s;display:inline-flex}.pill-button:hover,.pill-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pill-primary:hover{opacity:.85}.icon-button{border:1px solid var(--color-border);width:2.2rem;height:2.2rem;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s;display:flex}.icon-button:hover{color:var(--color-accent);border-color:var(--color-accent)}.icon-button span{display:flex}.menu-panel{background:var(--color-surface);border-left:1px solid var(--color-border);visibility:hidden;z-index:21;width:min(320px,85vw);transition:transform .3s,visibility .3s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 24px #00000026}body.menu-open .menu-panel{visibility:visible;transform:translate(0)}body.menu-open{overflow:hidden}.menu-overlay{opacity:0;pointer-events:none;z-index:20;background:#0006;transition:opacity .3s;position:fixed;inset:0}body.menu-open .menu-overlay{opacity:1;pointer-events:auto}.menu-panel-head{border-bottom:1px solid var(--color-border);color:var(--color-muted);letter-spacing:.05em;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.85rem;font-weight:700;display:flex}.menu-close{width:2rem;height:2rem;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.menu-close:hover{color:var(--color-accent);background:var(--color-bg-soft)}.menu-panel-inner{flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.5rem;display:flex}.menu-panel nav{flex-direction:column;display:flex}.menu-panel nav a{color:var(--color-text);border-bottom:1px solid var(--color-border);align-items:center;gap:.6rem;padding:.65rem .5rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.menu-panel nav a:last-child{border-bottom:none}.menu-panel nav a .icon{color:var(--color-accent)}.menu-panel nav a:hover{color:var(--color-accent);background:var(--color-accent-soft)}.search-form{gap:.4rem;display:flex}.search-form input{border:1px solid var(--color-border);background:var(--color-bg-soft);max-width:24rem;color:var(--color-text);border-radius:2.5rem;flex:1;padding:.4rem 1rem;font-family:inherit;font-size:.88rem}.search-form input:focus{outline:2px solid var(--color-accent-soft);border-color:var(--color-accent)}.search-form button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:2.5rem;padding:.4rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:opacity .2s}.search-form button:hover{opacity:.85}.menu-theme-toggle{border:none;border-top:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .5rem;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.menu-theme-toggle:hover{color:var(--color-accent);background:var(--color-accent-soft)}.menu-theme-label{align-items:center;gap:.6rem;display:flex}.menu-theme-label .icon{color:var(--color-accent)}.theme-switch{background:#c3cbd3;border-radius:999px;flex-shrink:0;width:2.5rem;height:1.35rem;transition:background .2s;position:relative}.theme-switch-knob{background:#fff;border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .2s;position:absolute;top:.15rem;left:.15rem;box-shadow:0 1px 3px #0000004d}:root[data-theme=dark] .theme-switch{background:var(--color-accent)}:root[data-theme=dark] .theme-switch-knob{transform:translate(1.15rem)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-switch{background:var(--color-accent)}:root:not([data-theme=light]) .theme-switch-knob{transform:translate(1.15rem)}}@media (width<=640px){header{margin:.5rem .6rem 0;top:.5rem}.header-inner{gap:.75rem;min-height:3.5rem;padding:0 .9rem 0 1.1rem}.brand{font-size:1.05rem}.header-controls{gap:.5rem}.header-divider{display:none}.pill-button{height:2rem;padding:0 .8rem;font-size:.8rem}.icon-button{width:2rem;height:2rem}}@media (width<=420px){.pill-label{display:none}.pill-button{border-radius:50%;justify-content:center;width:2rem;padding:0}}.menu-button .close-icon{display:none}body.menu-open .menu-button .close-icon{display:flex}body.menu-open .menu-button .open-icon{display:none}main{max-width:760px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.hero{max-width:760px;margin:0 auto;padding:2.25rem 1.5rem 0}.hero-inner{max-width:none}.hero h1{color:var(--color-heading);margin:0;font-size:1.25rem;line-height:1.4}.hero-lead{color:var(--color-muted);margin:.4rem 0 0;font-size:.88rem}.hero-search{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted);border-radius:2.5rem;align-items:center;gap:.5rem;margin-top:1.1rem;padding:.35rem .4rem .35rem 1.1rem;display:flex}.hero-search:focus-within{border-color:var(--color-accent)}.hero-search input{min-width:0;color:var(--color-text);background:0 0;border:none;flex:1;font-family:inherit;font-size:.95rem}.hero-search input:focus{outline:none}.hero-search button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:2.5rem;padding:.45rem 1.4rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:opacity .2s}.hero-search button:hover{opacity:.85}.hero-cats{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.hero-cat{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:2.5rem;align-items:center;gap:.45rem;padding:.3rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.hero-cat .icon{color:var(--color-accent)}.hero-cat:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero-cat-count{color:var(--color-muted);font-size:.78rem;font-weight:400}footer{color:var(--color-muted);border-top:1px solid var(--color-border);text-align:center;margin-top:3rem;padding:1.75rem 1rem 2.25rem;font-size:.8rem}footer p{margin:0}h1{letter-spacing:.02em;color:var(--color-heading);margin-top:0;font-size:1.7rem;font-weight:700;line-height:1.4}.page-eyebrow{letter-spacing:.08em;color:var(--color-accent);margin-bottom:.15rem;font-size:.78rem;font-weight:700;display:block}main section h2{color:var(--color-heading);align-items:center;gap:.5rem;margin-top:2.5rem;margin-bottom:1rem;font-size:1.05rem;font-weight:700;display:flex}main section h2 .icon{color:var(--color-accent)}main>section:first-child h2{margin-top:0}main section h2 .section-link{color:var(--color-accent);white-space:nowrap;margin-left:auto;font-size:.82rem;font-weight:500;text-decoration:none}main section h2 .section-link:hover{text-decoration:underline}a{color:var(--color-accent)}.card{background:var(--color-surface);border-radius:10px;margin-bottom:.75rem;padding:1.1rem 1.4rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0013240d}.card.card-featured{padding:1.5rem 1.6rem}.card.card-featured h3{font-size:1.25rem;line-height:1.5}.new-badge{vertical-align:.12em;background:var(--color-primary);color:#fff;letter-spacing:.06em;border-radius:2.5rem;margin-right:.45rem;padding:0 .55rem;font-size:.68rem;font-weight:700;display:inline-block}.card-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;display:grid}.card-grid .card{margin-bottom:0}.card:hover{box-shadow:var(--shadow-card)}.card h3{margin:0 0 .25rem;font-size:1.05rem}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.card p{color:var(--color-muted);margin:.25rem 0;font-size:.9rem}.meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem;font-size:.8rem;display:flex}.meta span,.meta .meta-link{align-items:center;gap:.3rem;display:inline-flex}.meta .meta-link{color:var(--color-muted);text-decoration:none}.meta .meta-link:hover{color:var(--color-accent);text-decoration:underline}.copy-url-button{vertical-align:middle;border:1px solid var(--color-accent);background:var(--color-surface);width:1.9rem;height:1.9rem;color:var(--color-accent);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:.5rem;padding:0;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.copy-url-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.copy-url-button span{display:flex}.copy-url-button .copied-icon{display:none}.copy-url-button.is-copied{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.copy-url-button.is-copied .copy-icon{display:none}.copy-url-button.is-copied .copied-icon{display:flex}.article-tags{margin-top:.5rem}.tag-badge{background:var(--color-bg-soft);color:var(--color-muted);border-radius:2.5rem;padding:.1rem .7rem;font-size:.76rem;text-decoration:none;display:inline-block}.tag-badge:hover{color:var(--color-accent);background:var(--color-accent-soft)}.category-badge{background:var(--color-accent-soft);color:var(--color-accent);letter-spacing:.03em;border-radius:2.5rem;padding:.05rem .7rem;font-size:.76rem;font-weight:700;text-decoration:none;display:inline-block}.category-badge:hover{opacity:.8}.link-card{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);border-radius:10px;align-items:stretch;gap:1rem;margin-bottom:.75rem;text-decoration:none;transition:border-color .15s,box-shadow .2s;display:flex;overflow:hidden}.link-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card)}.link-card-thumb{object-fit:cover;flex-shrink:0;width:180px;min-height:100px}.link-card-thumb-fallback{color:var(--color-muted);background:var(--color-bg-soft);justify-content:center;align-items:center;display:flex}.link-card-body{flex-direction:column;justify-content:center;min-width:0;padding:.7rem 1rem;display:flex}.link-card-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.link-card-desc{color:var(--color-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.2rem;font-size:.85rem;display:-webkit-box;overflow:hidden}.link-card-host{color:var(--color-muted);margin-top:.35rem;font-size:.78rem}@media (width<=600px){.link-card{flex-direction:column}.link-card-thumb{width:100%;height:140px}}.search-count{color:var(--color-muted);margin:-.5rem 0 1.25rem;font-size:.88rem}.link-entry{margin-bottom:1.4rem}.link-entry .link-card{margin-bottom:.35rem}.link-source{color:var(--color-muted);padding-left:.2rem;font-size:.8rem}.link-source a{color:var(--color-muted);text-decoration:none}.link-source a:hover{color:var(--color-accent);text-decoration:underline}.empty{color:var(--color-muted);background:var(--color-surface);border:1px dashed var(--color-border);text-align:center;border-radius:10px;padding:1.5rem}main>article{background:var(--color-surface);border-radius:12px;padding:2rem clamp(1.25rem,4vw,2.5rem) 2.5rem;box-shadow:0 1px 3px #0013240d}.prose h2{border-bottom:2px solid var(--color-border);margin-top:2.2rem;padding-bottom:.4rem;font-size:1.25rem;position:relative}.prose h2:after{content:"";background:var(--color-accent);width:4rem;height:2px;position:absolute;bottom:-2px;left:0}.prose pre{color:#e7e9ea;border:1px solid var(--color-border);background:#121212;border-radius:8px;padding:1rem;font-size:.88rem;position:relative;overflow-x:auto}.code-copy-button{color:#9aa4ad;cursor:pointer;opacity:.55;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;padding:0;transition:opacity .15s,color .15s,border-color .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.prose pre:hover .code-copy-button,.code-copy-button:focus-visible{opacity:1}.code-copy-button:hover{color:#e7e9ea;border-color:#fff6}.code-copy-button.is-copied{opacity:1;color:#7ee787;border-color:#7ee78780}.prose code{background:var(--color-bg-soft);border-radius:4px;padding:.1rem .3rem;font-size:.9em}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--color-accent-soft);color:var(--color-muted);margin-left:0;padding-left:1rem}.prose img{max-width:100%}.prose table{border-collapse:collapse}.prose th,.prose td{border:1px solid var(--color-border);padding:.4rem .8rem}.prose th{background:var(--color-bg-soft)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}