:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#1e1f1c;--surface:#fff;--text-on-accent:var(--surface);--mie-bg:#f3f5f0;--mie-gray-green:#e6e9de;--mie-teal:#005773;--mie-teal-hover:#004258;--mie-coral:#f48e6a;--text-muted:#5f5f5f;--text-subtle:#6e6e6e;--hairline:1px solid var(--mie-gray-green);--font-sans:"Hanken Grotesk", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;--font-numeric:"Bebas Neue", "Hanken Grotesk", sans-serif;--radius-card:16px;--radius-pill:999px;--shadow-card:0 4px 20px #0000000f;--shadow-card-hover:0 8px 30px #0000001a;--shadow-nav:0 2px 10px #00000040;--ease:cubic-bezier(.2, 0, 0, 1);--content-max:1080px;--grid-gap:28px;--card-pad:32px}*,:before,:after{box-sizing:border-box}body{background:var(--surface);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.875}a{color:var(--mie-teal);transition:color .2s var(--ease);text-decoration:none}a:hover{color:var(--mie-teal-hover)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--mie-teal);outline-offset:2px}button,input{font:inherit}h1,h2,h3{margin:0;font-weight:700;line-height:1.25}.icon{flex:none}.shell{max-width:calc(var(--content-max) + 80px);margin:auto;padding:0 40px}.masthead{background:var(--surface);border-bottom:var(--hairline)}.masthead .shell{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.language-nav{border:var(--hairline);border-radius:var(--radius-pill);background:var(--surface);padding:3px;display:inline-flex}.language-nav a{border-radius:var(--radius-pill);color:var(--text-muted);padding:4px 12px;font-size:14px;font-weight:500;line-height:1.4}.language-nav a[aria-current=page]{background:var(--mie-teal);color:var(--text-on-accent)}.pill{border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .12s var(--ease);border:1px solid #0000;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.pill:hover{transform:translateY(-1px)}.pill-accent{background:var(--mie-teal);color:var(--text-on-accent)}.pill-accent:hover{background:var(--mie-teal-hover);color:var(--text-on-accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1{letter-spacing:-.01em;margin:0;font-size:20px;line-height:1}h1 a,h1 a:hover{color:inherit}.brand{letter-spacing:.08em;align-items:center;gap:.5em;display:inline-flex}.brand-by{letter-spacing:.02em;white-space:nowrap;color:var(--text-muted);font-size:.6em;font-weight:500}.brand-mark{width:auto;height:1.5em;color:var(--mie-teal)}main.shell{padding-top:40px;padding-bottom:112px}.notice{background:var(--mie-bg);border-radius:12px;align-items:center;gap:12px;margin:0 0 32px;padding:16px 24px;font-size:14px;line-height:1.7;display:flex}.notice:before{content:"";background:var(--mie-teal);border-radius:50%;flex:none;width:8px;height:8px}.notice.error:before{background:var(--mie-coral)}.toolbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filter{border:var(--hairline);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.4;display:inline-flex}.filter:hover{border-color:var(--mie-teal);color:var(--mie-teal)}.filter[aria-current=true]{background:var(--mie-teal);border-color:var(--mie-teal);color:var(--text-on-accent)}.source-mark{background:var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-8px;display:inline-flex}.search-form{flex:0 0 340px;gap:8px;display:flex}.search{flex:1;min-width:0;display:block;position:relative}.search .icon{color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search input{border:var(--hairline);border-radius:var(--radius-pill);background:var(--surface);width:100%;height:40px;color:var(--text);transition:border-color .2s var(--ease);outline:none;padding:0 16px 0 42px;font-size:14px;display:block}.search input:focus{border-color:var(--mie-teal)}.search-form .pill{height:40px}.cards{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card{background:var(--surface);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-card);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:1px solid #0000000a;overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-skeleton,.card-skeleton:hover{box-shadow:var(--shadow-card);transform:none}.skeleton{background:linear-gradient(100deg, transparent 30%, #ffffffb3 50%, transparent 70%) var(--mie-bg);animation:skeleton-shimmer 1.6s var(--ease) infinite;animation-delay:calc(var(--index,0) * 80ms);background-size:250% 100%}.skeleton-filter{border-radius:var(--radius-pill);height:38px;display:block}.skeleton-search{border-radius:var(--radius-pill);flex:1;height:40px;display:block}.skeleton-line{border-radius:7px;height:14px;margin-bottom:12px;display:block}.skeleton-line:first-child{width:32%;height:20px;margin-bottom:16px}.skeleton-line:nth-child(2),.skeleton-line:nth-child(3){height:20px}.skeleton-line:nth-child(3){width:70%;margin-bottom:20px}.skeleton-line:nth-child(5){width:85%;margin-bottom:0}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.card-link{height:100%;color:var(--text);flex-direction:column;display:flex}.card-link:hover{color:var(--text)}.card-media{aspect-ratio:1200/630;background:var(--mie-gray-green);flex:none;display:block;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;display:block}.media-placeholder{background:var(--mie-bg);height:100%;color:var(--mie-teal);justify-content:center;align-items:center;display:flex}.placeholder-mark{width:22%;height:auto}.placeholder-logo{width:44%;height:auto}.source-name{background:var(--surface);max-width:calc(100% - 24px);color:var(--text);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.4;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 1px 4px #0000001f}.source-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-icon{flex:none;width:14px;height:14px}.card-content{padding:24px var(--card-pad) var(--card-pad);flex-direction:column;flex:1;display:flex}.card-date{font-family:var(--font-numeric);letter-spacing:.04em;color:var(--text-muted);margin-bottom:12px;font-size:20px;line-height:1}.card-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:18px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-description{-webkit-line-clamp:3;color:var(--text-muted);-webkit-box-orient:vertical;margin:12px 0 0;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.card-action{color:var(--mie-teal);align-items:center;gap:6px;margin-top:auto;padding-top:24px;font-size:14px;font-weight:700;line-height:1.4;display:inline-flex}.empty{text-align:center;color:var(--text-muted);background:var(--mie-bg);border-radius:var(--radius-card);padding:64px 24px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:64px;display:flex}.pagination a{border:var(--hairline);border-radius:var(--radius-pill);background:var(--surface);min-width:44px;height:44px;color:var(--text);transition:border-color .2s var(--ease), color .2s var(--ease);justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.pagination a:hover{border-color:var(--mie-teal);color:var(--mie-teal)}.pagination a[aria-current=page]{background:var(--mie-teal);border-color:var(--mie-teal);color:var(--text-on-accent)}.page-range{text-align:center;color:var(--text-muted);font-family:var(--font-numeric);letter-spacing:.04em;margin:16px 0 0;font-size:18px}.footer-links,.feed-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-links a{color:var(--text-muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.footer-links a:hover{color:var(--mie-teal)}.site-footer{background:var(--mie-bg);padding:56px 0 40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-logo{width:auto;height:40px;color:var(--text);display:block}.copyright{text-align:right;color:var(--text-subtle);margin:40px 0 0;font-size:13px}@media (width<=960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-direction:column;align-items:stretch}.search-form{flex:auto;max-width:400px}main.shell{padding-top:40px;padding-bottom:96px}}@media (width<=620px){:root{--grid-gap:24px;--card-pad:28px}.shell{padding:0 16px}.masthead .shell{height:56px}h1{font-size:18px}.cards{grid-template-columns:1fr}main.shell{padding-top:32px;padding-bottom:64px}.pagination{margin-top:48px}.copyright{text-align:left}}@media (width<=359px){.brand-by{display:none}}@media (prefers-reduced-motion:reduce){.card,.pill,.filter,a{transition:none}.card:hover,.pill:hover{transform:none}.skeleton{animation:none}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#d5d8cf;--surface:#22241f;--mie-bg:#2c2e29;--mie-gray-green:#3d4038;--mie-teal:#62b2c9;--mie-teal-hover:#87c6d8;--text-muted:#a3a69d;--text-subtle:#969991}.card{border-color:var(--mie-gray-green)}.skeleton{background-color:var(--mie-bg);background-image:linear-gradient(100deg,#0000 30%,#ffffff0f 50%,#0000 70%)}.source-mark,.source-name{color:#1e1f1c;background:#fff}.media-placeholder{color:#005773;background:#f3f5f0}}