.article-page{width:min(100%,793px);aspect-ratio:793/991;position:relative;background:repeating-linear-gradient(4deg,#f3dcac 0,#f8e7bf 12px,#f6e2b5 25px);overflow:hidden;margin:0 auto;box-shadow:0 12px 36px #48321736;border:1px solid #45331c}
.article-header{position:absolute;top:0;left:0;width:100%;height:15.55%;background-image:url('/assets/fixed_top_a1a2a3.png');background-size:100% 100%;border-bottom:2px double #332512}
.article-header-link{position:absolute;inset:11% 23% 16% 23%;z-index:3}
.article-header-link:focus-visible{outline:4px solid #ca2012}
.article-body{position:absolute;top:17%;left:3%;right:3%;bottom:9.5%;border-top:4px solid #b62620;border-bottom:3px double #2c2010;display:flex;flex-direction:column;gap:3%;align-items:center;justify-content:flex-start;padding:4% 6%;text-align:center}
.article-section{color:#b41e13;font:900 clamp(15px,2.7vw,23px) Georgia,serif;text-transform:uppercase;letter-spacing:.06em}
.article-body h1{font-size:clamp(24px,5.2vw,43px);line-height:1.08;margin:1% 0 0}
.article-body .crest{font-size:clamp(34px,7vw,64px);margin:5% 0 0}
.article-body p{font-size:clamp(13px,2.4vw,21px);line-height:1.36;margin:0}
.article-body small{font:clamp(10px,1.65vw,14px)/1.3 system-ui,sans-serif;color:#564736}
.article-body .rule{height:5px;width:85%;border-top:2px solid #382f23;border-bottom:1px solid #382f23;margin-top:3%}
.briefs{position:absolute;bottom:1.2%;left:2.7%;right:2.7%;height:7.5%;display:grid;grid-template-columns:1.08fr repeat(4,1fr);border:2px solid #251d12;background:#f8e6c0}
.brief{min-width:0;border-right:1px solid #30251b;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1%;gap:2px;font:700 clamp(7px,1.5vw,13px) Georgia,serif;text-align:center;line-height:1.05}
.brief-ico{font-size:clamp(10px,2vw,18px)}.redbrief{background:#bb2519;color:#fff;font-size:clamp(9px,1.85vw,18px)}.brief:last-child{border-right:0}