/* E07 usecasefieldguide.com — atlas / 2026-11-10 */

:root{
  --v2-accent:#7fa99b;
  --v2-display:Georgia,serif;
  --v2-space:4.5rem
}

body.v2{
  background:var(--paper);
  color:var(--ink);
  font-family:Arial,sans-serif;
  font-size:16px;
  line-height:1.65
}

.v2 h1,.v2 h2,.v2 h3{
  font-family:var(--v2-display);
  line-height:1.13;
  letter-spacing:-.035em;
  color:inherit
}

.v2 h1{
  font-size:clamp(2.7rem,4.8vw,5.5rem);
  margin:0 0 1.3rem;
  font-weight:700;
  overflow-wrap:anywhere
}

.v2 h2{
  font-size:clamp(1.7rem,2.4vw,2.7rem);
  margin:0 0 1.3rem
}

.v2 h3{
  font-size:1.5rem
}
.v2 p{
  margin:0 0 1.2rem
}
.v2 figure{
  margin:0
}
.v2 figcaption{
  font-size:.75rem;
  line-height:1.5;
  color:var(--muted);
  margin-top:.8rem
}
.v2 img{
  max-width:100%;
  height:auto
}

.v2 a{
  color:var(--brand);
  text-underline-offset:4px
}
.v2 a:hover{
  text-decoration-thickness:2px
}
.v2 a:focus-visible,.v2 button:focus-visible{
  outline:3px solid var(--brand);
  outline-offset:4px
}

.v2 .container{
  max-width:1280px;
  padding-left:32px;
  padding-right:32px
}
.v2-main{
  padding-bottom:1px;
  min-height:50vh
}

.v2-kicker,.v2-folio{
  display:block;
  font-family:Arial,sans-serif;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.65;
  text-transform:uppercase;
  color:var(--brand)
}

.v2-deck{
  font-size:1.1rem;
  line-height:1.75;
  max-width:55ch;
  color:var(--muted)
}
.v2-text-link{
  display:inline-flex;
  gap:1rem;
  align-items:center;
  font-weight:700;
  min-height:44px
}
.v2 .btn{
  border-radius:2px;
  min-height:44px;
  padding:.6rem 1.1rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.9rem
}

.v2-header{
  position:relative;
  z-index:10;
  border-bottom:1px solid var(--line);
  background:var(--paper)
}
.v2-utility{
  background:var(--ink);
  color:#fff;
  font-size:.72rem;
  letter-spacing:.09em
}
.v2-utility>.container{
  min-height:34px;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:center
}
.v2-utility a{
  color:inherit;
  letter-spacing:0
}
.v2-masthead{
  display:flex;
  gap:2rem;
  align-items:center;
  justify-content:space-between;
  min-height:104px
}
.v2-brand{
  display:inline-flex;
  gap:.85rem;
  align-items:center;
  font-family:var(--v2-display);
  font-size:1.55rem;
  font-weight:700;
  line-height:1.05;
  color:var(--ink)!important;
  text-decoration:none;
  letter-spacing:-.035em;
  max-width:480px
}
.v2-brand img{
  flex:0 0 auto
}
.v2-header-resource{
  font-size:.82rem;
  font-weight:700;
  max-width:34ch;
  line-height:1.45
}
.v2-nav{
  padding:0;
  border-top:1px solid var(--line)
}
.v2-nav .navbar-nav{
  width:100%;
  justify-content:space-between;
  gap:1rem
}
.v2-nav .nav-link{
  font-size:.8rem;
  min-height:48px;
  display:flex;
  align-items:center;
  padding:.6rem 0!important;
  font-weight:600;
  color:var(--ink)
}
.v2-nav .nav-link[aria-current]{
  box-shadow:inset 0 -3px var(--brand)
}
.v2-nav .navbar-toggler{
  font-size:.88rem;
  min-height:44px;
  margin:.6rem 0;
  border-radius:0
}
.v2-nav .navbar-toggler-icon{
  width:22px
}

