:root{color:#17343b;-webkit-font-smoothing:antialiased;background:#f1f2f0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #db775f}.shell{width:min(100% - 32px,1120px);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{background:#fff;border-bottom:1px solid #e2e5e1;height:64px}.header-inner{align-items:center;height:100%;display:flex}.brand{letter-spacing:-.05em;white-space:nowrap;align-items:center;font-size:18px;font-weight:900;display:inline-flex}.brand strong{color:#d97863}.index{min-height:calc(100dvh - 64px);padding-top:26px;padding-bottom:64px}.search-field{background:#fff;border:1px solid #d5ddd9;border-radius:10px;align-items:center;gap:11px;width:min(100%,540px);height:52px;padding:0 16px;display:flex;box-shadow:0 2px 12px #183b3c08}.search-field:focus-within{border-color:#4a9695;box-shadow:0 0 0 3px #8acac53b}.search-field svg{fill:none;stroke:#628080;stroke-width:2px;stroke-linecap:round;flex:none;width:20px;height:20px}.search-field input{color:#17343b;width:100%;height:100%;font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:15px}.search-field input::placeholder{color:#8b9b9b}.search-field input:focus-visible{outline:none}.story-list{gap:12px;width:min(100%,600px);margin-top:20px;display:grid}.story-card{background:#fff;border:1px solid #dbe1dd;border-radius:12px;display:block;overflow:hidden;box-shadow:0 4px 18px #17343b0c}.story-card:hover,.story-row:hover{border-color:#a7cac4}.cover-frame{aspect-ratio:2;background:#d9e9e5;overflow:hidden}.story-cover{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.story-copy{padding:15px 16px 16px}.issue-id{color:#b66d5d;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace}.story-title-row{justify-content:space-between;align-items:center;gap:8px;margin-top:5px;display:flex}.story-title-row h2{letter-spacing:-.06em;margin:0;font-size:22px}.story-title-row>span{color:#d4745e;font-size:22px}.story-meta{color:#718587;gap:12px;margin-top:9px;font-size:12px;font-weight:700;display:flex}.story-row{background:#fff;border:1px solid #dbe1dd;border-radius:12px;align-items:center;gap:16px;min-height:104px;padding:10px;display:flex}.row-cover{aspect-ratio:2;background:#d9e9e5;border-radius:7px;flex:none;width:120px;overflow:hidden}.row-copy{flex:1;min-width:0}.row-copy h2{letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 3px;font-size:18px;line-height:1.3;overflow:hidden}.row-category{color:#718587;font-size:11px;font-weight:700}.row-arrow{color:#809a98;margin-right:10px;font-size:20px}.empty-state{color:#63787b;margin:8px 0;font-size:14px}.not-found{padding-top:50px}.not-found h1{font-size:23px}.not-found a{color:#206e71;text-decoration:underline}@media (width<=640px){.site-header{height:56px}.header-inner{width:min(100% - 24px,1120px)}.brand{font-size:16px}.index{padding-top:18px}.story-row{gap:12px;min-height:82px;padding:8px}.row-cover{width:96px}.row-copy h2{font-size:16px}.row-arrow{margin-right:4px}}