.article-main{margin-block-start:calc(var(--header-h) + var(--nav-h))}body:has(.article-buy-bar){padding-block-end:64px}.article-header{background:var(--bg-white);flex-direction:column;gap:8px;padding:16px 16px 0;display:flex}.article-header .article-header__meta{align-items:center;gap:8px;display:flex}.article-cat{letter-spacing:.08em;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.article-cat:before{content:"";background:currentColor;block-size:11px;inline-size:3px}.article-sub-cat{font-family:var(--font-mono), "Noto Sans JP", sans-serif;color:var(--text-muted);margin-block-start:-2px;font-size:10px;display:block}.article-access{color:#dd5f5f;white-space:nowrap;border:1px solid #dd5f5f;align-items:center;block-size:20px;margin-inline-start:auto;padding-inline:7px;font-size:10px;font-weight:700;display:inline-flex}.article-access--free{border-color:var(--border);color:var(--text-muted)}.article-title{font-family:var(--font-noto), "Noto Sans JP", sans-serif;letter-spacing:.01em;color:#0e1a35;text-wrap:pretty;font-size:22px;font-weight:900;line-height:1.45}.article-info{border-block:1px solid #f3f4f6;align-items:center;gap:10px;margin-block-start:6px;padding-block:12px;display:flex}.article-info .article-info__body{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.article-info .article-author{color:#0e1a35;font-size:13px;font-weight:700}.article-info .article-meta{font-family:var(--font-mono), "Noto Sans JP", sans-serif;color:#9ca3af;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;display:flex}.article-info .article-meta>*+:before{content:"・";margin-inline-end:8px}.article-info .article-date{color:inherit}.article-info .article-views{align-items:center;gap:3px;display:flex}.article-thumb{background:var(--bg-white);margin-block:14px 18px}.article-thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.article-toc{border:1px solid #e5e7eb;border-radius:8px;margin:16px;overflow:hidden}.article-toc .article-toc__title{color:#0e1a35;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:11px 14px;font-size:12px;font-weight:700;display:block}.article-toc .article-toc__list{margin:0;padding:0;list-style:none}.article-toc .article-toc__item{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.article-toc .article-toc__item:last-child{border-bottom:0}.article-toc .article-toc__num{font-family:var(--font-mono), "Noto Sans JP", sans-serif;color:#9ca3af;flex:none;font-size:10px}.article-toc .article-toc__label{color:#1a1f2b;flex:1;min-inline-size:0;text-decoration:none}.article-toc a.article-toc__label:hover{color:var(--accent-green)}.article-toc .article-toc__item--h3 .article-toc__label{padding-inline-start:12px}.article-toc .article-toc__item--locked{color:#9ca3af}.article-toc .article-toc__item--locked .article-toc__label{color:inherit}.article-toc .article-toc__lock{color:#dd5f5f;border:1px solid #dd5f5f;flex:none;align-items:center;block-size:17px;padding-inline:6px;font-size:10px;font-weight:700;display:inline-flex}.article-columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;margin-block:1.4em;display:grid}.article-columns[data-cols="1"]{grid-template-columns:minmax(0,1fr)}.article-columns[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.article-columns[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.article-columns[data-cols="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.article-columns[data-cols="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}.article-columns>*{text-align:center;min-inline-size:0;margin-block:0;font-size:.8125rem;line-height:1.5}.article-columns img{block-size:auto;inline-size:100%;margin-block-end:4px}.article-body table{border-collapse:collapse;inline-size:100%;margin-block:1.4em;font-size:13px;display:block;overflow-x:auto}.article-body table :is(th,td){border:1px solid var(--border);text-align:start;vertical-align:top;padding:8px 10px}.article-body table th{white-space:nowrap;background:#f9fafb;font-weight:700}.article-embed{border-radius:10px;margin-block:1.6em;overflow:hidden}.article-embed iframe{border:0;inline-size:100%;display:block}.article-embed--youtube iframe{aspect-ratio:16/9}.article-video{margin-block:1.6em}.article-video video{background:#000;border-radius:10px;max-block-size:70svh;inline-size:100%;display:block}.article-embed--x iframe{background:#fafafa;block-size:560px}@media not (min-width:560px){.article-embed--x iframe{block-size:480px}}.article-body{background:var(--bg-white);color:#1a1f2b;overflow-wrap:anywhere;flex-direction:column;padding:18px;font-size:13.5px;line-height:1.95;display:flex}.article-body p{color:#1a1f2b;margin:0 0 14px;font-size:13.5px;line-height:1.95}.article-body h2{font-family:var(--font-noto), "Noto Sans JP", sans-serif;color:#0e1a35;border-left:4px solid var(--accent-green);scroll-margin-top:calc(var(--header-h) + var(--sticky-h) + 8px);margin:14px 0 10px;padding-left:10px;font-size:18px;font-weight:900;line-height:1.4}.article-body h3{scroll-margin-top:calc(var(--header-h) + var(--sticky-h) + 8px)}.article-body img{border-radius:var(--radius);width:100%}.article-body ul,.article-body .wp-block-list{flex-direction:column;gap:6px;margin-block-end:14px;padding-inline-start:1.4em;list-style:outside;display:flex}:is(.article-body ul,.article-body .wp-block-list) li{color:#1a1f2b;font-size:13.5px;line-height:1.8}.article-body ol{flex-direction:column;gap:6px;margin-block-end:14px;padding-inline-start:1.4em;list-style:decimal;display:flex}.article-body ol li{color:#1a1f2b;font-size:13.5px;line-height:1.8}.article-body .wp-block-group.is-layout-flex{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;display:flex}.article-body .wp-block-group.is-layout-flex.is-nowrap{flex-wrap:nowrap}.article-body .wp-block-group.is-layout-flex .wp-block-image{flex:1 1 0;min-width:0;margin:0}.article-body .wp-block-group.is-layout-flex .wp-block-image img{width:100%;height:auto}.article-body .wp-block-gallery.has-nested-images{flex-wrap:wrap;gap:8px;display:flex}.article-body .wp-block-gallery.has-nested-images .wp-block-image{flex:0 calc(33.333% - 6px);min-width:80px;margin:0}.article-body .wp-block-gallery.has-nested-images .wp-block-image img{object-fit:cover;width:100%;height:100%}.article-body .wp-block-read-more{display:none}.article-body a img{transition:box-shadow .2s,transform .2s;box-shadow:0 4px 12px #00000026}.article-body a:hover img{transform:translateY(-2px);box-shadow:0 6px 20px #00000038}.article-body strong{color:var(--text-primary);font-weight:700}.article-body .wp-block-media-text{grid-template-columns:50% 1fr;align-items:center;gap:16px;display:grid}.article-body .wp-block-media-text .wp-block-media-text__media{grid-area:1/1}.article-body .wp-block-media-text .wp-block-media-text__media img{width:100%;height:auto}.article-body .wp-block-media-text .wp-block-media-text__content{grid-area:1/2;padding:0}.article-table{border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;overflow:hidden}.article-table .article-table__head{background:var(--bg-page);color:var(--text-secondary);grid-template-columns:1fr 2.5rem 1fr;gap:8px;padding:8px 12px;font-weight:700;display:grid}.article-table .article-table__row{border-block-start:1px solid var(--border);grid-template-columns:1fr 2.5rem 1fr;align-items:center;gap:8px;padding:10px 12px;display:grid}.article-table .article-table__row:nth-child(2n){background:#fafafa}.paid-barrier{margin-block-start:-36px;position:relative}.paid-barrier.paid-barrier--no-preview{margin-block-start:8px}.paid-barrier .paid-barrier__fade{background:linear-gradient(#fff0 0%,#fff 82%);block-size:88px}.paid-barrier .paid-barrier__content{background:var(--bg-white);border:1px solid #e5e7eb;border-radius:8px;margin:0 16px 16px;padding:20px 18px}.paid-barrier .paid-barrier__head{align-items:center;gap:8px;margin-block-end:14px;display:flex}.paid-barrier .paid-barrier__icon{color:#d4a853;background:#0e1a35;border-radius:50%;flex:none;place-items:center;block-size:30px;inline-size:30px;display:grid}.paid-barrier .paid-barrier__title{color:#0e1a35;font-size:16px;font-weight:900}.paid-barrier .paid-barrier__items{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.paid-barrier .paid-barrier__items li{color:#374151;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.7;display:flex}.paid-barrier .paid-barrier__items li:before{content:"";background:#dd5f5f;flex:none;block-size:5px;inline-size:5px;margin-block-start:5px}.paid-barrier .paid-barrier__stats{font-family:var(--font-mono), "Noto Sans JP", sans-serif;color:#9ca3af;margin:0 0 14px;font-size:10px}.paid-barrier .paid-barrier__btn{color:#fff;background:#dd5f5f;border-radius:6px;place-items:center;padding:13px;font-size:14px;font-weight:700;text-decoration:none;display:grid}.paid-barrier .paid-barrier__premium{color:#fff;background:#0e1a35;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-block-start:10px;padding:12px;font-size:12.5px;font-weight:700;text-decoration:none;display:flex}.paid-barrier .paid-barrier__premium svg{color:#d4a853;flex:none}.paid-barrier .paid-barrier__desc{text-align:center;color:#9ca3af;margin:12px 0 0;font-size:11px}.paid-barrier .paid-barrier__link{color:#dd5f5f;font-weight:700;text-decoration:underline}.purchase-success-banner{color:#065f46;background:#d1fae5;border-radius:8px;align-items:center;gap:8px;margin-block:16px;padding:12px 16px;font-size:.875rem;font-weight:600;display:flex}.purchase-success-banner .purchase-success-banner__icon{color:#fff;background:#059669;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:.75rem;display:grid}.article-actions{background:var(--bg-white);border-block-start:1px solid var(--border);border-block-end:1px solid var(--border);align-items:center;gap:8px;margin-block-start:1px;padding:12px 16px;display:flex}.action-btn{border:1.5px solid var(--border);background:var(--bg-white);height:38px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding-inline:14px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.action-btn.action-btn--like.liked{color:#ef4444;background:#fff5f5;border-color:#fecaca}.action-btn.action-btn--like.liked svg{fill:#ef4444;stroke:#ef4444}.action-btn.action-btn--disabled{opacity:.5;cursor:default}.action-btn.action-btn--x{color:#fff;background:#000;border-color:#000}.action-btn.action-btn--comment{margin-inline-start:auto}.action-btn.action-btn--views{cursor:default}.comments-section{background:var(--bg-white);border-block-start:6px solid #f3f5f9;padding:14px 16px 20px}.comment__avatar{background:var(--bg-gray);block-size:32px;inline-size:32px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid;overflow:hidden}.comment__avatar--reply{background:var(--bg-white);block-size:26px;inline-size:26px;box-shadow:inset 0 0 0 1px var(--border);font-size:11px}.comment__avatar--img{object-fit:cover}.comment-form{border-block-end:1px solid #f3f4f6;align-items:center;gap:10px;padding-block:12px 16px;display:flex}.comment-form.comment-form--open{align-items:flex-start}.comment-form .comment-form__main{flex:1;min-inline-size:0}.comment-form .comment-form__field{position:relative}.comment-form .comment-form__input{border:1px solid var(--border);inline-size:100%;color:var(--text-primary);background:var(--bg-white);resize:none;border-radius:999px;outline:none;padding:11px 44px 11px 14px;font-family:inherit;font-size:13px;line-height:1.85}.comment-form .comment-form__input::placeholder{color:var(--text-muted)}.comment-form .comment-form__input:focus{border-color:var(--text-primary);border-radius:8px;padding-inline-end:14px}.comment-form .comment-form__send{background:var(--bg-gray);block-size:30px;inline-size:30px;color:var(--text-muted);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:6px;transform:translateY(-50%)}.comment-form .comment-form__replying{color:var(--text-secondary);align-items:center;gap:8px;margin-block-end:8px;font-size:11px;display:flex}.comment-form .comment-form__replying button{color:var(--accent-green);cursor:pointer;font-size:11px}.comment-form .comment-form__actions{align-items:center;gap:12px;margin-block-start:10px;display:flex}.comment-form .comment-form__cancel{color:var(--text-secondary);cursor:pointer;margin-inline-start:auto;font-size:12px}.comment-form .comment-form__submit{background:var(--accent-green);color:#fff;cursor:pointer;border-radius:6px;place-items:center;padding:9px 18px;font-size:13px;font-weight:700;display:grid}.comment-form .comment-form__submit:disabled{opacity:.45;cursor:default}.comment-form .comment-form__note{color:var(--text-muted);margin-block-start:10px;font-size:11px;line-height:1.7}.comment-gate{border:1px solid var(--border);text-align:center;border-radius:8px;flex-direction:column;margin-block:12px 16px;padding:16px;display:flex}.comment-gate .comment-gate__title{margin-block-end:6px;font-size:13px;font-weight:700}.comment-gate .comment-gate__desc{color:var(--text-secondary);margin-block-end:14px;font-size:11.5px;line-height:1.7}.comment-gate .comment-gate__actions{gap:8px;display:flex}.comment-gate .comment-gate__primary{color:#fff;background:#0e1a35;border-radius:6px;flex:1;place-items:center;padding:11px;font-size:13px;font-weight:700;display:grid}.comment-gate .comment-gate__secondary{border:1px solid var(--border);border-radius:6px;flex:0 0 108px;place-items:center;padding:11px;font-size:13px;font-weight:600;display:grid}.comment-locked{border:1px solid var(--border);background:#fafafb;border-radius:8px;align-items:center;gap:12px;margin-block:12px 16px;padding:14px 16px;display:flex}.comment-locked .comment-locked__icon{background:var(--bg-white);block-size:30px;inline-size:30px;box-shadow:inset 0 0 0 1px var(--border);color:var(--accent-green);border-radius:50%;flex:none;place-items:center;display:grid}.comment-locked .comment-locked__body{flex-direction:column;flex:1;gap:3px;min-inline-size:0;display:flex}.comment-locked .comment-locked__title{font-size:12.5px;font-weight:700}.comment-locked .comment-locked__desc{color:var(--text-secondary);font-size:11px;line-height:1.6}.comment-locked .comment-locked__price{background:var(--accent-green);color:#fff;border-radius:6px;flex:none;padding:9px 12px;font-size:12px;font-weight:700}.comment-list{flex-direction:column;display:flex}.comment-thread{border-block-end:1px solid #f3f4f6;padding-block:16px}.comment{gap:12px;display:flex}.comment.comment--reply{border-inline-start:2px solid var(--accent-green);background:#fafafb;gap:10px;margin:8px 0 0 44px;padding:12px}.comment .comment__body{flex:1;min-inline-size:0}.comment .comment__header{flex-wrap:wrap;align-items:center;gap:7px;margin-block-end:6px;display:flex}.comment .comment__name{font-size:12.5px;font-weight:700}.comment .comment__badge{color:var(--accent-green);border:1px solid var(--accent-green);padding:1px 5px;font-size:10px;font-weight:700}.comment .comment__date{color:var(--text-muted);font-size:10px}.comment .comment__text{text-wrap:pretty;font-size:13.5px;line-height:1.85}.comment.comment--reply .comment__text{font-size:13px;line-height:1.8}.comment .comment__reply-btn{block-size:32px;color:var(--text-secondary);cursor:pointer;align-items:center;margin-block-start:6px;margin-inline-start:-8px;padding-inline:8px;font-size:11px;display:inline-flex}.comment-reply-gate{border-inline-start:2px solid var(--border);color:var(--text-secondary);background:#fafafb;margin:8px 0 0 44px;padding:10px 12px;font-size:12px;display:block}.comments-loading{color:var(--text-muted);text-align:center;padding-block:20px;font-size:13px}.comments-empty{text-align:center;border:1px dashed var(--border);border-radius:8px;flex-direction:column;gap:4px;margin-block:6px;padding:22px;display:flex}.comments-empty .comments-empty__title{font-size:13px;font-weight:700}.comments-empty .comments-empty__desc{color:var(--text-muted);font-size:11.5px}.related-section{margin-block-start:8px}.related-section .related-title{color:var(--text-primary);background:var(--bg-white);border-block-end:1px solid var(--border);padding:14px 16px 8px;font-size:.88rem;font-weight:700}.related-section .article-list{background:var(--bg-white)}.preview-banner{z-index:9999;color:#000;text-align:center;background:#f59e0b;padding:6px 16px;font-size:.85rem;font-weight:700;position:fixed;top:0;left:0;right:0}.reading-progress{z-index:99;block-size:2px;max-inline-size:var(--site-w);pointer-events:none;margin-inline:auto;position:fixed;inset-block-start:var(--header-h);inset-inline:0}.reading-progress__bar{background:#dd5f5f;block-size:100%;transition:inline-size .1s linear;display:block}.article-buy-bar{z-index:99;max-inline-size:var(--site-w);background:var(--bg-white);border-block-start:1px solid #e5e7eb;align-items:center;gap:10px;margin-inline:auto;padding:10px 14px;display:flex;position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -4px 12px #1118270f}.article-buy-bar>*{flex:1}.article-buy-bar .article-buy-bar__btn{color:#fff;background:#dd5f5f;border-radius:6px;place-items:center;block-size:42px;font-size:14px;font-weight:700;display:grid}