.v2-section{
  padding:var(--v2-space) 0
}
.v2-section-title{
  margin-bottom:2.3rem;
  max-width:750px
}
.v2-rule-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:2rem;
  border-bottom:1px solid var(--ink);
  padding-bottom:1rem;
  margin-bottom:1.6rem
}
.v2-rule-heading h2{
  margin:0;
  font-size:1.8rem
}
.v2-rule-heading>span,.v2-rule-heading>a{
  font-size:.75rem
}
.v2-rule-heading .v2-kicker{
  margin-bottom:.5rem
}

.v2-subject{
  display:grid;
  position:relative;
  grid-template-columns:40px minmax(0,1fr) 20px;
  gap:1.25rem;
  text-decoration:none;
  padding:1.5rem 0;
  border-bottom:1px solid var(--line);
  align-items:start;
  color:var(--ink)!important
}
.v2-subject h3{
  margin:0 0 .6rem;
  font-size:1.6rem
}
.v2-subject p{
  font-size:.9rem;
  line-height:1.7;
  margin:0;
  color:var(--muted)
}
.v2-subject-number{
  font-family:monospace;
  font-size:.85rem;
  color:var(--brand)
}
.v2-subject-arrow{
  font-size:1.3rem
}
.v2-subject-picture{
  display:none
}
.v2-subject-picture img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover
}

.v2-resource-strip{
  margin:1rem 0 2rem;
  padding:2rem 2.5rem;
  border:1px solid var(--line);
  display:grid;
  grid-template-columns:170px minmax(0,1fr) auto;
  align-items:center;
  gap:2rem;
  background:#fff
}
.v2-resource-strip h2{
  font-size:1.5rem;
  margin:0
}
.v2-resource-link{
  font-size:.85rem;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:1rem;
  min-height:44px
}

.v2-latest-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2rem
}
.v2 .story{
  min-width:0
}
.v2 .story h3{
  font-size:1.7rem;
  line-height:1.2;
  letter-spacing:-.025em
}
.v2 .story h3 a{
  color:var(--ink);
  text-decoration:none
}
.v2 .story .eyebrow{
  font-family:Arial,sans-serif;
  font-size:.7rem;
  line-height:1.5;
  margin:.5rem 0;
  color:var(--brand);
  letter-spacing:.08em
}
.v2 .story-summary{
  font-size:.94rem;
  color:var(--muted);
  line-height:1.7
}
.v2 .story-date{
  font-size:.75rem
}
.v2 .story-picture{
  border-radius:0;
  display:block;
  overflow:hidden;
  margin-bottom:1rem
}
.v2 .story-picture img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover
}
.v2 .story-feed{
  border:0;
  border-bottom:1px solid var(--line);
  padding:0 0 1.5rem;
  display:block
}
.v2 .story-related{
  display:block
}
.v2 .story-compact{
  display:block
}

.v2 .index-result{
  min-width:0;
  padding:1.2rem 0;
  gap:1rem;
  font-size:1.05rem;
  border-bottom:1px solid var(--line);
  color:var(--ink)
}
.v2 .index-result.has-image{
  grid-template-columns:96px minmax(0,1fr) auto auto
}
.v2 .index-title{
  font-family:var(--v2-display);
  font-size:1.16rem;
  font-weight:600
}
.v2 .index-result small{
  font-family:Arial,sans-serif;
  font-size:.75rem
}
.v2-empty{
  padding:2rem 0;
  max-width:56ch
}
.v2-empty>p{
  font-family:var(--v2-display);
  font-size:1.4rem
}
.v2-empty h2{
  font-size:1.7rem
}
.v2-empty a{
  font-size:.85rem
}

