/* Layout studies are scoped to their own pages; the current homepage is unchanged. */
.layout-page,.comparison-page { background:#fbfcfe; color:#222938; }
.option-wrap { width:min(1200px,calc(100% - 5rem)); margin-inline:auto; }
.compare-wrap { width:min(1280px,calc(100% - 4rem)); margin-inline:auto; }
.review-bar { display:flex; justify-content:space-between; gap:1rem; padding:.65rem 2rem; background:#eef1f7; color:#46516b; font-size:.8rem; border-bottom:1px solid #dce1eb; }
.review-bar a { text-decoration:none; }
.option-nav { display:flex; justify-content:space-between; align-items:center; gap:2rem; padding-block:1.8rem; border-bottom:1px solid #e0e4ec; }
.option-brand { font-size:2rem; font-weight:650; letter-spacing:-.07em; text-decoration:none; line-height:1; }
.option-brand span { display:block; font-size:.7rem; font-weight:450; letter-spacing:.035em; margin-top:.45rem; color:#657084; }
.option-nav nav { font-size:.875rem; gap:2rem; }
.option-eyebrow { font-size:.75rem; text-transform:uppercase; letter-spacing:.13em; font-weight:600; color:#50658f; margin-bottom:1.25rem; }
.option-section { padding-block:5rem; }
.option-footer { display:flex; justify-content:space-between; gap:1rem; padding-block:1.7rem; border-top:1px solid #dce1eb; color:#5b6474; font-size:.85rem; }
.option-footer a { text-decoration:none; }
.development-note { display:block; color:#626d81; font-size:.8rem; margin-top:1.1rem; }
.studio-hero { text-align:center; padding-block:4.5rem 3.5rem; }
.studio-hero h1 { font-size:clamp(3rem,5.8vw,5.7rem); line-height:1.06; letter-spacing:-.065em; font-weight:600; }
.studio-hero h1 em { font-style:normal; color:#405bb3; }
.studio-intro { max-width:40rem; margin:1.7rem auto 0; font-size:1.15rem; color:#5b6474; }
.studio-hero .button { margin-top:1.6rem; }
.studio-stage { background:#e9edf6; padding:1.8rem; border-radius:18px; border:1px solid #d9dfed; }
.stage-caption { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:1.2rem; }
.stage-caption span { font-size:.7rem; letter-spacing:.1em; color:#50658f; }
.stage-caption p { font-size:.875rem; color:#506079; }
.studio-stage .workspace { box-shadow:0 12px 32px #1b233418; border-color:#d0d7e6; }
.stage-footnote { font-size:.75rem; color:#526079; text-align:center; margin-top:1rem; }
.studio-trust { display:flex; justify-content:space-around; gap:1rem; font-size:.85rem; padding-block:1.6rem; border-bottom:1px solid #e0e4ec; color:#5b6474; }
.center-heading { text-align:center; }
.center-heading h2 { font-size:clamp(2rem,3.7vw,3.3rem); line-height:1.12; }
.center-heading>p:last-child:not(.option-eyebrow) { max-width:38rem; margin:1rem auto 0; color:#5b6474; }
.studio-time { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; margin-top:3rem; padding:2.5rem; background:#f0f3f9; border-radius:12px; border:1px solid #dce1eb; }
.studio-time h3 { font-size:1.7rem; line-height:1.3; }
.studio-time>p { color:#5b6474; }
.studio-close { text-align:center; padding:3.5rem 1.5rem; background:#1b2334; color:#f5f7fc; border-radius:16px; margin-top:1rem; margin-bottom:4rem; }
.studio-close .option-eyebrow { color:#b8c6ed; }
.studio-close>p:last-child { margin-top:1.3rem; color:#c7cfdf; }
.option-b { background:#fdfdfc; }
.option-b h1,.option-b h2,.option-b .journal-chapters h3,.option-b .domain-rows h3 { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.045em; }
.option-b .option-nav { border-bottom:2px solid #242d40; }
.option-b .option-eyebrow { color:#5c667a; }
.journal-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:5rem; padding-block:4.7rem; align-items:center; }
.journal-opening h1 { font-size:clamp(3.2rem,5.4vw,5.2rem); line-height:1.01; }
.journal-opening h1 em { color:#405b99; font-weight:400; }
.journal-opening>p:not(.option-eyebrow) { font-size:1.15rem; max-width:28rem; margin-top:1.7rem; color:#5b6474; }
.journal-link { display:inline-block; margin-top:1.6rem; padding-bottom:.3rem; border-bottom:1px solid #35486d; text-decoration:none; font-size:.95rem; }
.case-file { padding:2rem; background:#f0f2f6; border:1px solid #d5dce7; box-shadow:10px 12px 0 #e8ebf1; }
.file-header { display:flex; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid #cdd5e3; font-size:.65rem; letter-spacing:.07em; color:#56647b; }
.case-file h2 { margin-top:1.9rem; font-size:2.6rem; line-height:1.14; }
.file-subtitle { margin-top:.8rem; color:#627087; font-size:.8rem; }
.case-file dl { margin-top:1.5rem; font-size:.9rem; }
.case-file dl div { display:grid; grid-template-columns:6.3rem 1fr; gap:1rem; padding:.9rem 0; }
.case-file dt { font-size:.8rem; }
.file-conclusion { padding:1rem 1.2rem; margin-top:.8rem; background:white; border-left:3px solid #7488af; }
.file-conclusion span { font-size:.65rem; letter-spacing:.08em; color:#63728b; }
.file-conclusion p { margin-top:.45rem; font-size:1rem; }
.file-note { font-size:.75rem; color:#657184; margin-top:1.2rem; }
.journal-story { display:grid; grid-template-columns:1fr 2fr; gap:5rem; padding-block:4.5rem; border-top:1px solid #d5dce7; }
.journal-rail h2 { font-size:2.7rem; line-height:1.15; }
.journal-rail>p:last-child { font-size:.95rem; color:#657184; margin-top:1.5rem; max-width:16rem; }
.journal-chapters article { padding-bottom:2.5rem; }
.journal-chapters article+article { border-top:1px solid #d5dce7; padding-top:2.5rem; }
.chapter-number { font-size:.75rem; color:#64718b; text-transform:uppercase; letter-spacing:.1em; margin-bottom:1rem; }
.journal-chapters h3 { font-size:2.4rem; }
.journal-chapters article>p { max-width:37rem; margin-top:1rem; color:#5b6474; }
.record-strip { display:flex; gap:1rem; margin-top:1.5rem; }
.record-strip span { padding:.6rem 1rem; border:1px solid #d4dce9; background:#f5f7fa; font-size:.8rem; }
.time-ledger { display:grid; grid-template-columns:1fr 1fr; margin-top:1.5rem; border-block:1px solid #d4dce9; }
.time-ledger>div { padding:1rem 1rem 1rem 0; }
.time-ledger>div+div { border-left:1px solid #d4dce9; padding-left:1.4rem; }
.time-ledger span { display:block; font-size:.65rem; letter-spacing:.1em; color:#64718b; }
.time-ledger strong { display:block; font-size:.95rem; font-weight:500; margin-top:.4rem; }
.review-chain { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; margin-top:1.5rem; font-size:.75rem; color:#485c7e; }
.review-chain span { border-bottom:1px solid #bfcade; padding-block:.5rem; }
.journal-workspace { background:#edf0f5; padding-block:4.5rem; border-block:1px solid #d5dce7; }
.journal-workspace-heading { display:grid; grid-template-columns:1.1fr 1fr; gap:1rem 3rem; align-items:end; margin-bottom:2rem; }
.journal-workspace-heading .option-eyebrow { grid-column:1/-1; margin:0; }
.journal-workspace-heading h2 { font-size:2.8rem; }
.journal-workspace-heading>p:last-child { color:#5b6474; font-size:.95rem; max-width:28rem; }
.journal-workspace .workspace { border-radius:2px; border-color:#c2cbdc; box-shadow:0 12px 30px #1823370b; }
.journal-workspace .workspace h3 { font-family:inherit; font-weight:550; letter-spacing:-.025em; }
.journal-domains { padding-block:4.5rem; }
.journal-domain-title { margin-bottom:2.5rem; }
.journal-domain-title h2 { font-size:3rem; }
.domain-rows article { display:grid; grid-template-columns:2rem 1fr 12rem; align-items:start; gap:2rem; padding:2rem 0; border-top:1px solid #d5dce7; }
.row-index { color:#6f7b90; font-size:.8rem; padding-top:.2rem; }
.domain-rows .option-eyebrow { font-size:.65rem; margin-bottom:.6rem; }
.domain-rows h3 { font-size:2rem; line-height:1.2; }
.domain-rows article p:not(.option-eyebrow) { max-width:37rem; color:#5b6474; margin-top:.7rem; }
.domain-rows small { display:block; margin-top:.5rem; color:#5b6474; font-size:.75rem; }
.row-status { font-size:.7rem; color:#50658f; text-align:right; padding-top:.2rem; }
.journal-close { display:grid; grid-template-columns:1.3fr 1fr; gap:1rem 4rem; padding-block:3rem 4rem; border-top:2px solid #242d40; align-items:end; }
.journal-close .option-eyebrow { grid-column:1/-1; }
.journal-close h2 { font-size:3.2rem; }
.journal-close>p { color:#5b6474; }
.comparison-page { background:#f4f6fa; }
.comparison-nav { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:1.7rem; border-bottom:1px solid #dce1eb; }
.comparison-nav>a:last-child { font-size:.85rem; text-decoration:none; }
.compare-intro { padding-block:3.8rem 2.5rem; }
.compare-intro h1 { font-size:clamp(2.8rem,4.5vw,4.3rem); line-height:1.08; }
.compare-intro>p:last-child { max-width:39rem; margin-top:1.3rem; color:#5b6474; }
.comparison-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.8rem; }
.comparison-card { background:white; border:1px solid #d6ddea; border-radius:12px; overflow:hidden; }
.option-title { display:flex; gap:1rem; align-items:center; padding:1.5rem; }
.option-letter { display:grid; place-items:center; width:2.8rem; height:2.8rem; border-radius:7px; background:#eaf0ff; color:#405bb3; font-size:1.4rem; }
.letter-b { background:#edf0f4; color:#29334a; font-family:Georgia,serif; }
.option-title h2 { font-size:1.5rem; letter-spacing:-.03em; }
.option-title p { color:#637084; font-size:.8rem; margin-top:.3rem; }
.miniature { display:block; text-decoration:none; border-block:1px solid #e1e5ee; padding:1.5rem; height:390px; overflow:hidden; pointer-events:auto; }
.miniature:focus-visible { outline-offset:-4px; }
.mini-product { background:#f9fbff; }
.mini-nav { display:flex; justify-content:space-between; gap:1rem; font-size:.65rem; align-items:center; padding-bottom:.7rem; border-bottom:1px solid #dce1eb; }
.mini-nav>b { font-size:1rem; letter-spacing:-.06em; }
.mini-nav span { color:#748098; font-size:.5rem; }
.mini-centered { text-align:center; padding:1.1rem 0; }
.mini-centered>span { display:block; font-size:.5rem; letter-spacing:.12em; color:#6a7caa; }
.mini-centered>strong { display:block; font-size:2rem; letter-spacing:-.055em; line-height:1.08; margin-top:.6rem; font-weight:550; }
.mini-centered em { font-style:normal; color:#405bb3; }
.miniature i { display:block; height:4px; border-radius:2px; background:#d7deeb; margin-top:6px; }
.mini-centered>i { width:45%; margin:10px auto; }
.mini-centered>b { display:inline-block; background:#405bb3; color:white; font-size:.5rem; padding:.4rem .6rem; border-radius:3px; font-weight:450; }
.mini-window { border:1px solid #c9d2e4; background:white; border-radius:4px; box-shadow:0 6px 15px #1b233412; }
.mini-window>div { padding:.5rem; font-size:.55rem; border-bottom:1px solid #e1e5ee; }
.mini-window>div>span { float:right; font-size:.45rem; color:#73819e; }
.mini-window>section { display:grid; grid-template-columns:1fr 1.4fr 1fr; }
.mini-window section>* { padding:.6rem; font-size:.5rem; }
.mini-window section>*+* { border-left:1px solid #e1e5ee; }
.mini-window small,.mini-asymmetric small { display:inline-block; margin-top:.5rem; color:#83551c; background:#f9efdb; padding:.15rem .3rem; font-size:.45rem; }
.mini-three { display:flex; justify-content:space-between; font-size:.55rem; margin-top:1rem; color:#687897; }
.mini-editorial { background:#fdfdfc; }
.mini-asymmetric { display:grid; grid-template-columns:1.1fr 1fr; gap:1.4rem; margin-block:1.5rem; }
.mini-asymmetric>div>span { font-size:.45rem; letter-spacing:.1em; color:#64718b; display:block; }
.mini-asymmetric>div>strong { display:block; font-family:Georgia,serif; font-size:2rem; line-height:1.01; font-weight:400; margin-top:.7rem; }
.mini-asymmetric em { color:#405b99; }
.mini-asymmetric>div>b { display:block; font-size:.55rem; margin-top:1rem; font-weight:450; }
.mini-asymmetric aside { background:#eef1f6; border:1px solid #d9dfeb; padding:1rem .7rem; align-self:center; box-shadow:4px 5px 0 #e1e6ef; }
.mini-asymmetric aside>span { display:block; font-size:.45rem; color:#73819e; }
.mini-asymmetric aside>strong { font-family:Georgia,serif; font-size:1.15rem; display:block; line-height:1.2; font-weight:400; margin-block:1rem; }
.mini-journal { display:grid; grid-template-columns:1fr 1.6fr; gap:1rem; border-top:1px solid #c9d2e4; padding-top:1rem; }
.mini-journal>strong { font-family:Georgia,serif; font-size:1.1rem; font-weight:400; line-height:1.2; }
.mini-journal p { font-size:.6rem; border-bottom:1px solid #e1e5ee; padding:.35rem 0; }
.comparison-description { padding:1.5rem; }
.comparison-description>p { color:#5b6474; font-size:.95rem; }
.comparison-description dl { font-size:.875rem; }
.comparison-description dl div { padding:.75rem 0; }
.comparison-description dt { font-weight:600; color:#334365; font-size:.8rem; }
.comparison-description dd { margin-top:.25rem; color:#5b6474; }
.comparison-description .button { margin-top:1rem; }
.comparison-note { border:1px solid #d6ddea; border-radius:10px; padding:1.8rem; margin-block:2rem 3rem; background:#fff; }
.comparison-note h2 { font-size:1.2rem; }
.comparison-note p { margin-top:.75rem; color:#5b6474; max-width:56rem; }
.comparison-note p:last-child { font-size:.85rem; }
@media(max-width:1000px) {
  .option-wrap { width:calc(100% - 3rem); }
  .journal-hero { gap:2.5rem; }
  .journal-story { gap:2.5rem; grid-template-columns:1fr 2fr; }
  .case-file { padding:1.4rem; }
  .studio-stage { padding:1.2rem; }
  .domain-rows article { grid-template-columns:1.5rem 1fr; gap:1rem; }
  .row-status { grid-column:2; text-align:left; }
  .miniature { padding:1rem; }
  .mini-asymmetric { gap:.8rem; }
  .mini-centered>strong,.mini-asymmetric>div>strong { font-size:1.7rem; }
}
@media(max-width:720px) {
  .option-wrap,.compare-wrap { width:calc(100% - 2.5rem); }
  .review-bar { padding:.65rem 1.25rem; font-size:.75rem; flex-wrap:wrap; gap:.4rem 1rem; }
  .review-bar>span { order:3; width:100%; }
  .option-nav { align-items:start; flex-wrap:wrap; gap:1.3rem; padding-block:1.4rem; }
  .option-nav nav { font-size:.8rem; gap:1.4rem; flex-wrap:wrap; }
  .studio-hero { padding-block:3rem 2.5rem; }
  .studio-hero h1 { font-size:clamp(2.6rem,9vw,4rem); }
  .studio-hero h1 br { display:none; }
  .studio-hero h1 em { display:block; }
  .studio-intro { font-size:1rem; }
  .stage-caption { display:block; }
  .stage-caption>p { margin-top:.4rem; }
  .studio-stage { padding:.8rem; border-radius:10px; }
  .studio-stage .workspace-grid>section { padding:1.1rem; }
  .studio-trust { flex-direction:column; align-items:center; gap:.4rem; }
  .option-section { padding-block:3rem; }
  .studio-time { grid-template-columns:1fr; gap:1.3rem; padding:1.5rem; }
  .studio-close { padding:2.5rem 1rem; margin-bottom:2.5rem; }
  .journal-hero { grid-template-columns:1fr; gap:2.5rem; padding-block:3rem; }
  .journal-opening h1 { font-size:clamp(2.8rem,10vw,4.3rem); }
  .journal-opening>p:not(.option-eyebrow) { font-size:1rem; }
  .case-file h2 { font-size:2.4rem; }
  .file-header { font-size:.65rem; flex-wrap:wrap; gap:.3rem; }
  .case-file dl div { grid-template-columns:5rem 1fr; }
  .journal-story { grid-template-columns:1fr; gap:2.5rem; padding-block:3rem; }
  .journal-rail>p:last-child { max-width:none; }
  .journal-chapters h3 { font-size:2.1rem; }
  .record-strip { gap:.4rem; flex-wrap:wrap; }
  .record-strip span { font-size:.75rem; padding:.6rem .7rem; }
  .time-ledger { grid-template-columns:1fr; }
  .time-ledger>div+div { border-left:0; border-top:1px solid #d4dce9; padding-left:0; }
  .journal-workspace { padding-block:3rem; }
  .journal-workspace-heading { grid-template-columns:1fr; gap:1rem; }
  .journal-workspace-heading h2 { font-size:2.4rem; }
  .journal-domains { padding-block:3rem; }
  .journal-domain-title h2 { font-size:2.5rem; }
  .domain-rows h3 { font-size:1.8rem; }
  .journal-close { grid-template-columns:1fr; gap:1.2rem; padding-block:2.5rem; }
  .journal-close h2 { font-size:2.6rem; }
  .option-footer { flex-wrap:wrap; font-size:.75rem; }
  .comparison-grid { grid-template-columns:1fr; }
  .compare-intro { padding-block:2.5rem 2rem; }
  .compare-intro h1 { font-size:2.8rem; }
  .comparison-nav>a:last-child { font-size:.75rem; }
  .option-title { padding:1.2rem; }
  .option-title h2 { font-size:1.25rem; }
  .miniature { height:370px; padding:1rem; }
  .mini-nav span { font-size:.45rem; }
  .mini-window section>* { padding:.45rem; }
  .comparison-description { padding:1.2rem; }
  .comparison-note { padding:1.3rem; }
}

/* Selected homepage: effective-date and amendment illustration. */
.anchor-target { display:block; }
.temporal-example { display:grid; grid-template-columns:1fr 1.35fr; gap:3rem; margin-top:3.5rem; padding:2.5rem; background:#f0f3f9; border:1px solid #dce1eb; border-radius:12px; }
.temporal-heading h3 { font-size:2rem; line-height:1.15; }
.temporal-heading>p:last-child { margin-top:1.2rem; color:#5b6474; font-size:.95rem; }
.amendment-trail { list-style:none; margin:0; padding:0 0 0 1.2rem; border-left:2px solid #a7b6d5; }
.amendment-trail li { position:relative; padding-bottom:1.5rem; }
.amendment-trail li:last-child { padding-bottom:.3rem; }
.amendment-trail li::before { content:""; position:absolute; width:.6rem; height:.6rem; border-radius:50%; background:#405bb3; top:.35rem; left:-1.55rem; }
.amendment-trail span { display:block; font-size:.8rem; color:#50658f; }
.amendment-trail strong { display:block; font-weight:550; margin-top:.3rem; }
.amendment-trail p { margin-top:.3rem; color:#5b6474; font-size:.875rem; }
.asof-questions { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-top:1.5rem; }
.asof-questions>div { background:white; border:1px solid #d5ddeb; border-radius:7px; padding:1rem; }
.asof-questions span { font-size:.75rem; color:#50658f; }
.asof-questions p { font-size:.9rem; margin-top:.5rem; }
.temporal-caption { font-size:.75rem; line-height:1.65; color:#5b6474; margin-top:1rem; }
@media(max-width:720px) {
 .temporal-example { grid-template-columns:1fr; gap:1.7rem; padding:1.5rem; margin-top:2.5rem; }
 .temporal-heading h3 { font-size:1.7rem; }
 .asof-questions { grid-template-columns:1fr; }
}
