:root{--cream:#efe4cf;--ink:#111;--red:#ef3b2d}
.header-logo img{width:118px;height:auto;display:block}.header-logo{display:block}.app-modal{position:fixed;inset:0;background:#000b;z-index:9999;display:grid;place-items:center;padding:18px}.app-modal[hidden]{display:none}.app-modal .auth-dialog{position:relative;width:min(520px,94vw);max-height:90vh;overflow:auto;background:var(--cream);border:3px solid #111;box-shadow:9px 9px 0 #111;padding:28px}.app-modal form{display:grid;gap:13px}.app-modal label{display:grid;gap:5px;font-weight:800;text-transform:uppercase}.app-modal input,.app-modal select,.app-modal textarea{font:inherit;padding:12px;border:2px solid #111;background:#fff}.app-modal button{font:inherit;font-weight:900;padding:11px;border:2px solid #111;background:#ef3b2d}.cookie-banner{position:fixed;z-index:10000;left:18px;right:18px;bottom:18px;max-width:760px;background:#efe4cf;color:#111;border:3px solid #111;box-shadow:8px 8px 0 #111;padding:18px}.cookie-banner[hidden]{display:none}.cookie-banner>div{display:flex;flex-wrap:wrap;gap:8px}.cookie-banner button,.legal-page button{border:2px solid #111;background:#fff;padding:10px 14px;font-weight:900}.legal-page,.detail-page,.article-page{max-width:1050px;margin:110px auto 0;padding:60px 28px 100px}.legal-page h1,.detail-page h1,.article-page h1{font-size:clamp(48px,10vw,120px);line-height:.85}.detail-page>img,.article-page>img{display:block;max-width:min(720px,100%);max-height:800px;object-fit:contain;margin:35px 0}.article-body{white-space:pre-wrap;font:20px/1.7 Georgia,serif;max-width:780px}.theme-song{border:2px solid currentColor;background:none;color:inherit;padding:12px 18px;font-weight:900}.ransom-title{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;font-size:clamp(28px,5vw,72px);font-weight:1000}.ransom-title span{background:#111;color:#fff;padding:.05em .18em;transform:rotate(-2deg)}.ransom-title span:nth-child(even){background:#ef3b2d;transform:rotate(2deg)}
@media(max-width:700px){.header-logo img{width:86px}.legal-page,.detail-page,.article-page{margin-top:70px;padding:35px 16px 80px}.cookie-banner{left:10px;right:10px;bottom:10px}.app-modal .auth-dialog{padding:20px}}
body>main{display:flex;flex-direction:column}
body>main>.magazine-section{order:1}
body>main>.recommendations-section{order:2}
body>main>footer{order:3}