@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f0ede4;--ink:#252620;--red:#ca4028;--rule:#898a7e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--red)}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{max-width:100%;object-fit:cover}h1,h2,h3,h4,.rd-brand{font-family:'Space Grotesk',Arial,sans-serif;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(2.5rem,4.1vw,4.8rem);font-weight:500}h2{font-size:clamp(2rem,3.2vw,3.8rem);font-weight:500}h3{font-size:clamp(1.6rem,2.1vw,2.5rem);font-weight:500}h4{font-size:1.8rem}p{margin:1.25em 0}.rd-header{display:flex;align-items:baseline;justify-content:space-between;gap:5%;padding:42px 4vw 30px;border-bottom:2px solid var(--ink)}.rd-brand{max-width:390px;font-size:clamp(1.8rem,2.8vw,3rem);font-weight:600;text-decoration:none;line-height:.99}.rd-desktop-nav{display:flex;flex-wrap:wrap;gap:5px 22px;max-width:620px;justify-content:flex-end;font-size:12px;line-height:1.8;text-transform:uppercase;letter-spacing:.04em}.rd-desktop-nav a{text-decoration:none;border-bottom:1px solid transparent}.rd-desktop-nav a:hover{border-color:var(--red)}.rd-mobile-nav{display:none}.rd-main{margin:0 auto;max-width:1800px;padding:0 4vw}.opening{position:relative;display:grid;grid-template-columns:58% 42%;min-height:580px;border-bottom:2px solid var(--ink)}.opening>img{width:100%;height:580px;filter:saturate(.75);object-position:center}.title-box{padding:30px 0 35px 35px;align-self:start;border-left:2px solid var(--ink);border-top:14px solid var(--red)}.title-box h1{margin:0 0 25px}.title-box p{font-size:19px;max-width:28ch}.intro-band{background:var(--ink);color:var(--paper);padding:45px 4vw;margin:0 -4vw}.intro-band section{display:grid;grid-template-columns:1fr 1.7fr;gap:6vw;margin:0!important;padding:0!important;border:0!important;max-width:none!important}.intro-band h2{font-size:2.2rem;margin:0}.intro-band p{margin:0;font-size:21px}.home-story>section{margin:0;padding:70px 0;border-bottom:1px solid var(--ink)}.home-story>section>h2{max-width:650px;margin-top:0}.home-story>section>p{max-width:76ch;margin-left:25%}.home-story .my-4{max-width:76ch;margin:48px 0 48px 25%;padding-top:22px;border-top:1px solid var(--rule)}.home-story .my-4 h3{max-width:25ch}.home-story .row.my-5{margin:48px 0}.home-story .row.my-5 img{width:100%!important;height:460px;max-height:none!important;display:block;border-radius:0!important}.home-story ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;counter-reset:reasons}.home-story li{padding:30px 35px 30px 0;border-top:1px solid var(--rule);counter-increment:reasons}.home-story li:nth-child(even){padding-left:35px;border-left:1px solid var(--rule)}.home-story li:before{content:'0' counter(reasons);display:block;color:var(--red);font-size:28px;margin-bottom:20px}.home-story>section.text-center{background:var(--red);color:var(--paper);margin:0 -4vw;padding:60px 4vw}.home-story>section.text-center>p{margin-left:25%}.rd-main>section.row{display:grid;grid-template-columns:repeat(3,1fr);counter-reset:posts;gap:0;margin:70px 0}.rd-main>section.row>article{padding:25px;border-left:1px solid var(--rule);counter-increment:posts}.rd-main>section.row>article:first-of-type{grid-column:span 2;padding-left:0;border-left:0}.rd-main>section.row>article:before{content:'0' counter(posts);color:var(--red);display:block;border-top:2px solid var(--ink);padding-top:18px}.rd-main>section.row>article .row{display:flex;flex-direction:column-reverse}.rd-main>section.row img{width:100%!important;height:260px!important;display:block;margin:20px 0}.d-block.d-md-none{display:none}.rd-main>section.row strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--red)}.rd-main>section.row h4{margin:15px 0}.text-body-secondary,time{font-size:13px;color:#64655c}.bi{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.rd-footer{margin-top:55px;padding:55px 4vw;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:40px}.rd-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;font-size:14px}.rd-main>h1,main>header{padding:40px 0;border-bottom:2px solid var(--ink)}main>article:not(.home-story){max-width:76ch;margin:50px auto}main>article:not(.home-story)>h1{max-width:none;font-size:clamp(2.6rem,5vw,5.8rem);padding-bottom:30px;border-bottom:12px solid var(--red)}main>article:not(.home-story) img{width:100%;height:auto}main>article:not(.home-story) p,main>article:not(.home-story) li{line-height:1.85}.pagination,nav[aria-label*="agination"]{display:flex;gap:12px;justify-content:center;margin:45px 0}.pagination a,.page-link{padding:10px 18px;border:1px solid var(--ink)}.card{border:0;border-top:1px solid var(--ink);border-radius:0;box-shadow:none;padding:20px}.related-posts{border-top:2px solid var(--ink);margin-top:60px;padding-top:30px}@media(min-width:1200px){main>article:not(.home-story)>h1{width:calc(100vw - 12vw);max-width:1500px;position:relative;left:50%;transform:translateX(-50%)}}@media(max-width:900px){.rd-header{align-items:center;padding:25px 4vw}.rd-desktop-nav{display:none}.rd-mobile-nav{display:block;position:relative}.rd-mobile-nav summary{cursor:pointer;list-style:none;border-bottom:2px solid var(--red);padding:8px}.rd-mobile-menu{position:absolute;right:0;top:100%;width:280px;z-index:10;background:var(--ink);color:var(--paper);padding:20px;display:grid;gap:9px}.opening{min-height:450px;grid-template-columns:52% 48%}.opening>img{height:450px}.title-box{padding-left:22px}.title-box h1{font-size:2.8rem}.intro-band section{grid-template-columns:1fr 1.4fr}.intro-band p{font-size:18px}.rd-main>section.row{grid-template-columns:1fr 1fr}.rd-main>section.row>article:first-of-type{grid-column:auto}.home-story>section>p,.home-story .my-4{margin-left:15%}}@media(max-width:600px){body{font-size:16px}.rd-main{padding:0 20px}.rd-header{padding:25px 20px;gap:20px}.rd-brand{font-size:1.7rem;max-width:210px}.opening{display:flex;flex-direction:column-reverse;min-height:0}.opening>img{height:310px}.title-box{padding:25px 0;border-left:0;border-top:8px solid var(--red)}.title-box h1{font-size:2.65rem}.title-box p{font-size:17px;max-width:none}.intro-band{margin:0 -20px;padding:30px 20px}.intro-band section{display:block}.intro-band h2{margin-bottom:25px;font-size:2rem}.home-story>section{padding:40px 0}.home-story>section>p,.home-story .my-4,.home-story>section.text-center>p{margin-left:0}.home-story .row.my-5 img{height:280px}.home-story ul{display:block}.home-story li,.home-story li:nth-child(even){padding:25px 0;border-left:0}.home-story>section.text-center{margin:0 -20px;padding:40px 20px}.rd-main>section.row{display:block;margin:35px 0}.rd-main>section.row>article{padding:20px 0;border-left:0}.rd-footer{display:block;padding:40px 20px}.rd-footer .rd-brand{display:block;margin-bottom:35px}.rd-footer nav{gap:15px}.rd-mobile-menu{width:270px}h1,h2,h3,h4{overflow-wrap:anywhere}}

