.blog-page .content{max-width:1040px}.blog-masthead{padding:28px clamp(18px,5vw,54px);background:linear-gradient(135deg,#fff0a8,#f6a5cc 48%,#a8e1f6);border-bottom:4px double #1a4c8b}.blog-main{padding:14px;background:#d9eff8}.blog-window,.blog-post-window{max-width:850px;margin:0 auto;background:var(--paper);border:2px outset #b8d4e7}.blog-toolbar,.blog-post-meta{display:flex;flex-wrap:wrap;gap:7px 12px;padding:8px 10px;background:#edf8ff}.blog-list{display:grid;gap:12px;padding:12px}.blog-card{display:grid;grid-template-columns:105px 160px minmax(0,1fr);gap:10px;padding:8px;background:#f8fcff;border:1px solid #739ec2}.blog-card:not(:has(.blog-card-preview)){grid-template-columns:105px minmax(0,1fr)}.blog-card-date{color:#fff;font:bold 10px "Courier New",monospace;text-align:center;padding:8px;background:#2f72b7}.blog-card-preview img{width:100%;height:120px;object-fit:contain}.blog-card-copy h2{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px;color:#c3316d;font:bold 18px Georgia,serif}.blog-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.blog-adult-badge{display:inline-block;flex:0 0 auto;padding:2px 5px;color:#fff;font:bold 9px/1 "Courier New",monospace;background:#c51f38;border:2px outset #ff9cab;box-shadow:1px 1px 0 #65101d;text-shadow:1px 1px #6c0c19;transform:rotate(-2deg)}.home-blog-window .blog-adult-badge{margin-left:6px;vertical-align:middle}.blog-tags{display:flex;flex-wrap:wrap;gap:5px}.blog-tags span{padding:3px 6px;background:#fff0a3;border:1px solid #c8a13a}.blog-post-body{max-width:740px;margin:auto;padding:22px 28px;font-size:14px;line-height:1.75}.blog-media{margin:22px auto;padding:8px;text-align:center;background:#eef8ff;border:1px solid #739ec2}.blog-media img,.blog-media video{display:block;max-width:100%;max-height:720px;margin:auto}.blog-media video{width:100%}.blog-post-navigation{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px;background:#dceef8}.blog-toc{max-width:700px;margin:16px auto 0;padding:10px 13px;background:#fff9d9;border:1px dashed #ad9443;box-shadow:2px 2px 0 #d9cf9e}.blog-toc strong{display:block;margin-bottom:6px;color:#b22d66;font:bold 10px "Courier New",monospace;letter-spacing:.08em}.blog-toc ol{display:grid;gap:4px;margin:0;padding-left:22px}.blog-toc li{font-size:11px;line-height:1.4}.blog-toc-level-3{margin-left:16px}.blog-post-body h2[id],.blog-post-body h3[id]{scroll-margin-top:16px}.blog-post-body h2[id] a,.blog-post-body h3[id] a{text-decoration:none}html.blog-content-warning-pending .blog-page .content{visibility:hidden}body.blog-content-notice-open{overflow:hidden}.blog-content-notice{position:fixed;z-index:20000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(8,22,49,.97)}.blog-content-notice__window{width:min(100%,470px);color:#17204f;background:#fffdf0;border:3px outset #d9ebff;box-shadow:8px 8px 0 rgba(0,0,0,.45)}.blog-content-notice__titlebar{padding:7px 9px;color:#fff;font:bold 12px "Courier New",monospace;letter-spacing:.05em;background:linear-gradient(90deg,#a9203a,#dc5363 65%,#f4aab0);border-bottom:2px solid #721529;text-shadow:1px 1px #671426}.blog-content-notice__body{padding:16px}.blog-content-notice__body p{margin:0 0 10px;line-height:1.55}.blog-content-notice__note{color:#58677d;font:10px "Courier New",monospace}.blog-content-notice__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.blog-content-notice__actions button,.blog-content-notice__actions a{flex:1;min-width:150px;padding:8px 10px;color:#17204f;font:bold 10px Verdana,sans-serif;text-align:center;text-decoration:none;background:#ffec97;border:2px outset #fff}.blog-content-notice__actions button{background:#bfe9b6}.blog-content-notice__actions button:hover,.blog-content-notice__actions a:hover{background:#fff5b9}@media(max-width:760px){.blog-card{grid-template-columns:78px minmax(0,1fr)}.blog-card-preview{display:none}.blog-post-navigation{grid-template-columns:1fr}.blog-post-body{padding:18px 16px}.blog-toc{margin:12px 10px 0}}@media(max-width:520px){.blog-card{grid-template-columns:1fr}.blog-main{padding:8px}.blog-content-notice__actions{display:grid}.blog-content-notice__actions button,.blog-content-notice__actions a{min-width:0}.blog-toc-level-3{margin-left:8px}}