.v2-crumbs{
  padding-top:1.8rem;
  display:flex;
  gap:.7rem;
  flex-wrap:wrap;
  font-size:.78rem;
  color:var(--muted)
}
.v2-category-head{
  padding:2.8rem 0 3.2rem;
  max-width:960px
}
.v2-category-head h1{
  font-size:clamp(2.4rem,4vw,4.2rem)
}
.v2-category-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  gap:4rem;
  margin-bottom:5rem
}
.v2-category-feed,.v2-article-copy{
  min-width:0
}
.v2-category-aside{
  align-self:start;
  border-top:3px solid var(--brand);
  padding-top:1.2rem
}
.v2-category-aside h2{
  font-size:1.5rem
}
.v2-category-aside nav{
  display:flex;
  flex-direction:column;
  margin-bottom:1.5rem
}
.v2-category-aside nav a{
  padding:.9rem 0;
  border-bottom:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  gap:1rem;
  text-decoration:none;
  font-size:.9rem
}
.v2-category-aside>.v2-text-link{
  font-size:.82rem
}
.v2-category-topics{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.3rem;
  border-bottom:1px solid var(--line);
  padding-bottom:1rem
}
.v2-category-topics a{
  font-size:.8rem;
  min-height:44px;
  display:flex;
  align-items:center
}
.v2 .reading-feed{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.6rem
}
.v2 .reading-feed.is-masonry{
  grid-auto-rows:8px;
  row-gap:0
}
.v2 .load-more{
  border-radius:0
}

.v2-article-head{
  padding:3rem 0;
  border-bottom:1px solid var(--line);
  margin-bottom:2.5rem;
  max-width:1100px
}
.v2-article-head h1{
  font-size:clamp(2.5rem,4vw,4.5rem);
  line-height:1.1;
  max-width:26ch
}
.v2-article-head .v2-deck{
  max-width:72ch
}
.v2-article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1.5rem;
  font-size:.77rem;
  color:var(--muted);
  margin-top:2rem
}
.v2-article-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  gap:4rem;
  align-items:start;
  margin-bottom:4rem
}
.v2-article-rail{
  position:sticky;
  top:1.5rem
}
.v2-toc h2{
  font-family:Arial,sans-serif;
  font-size:.75rem;
  letter-spacing:.1em;
  text-transform:uppercase
}
.v2-toc ol{
  list-style:decimal-leading-zero;
  padding-left:1.5rem;
  margin:0 0 1.5rem
}
.v2-toc li{
  padding:.5rem 0;
  font-size:.85rem
}
.v2-toc a{
  text-decoration:none
}
.v2-toc-resource{
  display:block;
  font-size:.8rem;
  border-top:1px solid var(--line);
  padding-top:1.2rem
}
.v2-contents-toggle{
  margin:0 auto 2.5rem;
  max-width:900px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:1rem 0
}
.v2-contents-toggle>summary{
  font-weight:700;
  font-size:.9rem;
  cursor:pointer
}
.v2-contents-toggle .v2-toc{
  padding-top:1.2rem
}
.v2-contents-toggle .v2-toc h2{
  display:none
}
.v2-contents-toggle .v2-toc ol{
  columns:2;
  gap:2.5rem
}
.v2-contents-toggle .v2-toc-resource{
  display:inline-block
}
.v2 .article-body{
  max-width:none;
  font-size:1.1rem;
  line-height:1.85;
  color:var(--ink);
  overflow-wrap:anywhere
}
.v2 .article-body h2{
  font-size:1.9rem;
  margin:2.5rem 0 1rem;
  scroll-margin-top:1.5rem
}
.v2 .article-body h3{
  font-size:1.5rem;
  margin:1.8rem 0 .7rem
}
.v2 .article-body img{
  max-width:100%;
  height:auto;
  object-fit:contain
}
.v2 .article-body blockquote{
  border-left:3px solid var(--brand);
  padding:1rem 1.5rem;
  margin:2rem 0;
  background:transparent
}
.v2 .article-body table{
  font-size:.9rem;
  border-collapse:collapse;
  width:100%
}
.v2 .article-body th,.v2 .article-body td{
  padding:.8rem;
  border:1px solid var(--line)
}
.v2 .article-body th{
  background:var(--brand);
  color:white
}
.v2 .table-responsive{
  max-width:100%;
  overflow-x:auto
}
.v2 .article-cover{
  max-width:1100px;
  margin:0 auto 3rem
}
.v2 .article-cover img{
  width:100%;
  height:auto;
  max-height:650px;
  object-fit:contain
}
.v2-related{
  padding:3rem 0
}
.v2-related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2rem
}
.v2-related h3{
  font-size:1.4rem!important
}
.v2-reading-note{
  margin:2.8rem 0 1.5rem;
  padding:1.5rem 0;
  border-top:2px solid var(--brand);
  font-size:.95rem
}
.v2-reading-note a{
  font-size:.85rem;
  font-weight:700
}
.v2-correction{
  display:flex;
  gap:2rem;
  flex-wrap:wrap;
  font-size:.8rem;
  border-bottom:1px solid var(--line);
  padding-bottom:1.5rem
}

