*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#ffffff;color:#15213b;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:1.45}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:Cambria, Georgia, serif;margin:0;line-height:1.08}
.cl{max-width:1180px;margin:0 auto;padding:0 clamp(.9rem,3vw,2.2rem)}

.cl-head{border-bottom:4px double #15213b;padding:1.2rem 0 .7rem;margin-top:.6rem}
.cl-banner{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}
.cl-name{font-family:Cambria, Georgia, serif;font-weight:800;font-size:clamp(1.4rem,4vw,2.2rem)}
.cl-word{font-family:Cambria, Georgia, serif;font-weight:800;font-size:clamp(1.6rem,6vw,3.4rem);letter-spacing:.12em;
  text-transform:uppercase;color:#1e3f76}
.cl-meta{font-family:'Courier New', Courier, monospace;font-size:.74rem;letter-spacing:.06em;color:rgba(21,33,59,0.62);margin-top:.3rem}
.cats{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.6rem}
.cats a{text-decoration:none;font-family:Cambria, Georgia, serif;font-size:.78rem;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(21,33,59,0.62)}
.cats a:hover{color:#1e3f76}

.bed{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:1.6rem 0}
.col{padding:0 1.2rem;border-right:1px solid rgba(21,33,59,0.30)}
.col:first-child{padding-left:0}
.col:last-child{border-right:0;padding-right:0}
.cat-rule{font-family:Cambria, Georgia, serif;font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;
  border-top:2px solid #15213b;border-bottom:1px solid #15213b;padding:.3rem 0;margin:1.2rem 0 .8rem}
.col:first-child .cat-rule:first-child,.col .cat-rule:first-child{margin-top:0}

.ad{font-size:.86rem;padding:.5rem 0;border-bottom:1px dotted rgba(21,33,59,0.30)}
.ad-h{font-family:Cambria, Georgia, serif;font-weight:800}
.ad-reply{font-family:'Courier New', Courier, monospace;font-size:.72rem;color:#1e3f76;white-space:nowrap}
.big-ad p{margin:0}

.display{border:3px solid #15213b;padding:1.1rem;margin-bottom:1rem;background:#f0f2f7}
.disp-kick{font-family:'Courier New', Courier, monospace;font-size:.68rem;letter-spacing:.16em;color:#1e3f76}
.display h1{font-size:clamp(1.4rem,4vw,2.2rem);margin:.3rem 0 .5rem;text-transform:uppercase}
.display p{margin:0 0 .8rem;font-size:.9rem;color:rgba(21,33,59,0.62)}
.disp-cta{display:inline-block;font-family:Cambria, Georgia, serif;font-weight:800;text-decoration:none;
  background:#1e3f76;color:#ffffff;padding:.5rem 1.1rem;border-radius:4px;text-transform:uppercase;
  letter-spacing:.06em;font-size:.82rem}
.disp-cta:hover{background:#193563}

.photo-ads{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.pad{margin:0;border:1px solid rgba(21,33,59,0.55)}
.pad img{width:100%;aspect-ratio:6/5;object-fit:cover;filter:grayscale(.35) contrast(1.05)}
.pad figcaption{font-family:'Courier New', Courier, monospace;font-size:.62rem;letter-spacing:.04em;color:rgba(21,33,59,0.62);padding:.25rem .35rem}

.replies{display:grid;gap:.9rem}
.reply{border-left:3px solid #1e3f76;padding-left:.8rem}
.reply-tag{font-family:'Courier New', Courier, monospace;font-size:.66rem;letter-spacing:.12em;color:#1e3f76}
.reply p{font-family:Cambria, Georgia, serif;font-style:italic;font-size:1rem;margin:.2rem 0 .3rem}
.reply-by{font-family:'Courier New', Courier, monospace;font-size:.72rem;color:rgba(21,33,59,0.62)}

.place{margin:1.6rem 0;padding-top:1.4rem;border-top:4px double #15213b}
.coupon{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;border:2px dashed rgba(21,33,59,0.55);
  border-radius:4px;padding:1.6rem}
.coup-kick{font-family:'Courier New', Courier, monospace;font-size:.72rem;letter-spacing:.16em;color:#1e3f76}
.coupon h2{font-size:clamp(1.4rem,3.5vw,2.2rem);margin:.4rem 0 .8rem}
.coup-lines a{text-decoration:none}.coup-lines a:hover{color:#1e3f76}
.coup-form{display:grid;gap:.7rem;align-content:start}
.coup-form textarea{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;padding:.7rem .8rem;border:1px solid rgba(21,33,59,0.55);background:#ffffff;
  color:#15213b;border-radius:4px;resize:vertical}
.coup-form button{font-family:Cambria, Georgia, serif;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  background:#1e3f76;color:#ffffff;border:0;cursor:pointer;padding:.75rem;border-radius:4px}
.coup-form button:hover{background:#193563}

.cl-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  padding:1.4rem 0 2.2rem;border-top:1px solid rgba(21,33,59,0.30);font-family:'Courier New', Courier, monospace;font-size:.74rem;color:rgba(21,33,59,0.62)}

@media(max-width:900px){
  .bed{grid-template-columns:1fr 1fr}
  .col{border-right:0;padding:0 .8rem}
  .col:nth-child(1){border-right:1px solid rgba(21,33,59,0.30)}
}
@media(max-width:600px){
  .bed{grid-template-columns:1fr}
  .col{padding:0}.col:nth-child(1){border-right:0}
  .coupon{grid-template-columns:1fr}
  .photo-ads{grid-template-columns:1fr 1fr}
}


.xq{box-sizing:border-box;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:#15213b;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:Cambria, Georgia, serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#1e3f76;margin-bottom:10px;font-weight:700}

.xq-cta{background:#1e3f76;color:#ffffff}
.xq-cta h2,.xq-cta p{color:#ffffff}
.xq-cta p{opacity:.85;max-width:52ch}
.xq-cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.xq-btn{display:inline-block;background:#ffffff;color:#15213b;text-decoration:none;font-weight:700;padding:14px 30px;border-radius:4px;font-family:Cambria, Georgia, serif}
.xq-btn:hover{transform:translateY(-2px)}


.xq-faq-list{margin-top:18px;border-top:1px solid rgba(21,33,59,0.14)}
.xq-faq-item{border-bottom:1px solid rgba(21,33,59,0.14);padding:4px 0}
.xq-faq-item summary{cursor:pointer;padding:14px 4px;font-weight:700;font-family:Cambria, Georgia, serif;list-style-position:inside}
.xq-faq-item summary::marker{color:#1e3f76}
.xq-faq-item p{padding:0 4px 16px;color:#6b7590;max-width:64ch}


/* =====================================================
   DESIGN DNA: paper-zine
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
html::before{content:'';position:fixed;inset:0;z-index:99980;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.16;}
h1,h2,h3{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif !important;text-transform:uppercase !important;letter-spacing:.01em !important}
h2{background:linear-gradient(transparent 58%,rgba(30,63,118,.4) 58% 92%,transparent 92%);display:inline-block;padding:0 .18em}
img{border:9px solid #ffffff !important;border-radius:0 !important;box-shadow:0 12px 26px rgba(0,0,0,.28) !important}
figure:nth-of-type(odd) img,img:nth-of-type(odd){transform:rotate(-1.4deg)}figure:nth-of-type(even) img,img:nth-of-type(even){transform:rotate(1.1deg)}
a[class*="btn"],button,span[class*="btn"]{border-radius:0 !important;border:2.5px solid #15213b !important;box-shadow:4px 4px 0 #15213b !important;transform:rotate(-.8deg);text-transform:uppercase;font-weight:800}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border:2px dashed rgba(21,33,59,.55) !important;border-radius:0 !important}