/* Own-domain runtime binding; unreviewed publication packet. */
/* UNAPPLIED local proposal: zinfytechwebsolutions.com / b371-s06 / unique-806.
   Append only to this site's isolated QA copy, after inner-base.css and own site.css.
   Own plan.json + site.css supply all visual choices; no chrome/content mutation. */

/* Inner shells: match the observed common PHP wrappers, not the homepage. */
main.container:has(> .rd-journal),
main.container:has(> .rd-reading),
main.container:has(> div.mt-4.mb-4 > h1) {
  width:100%; max-width:1800px; margin:0 auto; padding:0 4vw;
}

/* Newspaper index: source three-column grid, two-column lead, rules/counters. */
.rd-journal { margin:0; padding:40px 0 0; }
.rd-journal > .rd-journal-head {
  display:flex; justify-content:space-between; align-items:end; gap:24px;
  margin:0; padding:0 0 30px; border-bottom:2px solid var(--ink);
}
.rd-journal-head > div { min-width:0; }
.rd-journal-head h1 { margin:0; font-size:clamp(1.65rem,2.4vw,2.75rem); font-weight:500; }
.rd-journal-head .rd-kicker { color:var(--red); }
.rd-journal .rd-journal-order { color:var(--ink); font-size:12px; }
.rd-journal .rd-story-grid {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0; margin:70px 0 0; counter-reset:posts;
}
.rd-journal .rd-story-grid > .rd-story-card {
  display:flex; flex-direction:column; min-width:0; padding:25px;
  border:0; border-left:1px solid var(--rule); border-radius:0;
  background:transparent; box-shadow:none; counter-increment:posts;
}
.rd-journal .rd-story-grid > .rd-story-card:first-child {
  grid-column:span 2; padding-left:0; border-left:0;
}
.rd-journal .rd-story-card::before {
  content:counter(posts,decimal-leading-zero); display:block; color:var(--red);
  border-top:2px solid var(--ink); padding-top:18px;
}
.rd-journal .rd-story-card > .rd-story-media {
  display:block; aspect-ratio:auto; margin:20px 0; overflow:hidden;
}
.rd-journal .rd-story-media > img { display:block; width:100%; height:260px; object-fit:cover; }
.rd-journal .rd-story-card > .rd-story-copy { display:flex; flex:1; flex-direction:column; padding:0; min-width:0; }
.rd-journal .rd-story-copy > time { font-size:13px; color:#64655c; }
.rd-journal .rd-story-copy > h2 {
  font-size:clamp(1.6rem,2.1vw,2.5rem); line-height:1.1; font-weight:500;
  letter-spacing:-.045em; margin:15px 0;
}
.rd-journal .rd-story-copy > p { margin:1.25em 0; }
.rd-journal .rd-read-story { color:var(--red); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.rd-journal .rd-pagination, .rd-journal .rd-page-numbers { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.rd-journal .rd-pagination { margin:45px 0; padding:0; }
.rd-journal .rd-pagination a { padding:10px 18px; border:1px solid var(--ink); }
.rd-journal .rd-pagination [aria-current='page'] { background:var(--ink); color:var(--paper); }

/* Full-width title/lead; 74ch centered body and separate ruled related index. */
.rd-reading > .row { display:block; margin:0; }
.rd-reading > .row > .col-lg-8 { width:100%; max-width:none; flex:none; padding:0; margin:0; }
.rd-reading .rd-longform { width:100%; max-width:none; margin:50px 0 0; }
.rd-reading .rd-longform > header {
  padding:0 0 30px; margin-bottom:30px; border-bottom:12px solid var(--red);
}
.rd-reading .rd-longform > header h1 {
  font-size:clamp(2.6rem,5vw,5.8rem); font-weight:500!important;
  line-height:1.1; letter-spacing:-.045em; margin:0 0 25px;
}
.rd-reading .rd-longform > figure { width:100%; margin:0 0 45px; }
.rd-reading .rd-longform > figure img { display:block; width:100%; height:auto; max-width:100%; }
.rd-reading .rd-longform > section,
.rd-reading > .row > .col-lg-8 > #comments { width:100%; max-width:74ch; margin-left:auto; margin-right:auto; }
.rd-reading .rd-longform > section { font-size:17px; line-height:1.85; }
.rd-reading .rd-longform > section p, .rd-reading .rd-longform > section li { line-height:1.85; }
.rd-reading .rd-longform > section h2 { font-size:clamp(2rem,3.2vw,3.8rem); font-weight:500; line-height:1.1; }
.rd-reading .rd-longform > section h3 { font-size:clamp(1.6rem,2.1vw,2.5rem); font-weight:500; line-height:1.1; }
.rd-reading > .row .col-lg-4 {
  width:100%; max-width:none; padding:0; margin:60px 0 0;
  border-top:2px solid var(--ink);
}
.rd-reading > .row .col-lg-4 .card { border-top:0!important; border-radius:0; box-shadow:none; padding:30px 0 0; }
.rd-reading > .row .col-lg-4 .card-header { padding:0 0 25px!important; }
.rd-reading > .row .col-lg-4 .card-body { padding:0; }
.rd-reading > .row .col-lg-4 ul.list-unstyled { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important; }
.rd-reading > .row .col-lg-4 ul.list-unstyled > li { padding:0 25px; border-left:1px solid var(--rule); }
.rd-reading > .row .col-lg-4 ul.list-unstyled > li:first-child { padding-left:0; border-left:0; }
.rd-reading > .row .col-lg-4 ul.list-unstyled h2 { font-family:'Space Grotesk',Arial,sans-serif; font-weight:500; letter-spacing:-.045em!important; }

/* Observed privacy/terms wrapper: deliberately quiet centered legal reading. */
main.container > div.mt-4.mb-4:has(> h1) {
  width:100%; max-width:74ch; margin:50px auto!important; line-height:1.85;
}
main.container > div.mt-4.mb-4 > h1 { margin:0 0 30px; padding-bottom:30px; border-bottom:2px solid var(--ink); font-weight:500; }

/* Containment for existing content. No invented text, cropped body images or hidden overflow. */
.rd-journal, .rd-reading, main.container > div.mt-4.mb-4 { min-width:0; overflow-wrap:anywhere; }
.rd-reading .rd-longform > section img, main.container > div.mt-4.mb-4 img { max-width:100%; height:auto; }
.rd-reading .rd-longform > section :is(iframe,video,svg), main.container > div.mt-4.mb-4 :is(iframe,video,svg) { max-width:100%; }
.rd-reading .rd-longform :is(table,pre), main.container > div.mt-4.mb-4 :is(table,pre) { display:block; max-width:100%; overflow-x:auto; }
.rd-reading .rd-longform pre, main.container > div.mt-4.mb-4 pre { white-space:pre; overflow-wrap:normal; }
.rd-reading .rd-longform :not(pre) > code, main.container > div.mt-4.mb-4 :not(pre) > code { overflow-wrap:anywhere; }

@media(max-width:900px) {
  .rd-journal .rd-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rd-journal .rd-story-grid > .rd-story-card:first-child { grid-column:auto; }
  .rd-reading > .row .col-lg-4 ul.list-unstyled { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(max-width:600px) {
  main.container:has(> .rd-journal), main.container:has(> .rd-reading), main.container:has(> div.mt-4.mb-4 > h1) { padding:0 20px; }
  .rd-journal > .rd-journal-head { display:block; }
  .rd-journal .rd-journal-order { align-items:flex-start; text-align:left; }
  .rd-journal .rd-story-grid { display:block; margin-top:35px; }
  .rd-journal .rd-story-grid > .rd-story-card { padding:20px 0; border-left:0; }
  .rd-journal .rd-pagination { gap:12px; }
  .rd-reading .rd-longform { margin-top:35px; }
  .rd-reading .rd-longform > section { font-size:16px; }
  .rd-reading > .row .col-lg-4 ul.list-unstyled { grid-template-columns:1fr!important; }
  .rd-reading > .row .col-lg-4 ul.list-unstyled > li { padding:0; border-left:0; }
  main.container > div.mt-4.mb-4:has(> h1) { margin:35px auto!important; }
}