.v2-footer{
  margin-top:3rem;
  padding:3.5rem 0 1rem;
  background:var(--ink);
  color:#fff
}
.v2-footer .v2-brand{
  color:inherit!important;
  font-size:1.45rem
}
.v2-footer .v2-brand img{
  background:#fff;
  padding:3px
}
.v2-footer-intro{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  padding-bottom:2rem;
  border-bottom:1px solid #ffffff40
}
.v2-footer-intro p{
  max-width:50ch;
  color:#e3e6e3;
  font-size:.9rem;
  margin:0
}
.v2-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:0 2rem;
  padding:1.4rem 0
}
.v2-footer-links a{
  color:#fff;
  text-decoration:none;
  font-size:.8rem;
  min-height:44px;
  display:inline-flex;
  align-items:center
}
.v2-footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:2rem;
  font-size:.75rem;
  border-top:1px solid #ffffff40;
  padding:1.3rem 0 .5rem
}
.v2-footer-bottom a{
  color:#fff
}

@media(max-width:1199px){
  .v2-nav .navbar-collapse{
  padding:.5rem 0 1rem
}
.v2-nav .navbar-nav{
  gap:0
}
.v2-nav .nav-link{
  min-height:44px;
  border-bottom:1px solid var(--line)
}
.v2-category-layout,.v2-article-layout{
  gap:2.5rem
}
.v2-latest-grid{
  gap:1.4rem
}

}

@media(max-width:991px){
  .v2 .container{
  padding-left:24px;
  padding-right:24px
}
.v2-category-layout,.v2-article-layout{
  grid-template-columns:minmax(0,1fr)!important;
  gap:2.5rem
}
.v2-category-aside{
  margin-top:1rem
}
.v2-article-rail{
  position:static
}
.v2-latest-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.v2-resource-strip{
  grid-template-columns:1fr 2fr
}
.v2-resource-link{
  grid-column:2
}
.v2-category-head{
  padding:2rem 0
}
.v2-article-head{
  padding:2rem 0
}
.v2-article-layout>.v2-article-rail{
  grid-row:auto!important
}
.v2-toc ol{
  columns:2
}
.v2-toc li{
  break-inside:avoid
}

}

