/* All rules are scoped to the actual CONTACT screen; no other chapter or intro layout changes. */
#main[data-screen="contact"] .contact-stage[data-contact-notice]{position:relative;isolation:isolate;min-height:100%;padding:32px clamp(18px,5vw,80px) 44px;background:var(--red);color:var(--paper);overflow:hidden}
#main[data-screen="contact"] .contact-stage[data-contact-notice]:before{inset:0;z-index:-1;width:auto;height:auto;background:repeating-linear-gradient(130deg,transparent 0 33px,#111112 34px 38px,transparent 39px 68px);clip-path:polygon(71% 0,100% 0,100% 100%,0 100%);opacity:.22;pointer-events:none}
#main[data-screen="contact"] [data-contact-notice]>.kicker{display:block;position:relative;z-index:1;margin:0 0 22px;font-size:10px;letter-spacing:1.6px;color:var(--paper)}
#main[data-screen="contact"] .notice-paper{position:relative;isolation:isolate;max-width:1140px;margin:0 auto;padding:28px 32px 24px;background:var(--black);color:var(--paper);border:3px solid var(--paper);outline:2px dashed var(--paper);outline-offset:6px;box-shadow:12px 12px 0 #11111277;transform:rotate(-.7deg);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:44px}
#main[data-screen="contact"] .notice-paper:after{content:'';position:absolute;inset:9px;border:1px solid #f5f1e84d;pointer-events:none;z-index:-1}
#main[data-screen="contact"] .notice-mast{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:2px solid var(--red);padding:0 0 13px;margin-bottom:25px;font:800 10px/1.5 monospace;letter-spacing:1px}
#main[data-screen="contact"] .notice-seal{display:block;flex:none;padding:6px 11px;border:2px solid var(--red);color:var(--red);font:900 28px/.9 Impact,'Arial Black',sans-serif;transform:rotate(7deg);text-align:center}
#main[data-screen="contact"] .notice-seal small{font:900 8px/1 monospace;letter-spacing:1px}
#main[data-screen="contact"] .notice-deck{display:block;font:800 10px/1.5 monospace;letter-spacing:1.3px;color:var(--paper)}
#main[data-screen="contact"] .notice-title{position:relative;z-index:1;margin:15px 0 24px;font:1000 clamp(75px,9.5vw,138px)/.83 Impact,'Arial Black',sans-serif;font-style:italic;letter-spacing:-.045em;transform:rotate(-4deg);color:var(--black);-webkit-text-stroke:2px var(--paper);text-shadow:5px 5px 0 var(--red)}
#main[data-screen="contact"] .notice-title>span{display:block;width:max-content;max-width:100%}
#main[data-screen="contact"] .notice-title>span:last-child{margin-left:5%;padding-bottom:8px}
#main[data-screen="contact"] .notice-star{position:absolute;z-index:-1;width:38%;height:58%;left:15%;top:24%;color:var(--red);transform:rotate(13deg);opacity:.24;pointer-events:none}
#main[data-screen="contact"] .notice-star svg{width:100%;height:100%;fill:currentColor}
#main[data-screen="contact"] .notice-tape{position:absolute;left:31px;top:-17px;width:96px;height:28px;background:var(--paper);clip-path:polygon(3% 0,100% 4%,96% 95%,0 100%);transform:rotate(-7deg);opacity:.92}
#main[data-screen="contact"] .notice-heading .contact-opening{margin:26px 0 18px;padding:10px 12px;font-size:14px;line-height:1.8;background:var(--paper);color:var(--black);max-width:27em;box-shadow:4px 4px 0 var(--red)}
#main[data-screen="contact"] .notice-body{align-self:center;min-width:0}
#main[data-screen="contact"] .notice-body .contact-copy{font-size:15px;line-height:1.9;margin:0 0 18px;padding:0;background:transparent;border:0;transform:none;color:var(--paper)}
#main[data-screen="contact"] .notice-entries{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;border-top:1px solid #f5f1e877}
#main[data-screen="contact"] .notice-entries button{display:grid;grid-template-columns:25px 25px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:77px;min-width:0;max-width:100%;width:100%;margin:0;padding:13px 3px;border:0;border-bottom:1px dashed #f5f1e877;background:transparent;color:var(--paper);clip-path:none;transform:none;box-shadow:none;text-align:left;cursor:help}
#main[data-screen="contact"] .notice-entry-index{font:800 11px/1 monospace;color:var(--red)}
#main[data-screen="contact"] .notice-entries button strong{font:900 clamp(17px,2vw,23px)/1.1 Impact,'Arial Black',sans-serif;letter-spacing:1px}
#main[data-screen="contact"] .notice-entries button small{display:block;margin-top:6px;font:700 9px/1.4 monospace;letter-spacing:.5px;color:#f5f1e8b3}
#main[data-screen="contact"] .notice-entries .social-icon{width:22px;height:22px}
#main[data-screen="contact"] .notice-entries .fr-arrow{width:18px;height:18px}
#main[data-screen="contact"] .notice-entries button:focus-visible,#main[data-screen="contact"] .notice-bottom button:focus-visible{outline:3px solid var(--paper);outline-offset:4px;background:var(--red);color:var(--paper)}
#main[data-screen="contact"] .notice-entries button:active{background:#ef163733;translate:0 0;box-shadow:none}
#main[data-screen="contact"] .notice-body .placeholder-note{margin:16px 0 0;font-size:11px;line-height:1.8;color:#f5f1e8b3;border:0;background:none;padding:0}
#main[data-screen="contact"] .notice-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:16px;border-top:2px solid var(--red)}
#main[data-screen="contact"] .notice-postmark{display:block;transform:rotate(-7deg);padding:5px 12px;border:2px solid var(--red);color:var(--red);font:900 10px/1.35 monospace;letter-spacing:1px;text-align:center}
#main[data-screen="contact"] .notice-bottom button{border:1px solid var(--paper);background:var(--red);color:var(--paper);font-size:12px;font-weight:900;min-height:44px;padding:10px 17px;box-shadow:4px 4px 0 var(--paper)}
@media(max-width:700px){
 #main[data-screen="contact"] .contact-stage[data-contact-notice]{padding:24px 20px 35px}
 #main[data-screen="contact"] [data-contact-notice]>.kicker{font-size:8px;letter-spacing:.6px;margin-bottom:23px}
 #main[data-screen="contact"] .notice-paper{display:block;padding:20px 20px 19px;box-shadow:7px 8px 0 #11111277}
 #main[data-screen="contact"] .notice-mast{font-size:8px;letter-spacing:.2px;margin-bottom:18px;padding-bottom:12px}
 #main[data-screen="contact"] .notice-title{font-size:clamp(64px,21vw,104px);margin:14px 0 16px;-webkit-text-stroke:1.5px var(--paper);text-shadow:4px 4px 0 var(--red)}
 #main[data-screen="contact"] .notice-deck{font-size:8px;letter-spacing:.6px}
 #main[data-screen="contact"] .notice-heading .contact-opening{font-size:12px;margin:23px 0 20px;padding:9px 10px}
 #main[data-screen="contact"] .notice-body .contact-copy{font-size:13px;margin-bottom:13px}
 #main[data-screen="contact"] .notice-star{width:70%;height:36%;left:30%;top:12%}
 #main[data-screen="contact"] .notice-entries button{min-height:70px;gap:8px;grid-template-columns:19px 21px minmax(0,1fr) 17px}
 #main[data-screen="contact"] .notice-entries button strong{font-size:19px}
 #main[data-screen="contact"] .notice-body .placeholder-note{font-size:10px;margin-top:12px}
 #main[data-screen="contact"] .notice-bottom{margin-top:19px;padding-top:15px;gap:10px}
 #main[data-screen="contact"] .notice-postmark{font-size:8px;padding:4px 7px}
}
@media(prefers-reduced-motion:reduce){#main[data-screen="contact"] .notice-paper,#main[data-screen="contact"] .notice-paper *{animation:none!important;transition:none!important}}
body.reduced #main[data-screen="contact"] .notice-paper,body.reduced #main[data-screen="contact"] .notice-paper *{animation:none!important;transition:none!important}
@media(max-width:700px){
 #main[data-screen="contact"] .notice-paper{padding:16px 17px}
 #main[data-screen="contact"] .notice-mast{margin-bottom:12px;padding-bottom:9px}
 #main[data-screen="contact"] .notice-seal{font-size:23px;padding:4px 8px}
 #main[data-screen="contact"] .notice-title{font-size:clamp(54px,19vw,98px);margin:12px 0 12px}
 #main[data-screen="contact"] .notice-heading .contact-opening{margin:17px 0 15px;padding:7px 9px}
 #main[data-screen="contact"] .notice-body .contact-copy{line-height:1.75;margin-bottom:10px}
 #main[data-screen="contact"] .notice-entries button{min-height:60px;padding:9px 3px}
 #main[data-screen="contact"] .notice-bottom{margin-top:14px;padding-top:11px}
 #main[data-screen="contact"] .notice-body .placeholder-note{line-height:1.65;margin-top:10px}
}