:root{--app-font:"Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic UI", "Hiragino Sans", sans-serif;color:#28241e;font-family:var(--app-font);font-synthesis:none;background:#f5f1e7}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;min-height:100vh;margin:0}body.reference-dialog-open{overflow:hidden}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.42}a{color:#6f4e28;text-underline-offset:3px}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #a9433747}.site-header{z-index:10;background:#23201bf5;align-items:center;min-height:64px;padding:10px max(20px,50vw - 560px);display:flex;position:sticky;top:0}.site-header a{color:#fff;font-size:18px;font-weight:700;text-decoration:none}.layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:28px;width:min(1120px,100% - 32px);margin:0 auto;padding:38px 0 80px;display:grid}main{min-width:0}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.page-heading h1{margin:0;font-size:42px;line-height:1.2}.page-heading>span{color:#817767;font-size:13px}.eyebrow{color:#876f4c;letter-spacing:.18em;margin:0 0 4px;font-size:11px;font-weight:800}.empty{color:#71695c}.position-search{background:#fdfaf3;border:1px solid #d8cbb7;border-radius:10px;margin:0 0 22px;padding:16px}.position-search details>summary{cursor:pointer;color:#766b5c;align-items:flex-start;gap:7px;font-size:13px;list-style:none;display:flex}.position-search details>summary::-webkit-details-marker{display:none}.position-search details>summary small{color:#887a68;margin-top:4px;font-size:12px;font-weight:400;display:block}.position-search-check{color:#765b30;background:#fffdf8;border:1px solid #b9a98f;border-radius:4px;flex:none;place-items:center;width:18px;height:18px;font-size:17px;line-height:1;transition:transform .15s;display:inline-grid}.position-search details[open] .position-search-check{transform:rotate(90deg)}.position-search-board{width:min(410px,100%);margin:12px auto 0}.position-search-board .renju-board{cursor:crosshair;touch-action:none}.position-search-controls{color:#766b5c;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.position-search-controls button,.active-filters button{background:#fffdf8;border:1px solid #c7b99f;border-radius:6px;padding:7px 10px}.position-search-controls strong{color:#6b4b18}.active-filters{flex-wrap:wrap;align-items:center;gap:6px;margin:-6px 0 12px;display:flex}.active-filters span{color:#6b583f;background:#e9dfcf;border-radius:999px;padding:4px 9px;font-size:11px}.active-filters button{margin-left:auto}.article-list{background:#fffdf8;border:1px solid #d5cbb9;border-radius:10px;overflow:hidden}.article-list>.empty{text-align:center;margin:0;padding:46px 22px}.article-row-shell{border-bottom:1px solid #e7dfd1}.article-row-shell:last-of-type{border-bottom:0}.article-row{width:100%;color:inherit;align-items:center;gap:16px;padding:20px 22px;text-decoration:none;display:flex}.article-row:hover{background:#f6efe2}.article-row-thumbnail{background:#e8dfd0;border-radius:7px;flex:0 0 112px;width:112px;height:76px;display:block;overflow:hidden}.article-row-thumbnail>img,.article-row-thumbnail>.renju-board,.empty-thumbnail{width:100%;height:100%;display:block}.article-row-thumbnail>img{object-fit:cover}.article-row-thumbnail>.renju-board{box-shadow:none;border-radius:0;margin:0}.empty-thumbnail{color:#ffffffd1;background:#b98a56;place-items:center;font-size:28px;font-weight:800;display:grid}.article-row-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.article-row-content>strong{font-size:17px;line-height:1.5}.article-row-author,.article-author{color:#796a58;font-size:12px}.article-author{margin:-3px 0 12px;font-size:14px}.article-row-meta{color:#746b5e;align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.article-row-tags{flex-flow:wrap;gap:5px;margin-top:5px;display:flex}.article-row-date{color:#887f70;white-space:nowrap;align-self:flex-start;font-size:12px}.category-label{color:#705b3d;font-weight:700;text-decoration:none}.tag-chip{color:#725b3d;background:#ebe2d2;border-radius:999px;width:fit-content;padding:3px 8px;font-size:12px;text-decoration:none;display:inline-flex}.blog-sidebar{flex-direction:column;gap:18px;display:flex}.sidebar-card{background:#fffdf8;border:1px solid #d5cbb9;border-radius:10px;overflow:hidden}.sidebar-card h2{border-bottom:1px solid #e2d9ca;margin:0;padding:13px 15px;font-size:17px}.sidebar-card nav{flex-direction:column;display:flex}.sidebar-card nav a{color:#3f382f;border-bottom:1px solid #eee7dc;justify-content:space-between;gap:8px;padding:10px 14px;text-decoration:none;display:flex}.sidebar-card nav a:last-child{border-bottom:0}.sidebar-card nav a:hover{color:#7c342c;background:#eee3d1}.sidebar-card nav small{text-align:center;background:#e4d7c2;border-radius:999px;min-width:24px;padding:2px 6px}.sidebar-card nav.site-links a{flex-direction:column;align-items:flex-start;display:flex}.sidebar-card nav.site-links span{font-weight:700}.sidebar-card nav.site-links small{color:#776d60;text-align:left;background:0 0;padding:0;line-height:1.5}.sidebar-card>.empty{margin:0;padding:14px 15px;font-size:12px;line-height:1.7}.calendar-heading{border-bottom:1px solid #e2d9ca;grid-template-columns:38px 1fr 38px;align-items:center;display:grid}.calendar-heading h2{text-align:center;border:0;margin:0;padding:0;font-size:16px}.calendar-heading button{background:0 0;border:0;padding:10px;font-size:24px}.calendar-heading button:hover{background:#f2eadc}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-grid.weekdays{color:#7e7465;text-align:center;padding:8px 8px 3px;font-size:10px}.calendar-grid.days{padding:3px 8px 10px}.calendar-grid.days>span,.calendar-grid.days>button{color:#3b352d;background:0 0;border:0;border-radius:6px;min-height:34px;font-size:12px;position:relative}.calendar-grid.days>button.has-articles{color:#794b2b;background:#eee1cb;font-weight:800}.calendar-grid.days>button.selected{color:#fff;background:#a94337}.calendar-grid.days>button small{font-size:8px;position:absolute;bottom:0;right:2px}.article-view{width:min(820px,100%);min-width:0;margin:0 auto}.article-view-header{border-bottom:1px solid #cfc2ad;margin-bottom:44px;padding-bottom:24px}.article-view-header h1{margin:4px 0 12px;font-size:clamp(34px,6vw,52px);line-height:1.25}.unlisted-notice{color:#71332d;background:#fff0ee;border:1px solid #d9a09a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;width:fit-content;margin:12px 0 14px;padding:9px 12px;font-size:13px;display:flex}.unlisted-notice strong{color:#fff;letter-spacing:.08em;background:#a94337;border-radius:999px;padding:3px 9px;font-size:12px}.protected-notice{color:#65480e;background:#fff5d9;border:1px solid #d8ba72;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;width:fit-content;margin:12px 0 14px;padding:9px 12px;font-size:13px;display:flex}.protected-notice strong{color:#fff;letter-spacing:.08em;background:#8a650f;border-radius:999px;padding:3px 9px;font-size:12px}.password-gate{text-align:center;background:#fffdf8;border:1px solid #d4c6ac;border-radius:12px;max-width:620px;margin:36px auto;padding:28px;box-shadow:0 8px 28px #3e311e14}.password-gate-icon{color:#684b0e;background:#ead9a9;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:16px;font-weight:800;display:grid}.password-gate h2{margin:0 0 10px;font-size:23px}.password-gate>p{color:#6f6659;line-height:1.7}.password-gate form{text-align:left;margin-top:22px}.password-gate form>label{margin-bottom:7px;font-size:13px;font-weight:800;display:block}.password-gate form>div{gap:8px;display:flex}.password-gate input{min-width:0;font:inherit;border:1px solid #bfae91;border-radius:7px;flex:1;padding:11px 12px}.password-gate button{color:#fff;background:#6d5016;border:0;border-radius:7px;padding:11px 16px;font-weight:800}.password-gate .password-error{color:#8a2d25;background:#f8ded9;border-radius:7px;padding:9px 11px;font-weight:700}.article-metadata-view{color:#706657;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.share-actions{justify-content:flex-end;margin-top:22px;display:flex}.x-share-button{color:#fff;background:#111;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.x-share-button:hover{background:#333}.article-view-content{min-width:0;max-width:100%}.article-view-content :is(p,h2,h3,h4,figcaption){overflow-wrap:anywhere}.article-view-content h2{margin:48px 0 18px;font-size:28px}.article-view-content h3{margin:38px 0 16px;font-size:23px}.article-view-content h4{margin:30px 0 14px;font-size:19px}.article-view-content p{white-space:pre-wrap;line-height:1.9}.article-paragraph{margin:0 0 26px;font-size:17px;line-height:2!important}.article-paragraph a{color:#8f352c;text-decoration-thickness:1px}.article-paragraph-group{margin-bottom:26px}.link-card{color:#302a23;background:#fffdf8;border:1px solid #cfc2ad;border-radius:10px;grid-template-columns:132px minmax(0,1fr) 24px;margin:28px 0;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 14px #3e311e12}.link-card:hover{border-color:#a77c56;box-shadow:0 7px 20px #3e311e21}.link-card.invalid{opacity:.7}.link-thumbnail{color:#fff;background:#8f6845;place-items:center;min-height:112px;font-size:38px;display:grid;position:relative;overflow:hidden}.link-thumbnail.internal{background:#735136}.article-view-content .link-thumbnail img{object-fit:cover;border-radius:0;width:100%;max-width:none;height:100%;position:absolute;inset:0}.link-card-body{flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:16px 18px;display:flex}.link-card-body>strong{font-size:16px}.link-card-body>span{color:#62594d;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.link-card-body small{color:#8a7b68;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.external-mark{color:#8b5d3c;align-self:center;font-size:20px}.embed-card{color:#302a23;background:#fffdf8;border:1px solid #cfc2ad;border-radius:10px;grid-template-columns:180px minmax(0,1fr) 24px;margin:28px 0;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 14px #3e311e12}.embed-card:hover{border-color:#a77c56;box-shadow:0 7px 20px #3e311e21}.embed-thumbnail{background:#211f1c;min-height:112px;display:block;position:relative;overflow:hidden}.embed-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.embed-provider{color:#fff;background:#111;place-items:center;min-height:112px;font-size:42px;font-weight:700;display:grid}.embed-card-body{flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:16px 18px;display:flex}.embed-card-body>strong{font-size:16px}.embed-card-body>span{color:#62594d;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.embed-card-body small{color:#8a7b68;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-view-content figure{margin:32px 0}.article-view-content img{border-radius:8px;max-width:100%;height:auto;display:block}.article-view-content figcaption{color:#756b5d;margin-top:8px;font-size:13px}.article-toggle{margin:18px 0}.article-toggle>summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.article-toggle>summary::-webkit-details-marker{display:none}.article-toggle>summary:before{content:"▶";color:#9a6d37;flex:none;font-size:13px;transition:transform .15s}.article-toggle[open]>summary:before{transform:rotate(90deg)}.article-toggle>summary>:is(h2,h3,h4){flex:1}.article-toggle-content{border-left:2px solid #e3d7c3;margin-left:20px;padding-left:18px}.renju-board{border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 3px 12px #3726122e}.board-view-main{min-width:0}.move-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:12px;display:flex}.move-controls button{background:#f9f4e9;border:1px solid #c8b897;border-radius:6px;padding:7px 10px}.move-controls strong{text-align:center;min-width:84px;font-size:13px}.control-separator{background:#c8b897;width:1px;height:24px;margin:0 3px}.copy-notice{color:#0000;text-align:center;min-height:25px;margin-top:7px;font-size:12px;font-weight:700;transition:color .15s}.copy-notice.visible{color:#28703c}.board-figure{grid-template-columns:minmax(360px,1fr) minmax(220px,.55fr);align-items:start;gap:24px;width:min(920px,100%);margin:42px 50%;display:grid;transform:translate(-50%)}.board-figure>strong{grid-column:1/-1;margin-bottom:-14px;font-size:1.05rem}.board-figure>.board-view-main{grid-column:1}.board-figure>p{overflow-wrap:anywhere;background:#eee5d6;border-left:4px solid #a86737;grid-column:2;min-width:0;margin:0;padding:18px 20px;line-height:1.8}.board-figure>p.empty-comment{color:#817767;font-style:italic}.board-figure.embedded{width:100%;margin:20px 0 0;transform:none}.reference-link{color:#70451e;font:inherit;cursor:pointer;background:#f4e5c6;border:0;border-bottom:1px dashed #9a5d2f;padding:0 2px;display:inline}.reference-link span{margin-left:3px;font-size:.72em}dialog.reference-dialog{color:#2e2922;background:#fffdf8;border:1px solid #cdbb9d;border-radius:12px;width:min(880px,100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;overflow:auto;box-shadow:0 20px 70px #231a0f52}dialog.reference-dialog::backdrop{background:#1e1912a6}dialog.reference-dialog>header{border-bottom:1px solid #ddd0bb;justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}dialog.reference-dialog>header h2{margin:2px 0 14px}dialog.reference-dialog>header small{color:#8b6a45;letter-spacing:.08em;font-weight:700}dialog.reference-dialog>header button{background:#fff;border:1px solid #bbaa8e;border-radius:7px;padding:8px 13px}@media (width<=1024px){.layout{grid-template-columns:minmax(0,1fr)}.blog-sidebar{width:min(820px,100%);margin:0 auto}}@media (width<=760px){.layout{grid-template-columns:1fr;width:min(100% - 20px,1120px);padding-top:22px}.page-heading h1{font-size:36px}.article-row{align-items:flex-start;gap:12px;padding:14px 12px}.article-row-thumbnail{flex-basis:82px;width:82px;height:68px}.article-row-date{display:none}.link-card{grid-template-columns:92px minmax(0,1fr) 20px}.link-thumbnail{min-height:96px}.embed-card{grid-template-columns:110px minmax(0,1fr) 20px}.embed-thumbnail,.embed-provider{min-height:96px}.board-figure{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:10px;width:100%;margin:36px 0;transform:none}.board-figure>p{padding:12px;font-size:13px;line-height:1.65}.board-figure .move-controls{gap:4px}.board-figure .move-controls button{padding:6px 7px;font-size:11px}.board-figure .move-controls strong{min-width:0;font-size:11px}.board-figure .control-separator{margin:0 1px}.article-toggle-content{margin-left:8px;padding-left:10px}}@media (width<=520px){.board-figure{grid-template-columns:minmax(0,1fr)}.board-figure>.board-view-main,.board-figure>p{grid-column:1}.board-figure>p{border-top:4px solid #a86737;border-left:0}.password-gate{padding:22px 16px}.password-gate form>div{flex-direction:column}}