@media(max-width:767px){
  :root{
  --v2-space:2.8rem
}
.v2 .container{
  padding-left:20px;
  padding-right:20px
}
.v2-utility>.container{
  min-height:32px;
  font-size:.62rem
}
.v2-utility a{
  display:none
}
.v2-masthead{
  min-height:90px;
  gap:1rem
}
.v2-brand{
  font-size:1.2rem;
  max-width:290px
}
.v2-brand img{
  width:34px;
  height:34px
}
.v2-header-resource{
  display:none
}
.v2-nav .navbar-toggler{
  margin:.45rem 0
}
.v2 h1{
  font-size:clamp(2.6rem,10vw,3.6rem);
  line-height:1.05
}
.v2-deck{
  font-size:1rem
}
.v2-rule-heading{
  gap:1rem;
  align-items:start
}
.v2-rule-heading>span{
  display:none
}
.v2-rule-heading h2{
  font-size:1.6rem
}
.v2-rule-heading>a{
  max-width:35%;
  text-align:right
}
.v2-subject{
  gap:.7rem;
  grid-template-columns:28px minmax(0,1fr) 20px
}
.v2-subject h3{
  font-size:1.45rem
}
.v2-subject p{
  font-size:.87rem
}
.v2-latest-grid,.v2-related-grid{
  grid-template-columns:minmax(0,1fr)
}
.v2-resource-strip{
  grid-template-columns:minmax(0,1fr);
  gap:.8rem;
  padding:1.5rem;
  margin:1rem 0
}
.v2-resource-link{
  grid-column:auto
}
.v2 .index-result{
  font-size:.95rem
}
.v2 .index-result.has-image{
  grid-template-columns:72px minmax(0,1fr) auto
}
.v2 .index-result.has-image>.index-title{
  grid-column:2;
  grid-row:1;
  font-size:1rem
}
.v2 .index-result.has-image>.index-category{
  grid-column:2;
  grid-row:2;
  font-size:.7rem
}
.v2 .index-result.has-image>.index-picture{
  grid-row:1/span 2
}
.v2 .index-result.has-image>.index-arrow{
  grid-column:3;
  grid-row:1/span 2
}
.v2-category-head h1{
  font-size:2.5rem
}
.v2 .reading-feed{
  grid-template-columns:minmax(0,1fr)!important
}
.v2-article-head h1{
  font-size:2.45rem;
  max-width:none
}
.v2 .article-body{
  font-size:1.03rem;
  line-height:1.8
}
.v2 .article-body h2{
  font-size:1.6rem
}
.v2-contents-toggle .v2-toc ol,.v2-toc ol{
  columns:1
}
.v2-article-meta{
  gap:.5rem 1rem
}
.v2-footer{
  padding-top:2.5rem
}
.v2-footer-intro{
  grid-template-columns:1fr;
  gap:1rem
}
.v2-footer-links{
  gap:0 1.2rem
}
.v2-footer-bottom{
  flex-direction:column;
  gap:.6rem
}
.v2-related{
  padding:2rem 0
}

}

@media(prefers-reduced-motion:reduce){
  .v2 *{
  scroll-behavior:auto!important;
  animation:none!important;
  transition:none!important
}

}


body.v2-e07{
  --paper:#fcf9f2;
  --ink:#293d36;
  --brand:#845029;
  --muted:#62695e
}
.v2-e07 .v2-utility{
  background:#dce7db;
  color:#293d36
}
.v2-e07 .v2-masthead{
  min-height:122px
}
.v2-e07 .v2-brand{
  font-size:1.8rem;
  font-weight:400
}
.v2-e07 .v2-nav{
  border-top:1px solid #b9cabc;
  border-bottom:1px solid #b9cabc
}
.v2-atlas-cover{
  padding:4rem 0 2rem;
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:1rem 4rem;
  align-items:center
}
.v2-atlas-title h1{
  font-size:5.1rem;
  font-weight:400;
  letter-spacing:-.05em
}
.v2-atlas-art{
  grid-column:2;
  grid-row:1/span 2;
  background:#e1eadf;
  border-radius:50% 50% 8px 8px;
  padding:2rem;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.v2-atlas-art img{
  mix-blend-mode:multiply;
  width:100%
}
.v2-atlas-caption{
  grid-column:1;
  max-width:46ch;
  padding-top:1rem
}
.v2-subjects-atlas{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem
}
.v2-subjects-atlas .v2-subject{
  display:flex;
  flex-direction:column;
  gap:1rem;
  min-height:270px;
  background:#e7eee3;
  border:0;
  padding:1.8rem
}
.v2-subjects-atlas .v2-subject:nth-child(2n){
  background:#eee2d2
}
.v2-subjects-atlas .v2-subject:first-child{
  grid-column:span 2
}
.v2-subjects-atlas .v2-subject-picture{
  display:block;
  order:-1;
  width:100%
}
.v2-subjects-atlas .v2-subject-number{
  font-size:2.8rem;
  font-family:Georgia,serif;
  color:#687d67
}
.v2-subjects-atlas h3{
  font-size:1.9rem;
  font-weight:400
}
.v2-subjects-atlas .v2-subject-arrow{
  margin-top:auto
}
.v2-e07 .v2-latest-grid{
  grid-template-columns:repeat(2,1fr);
  gap:3rem
}
.v2-e07 .story-lead h3{
  font-size:2.1rem;
  font-weight:400
}
.v2-e07 .story-picture img{
  aspect-ratio:16/9
}
.v2-e07 .v2-resource-strip{
  background:#e1eadf;
  border:0
}
.v2-e07 .v2-category-layout{
  grid-template-columns:minmax(0,1fr);
  gap:2rem
}
.v2-e07 .v2-category-topics{
  justify-content:center
}
.v2-e07 .reading-feed{
  grid-template-columns:repeat(3,1fr)
}
.v2-e07 .story-feed{
  background:#fff;
  padding:1rem;
  border:1px solid #e0dfd4
}
.v2-e07 .story-feed h3{
  font-size:1.6rem;
  font-weight:400
}
.v2-e07 .v2-category-aside{
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:1rem 3rem
}
.v2-e07 .v2-category-aside nav{
  grid-column:2;
  grid-row:1/span 3
}
.v2-e07 .v2-article-head{
  max-width:1000px;
  padding:3.5rem 0
}
.v2-e07 .v2-article-head h1{
  font-weight:400;
  font-size:4.3rem
}
.v2-article-atlas{
  grid-template-columns:minmax(0,1fr) 230px;
  gap:4rem
}
.v2-e07 .v2-article-rail{
  background:#e1eadf;
  padding:1.5rem
}
.v2-e07 .article-body{
  font-family:Georgia,serif;
  font-size:1.16rem
}
.v2-e07 .article-body img{
  margin:2rem 0
}
.v2-e07 .v2-footer{
  background:#293d36
}
@media(max-width:991px){
  .v2-atlas-title h1{
  font-size:3.9rem
}
.v2-subjects-atlas{
  grid-template-columns:repeat(2,1fr)
}
.v2-e07 .reading-feed{
  grid-template-columns:repeat(2,1fr)
}

}
@media(max-width:767px){
  .v2-atlas-cover{
  grid-template-columns:1fr;
  gap:1.4rem;
  padding-top:2.5rem
}
.v2-atlas-title h1{
  font-size:3.3rem
}
.v2-atlas-art{
  grid-column:1;
  grid-row:2;
  padding:1rem
}
.v2-atlas-caption{
  grid-row:3
}
.v2-subjects-atlas{
  grid-template-columns:1fr
}
.v2-subjects-atlas .v2-subject:first-child{
  grid-column:auto
}
.v2-subjects-atlas .v2-subject{
  min-height:220px;
  padding:1.5rem
}
.v2-e07 .v2-latest-grid{
  grid-template-columns:1fr
}
.v2-e07 .v2-category-aside{
  display:block
}
.v2-e07 .v2-article-head h1{
  font-size:2.7rem
}
.v2-e07 .v2-masthead{
  min-height:94px
}
.v2-e07 .v2-brand{
  font-size:1.35rem
}

}

/* Keep primary call-to-action text readable above the general link rule. */
.v2 a.btn-primary,.v2 a.btn-primary:hover,.v2 a.btn-primary:focus-visible,.v2 a.btn-outline-primary:hover{color:#fff}