/* An AUsome Life — immersive editorial system, approved 2026-10-04 */
:root{
  --aal-ink:#173c4c;--aal-navy:#173c4c;--aal-cream:#fbf8f1;--aal-paper:#fffdf8;
  --aal-blue:#e9eff0;--aal-peach:#f3f0e7;--aal-coral:#75603b;--aal-line:#d4d6cc;
  --aal-soft:#f0eee5;--aal-font-scale:1;
}
html{font-size:calc(16px * var(--aal-font-scale))}
body.aal-immersive-site{background:var(--aal-cream);color:var(--aal-ink)}
body.aal-immersive-site .edition-line{display:none!important}
body.aal-immersive-site .mag-masthead,body.aal-immersive-site .masthead{
  position:sticky;top:0;z-index:90;width:min(1320px,calc(100% - 32px));margin:0 auto;
  padding:8px 0!important;background:rgba(255,253,248,.97);backdrop-filter:blur(12px);
  border-bottom:1px solid #e5e0d6;display:flex;align-items:center;gap:18px;
}
body.aal-immersive-site .mag-brand{min-width:260px;display:flex;align-items:center;gap:8px;text-decoration:none}
body.aal-immersive-site .mag-brand img{width:48px;height:48px}
body.aal-immersive-site .mag-brand>span{font-size:clamp(1.65rem,2vw,2.25rem);font-family:"Segoe Script","Bradley Hand",cursive;color:var(--aal-ink);line-height:.95}
body.aal-immersive-site .mag-brand small{display:block;margin-top:5px;font:600 .58rem/1.15 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#54738d}
body.aal-immersive-site .mag-masthead nav,body.aal-immersive-site .masthead nav{margin-left:auto;display:flex!important;align-items:center;gap:3px;white-space:nowrap}
body.aal-immersive-site .mag-masthead nav>a,body.aal-immersive-site .masthead nav>a{
  padding:10px 9px 8px;color:var(--aal-ink);text-decoration:none;font:600 .76rem/1 Arial,sans-serif;
  border-bottom:2px solid transparent
}
body.aal-immersive-site .mag-masthead nav>a:hover,body.aal-immersive-site .mag-masthead nav>a[aria-current="page"],
body.aal-immersive-site .masthead nav>a:hover,body.aal-immersive-site .masthead nav>a[aria-current="page"]{border-color:var(--aal-ink)}
.aal-nav-search{border:0;background:transparent;color:var(--aal-ink);font-size:1.35rem;padding:6px 7px;cursor:pointer}
.aal-nav-motto{display:flex;gap:14px;border-left:1px solid #e4ddd1;padding-left:13px;margin-left:3px}
.aal-nav-motto b{font:700 .63rem/1.08 Arial,sans-serif;letter-spacing:.05em;color:var(--aal-ink)}
.aal-display-tools{display:flex;align-items:center;gap:2px;border-left:1px solid #e4ddd1;padding-left:9px;margin-left:3px}
.aal-display-tools button{border:0;background:transparent;color:var(--aal-ink);cursor:pointer;padding:5px;font-family:Georgia,serif}
.aal-display-tools button:nth-child(2){font-size:1.05rem}.aal-display-tools button:last-child{font-size:1.35rem}
body.aal-immersive-site .aal-wayfinder{display:none!important}

.aal-search-dialog-v2{width:min(690px,calc(100vw - 28px));border:1px solid #7e8e91;background:var(--aal-cream);color:var(--aal-ink);padding:0;box-shadow:0 25px 90px #06233c45}
.aal-search-dialog-v2::backdrop{background:#0a2d4f88;backdrop-filter:blur(3px)}
.aal-search-dialog-v2 form{padding:30px;position:relative}.aal-search-dialog-v2 h2{font:400 clamp(2rem,5vw,3rem)/1 Georgia,serif;margin:5px 0 22px}
.aal-search-dialog-v2 form>div{display:grid;grid-template-columns:1fr auto;border:2px solid var(--aal-ink)}
.aal-search-dialog-v2 input{border:0;background:white;padding:15px;font-size:1rem}.aal-search-dialog-v2 form>div>button{border:0;background:var(--aal-ink);color:white;padding:0 20px;font-weight:700}
.aal-search-close-v2{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:2rem;color:var(--aal-ink);cursor:pointer}

body.aal-immersive-site main{width:min(1320px,calc(100% - 32px));margin-inline:auto}
body.aal-immersive-site .wrap{width:min(1320px,100%)!important}
body.aal-immersive-site .hero{padding-block:20px 14px!important}
body.aal-immersive-site h1,body.aal-immersive-site h2,body.aal-immersive-site h3{color:var(--aal-ink)}
body.aal-immersive-site h1{letter-spacing:-.035em}
body.aal-immersive-site p{line-height:1.43}
body.aal-immersive-site .section{padding-block:24px!important}
body.aal-immersive-site .card,body.aal-immersive-site .callout,body.aal-immersive-site .case-study,
body.aal-immersive-site .favorite-print-card{border-radius:10px;border-color:#e5ded2;box-shadow:none}
body.aal-immersive-site .mag-footer{margin-top:30px}

/* shared immersive building blocks */
.immersive-hero{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(300px,.92fr);gap:14px;margin-top:8px}
.immersive-photo{position:relative;min-height:430px;border-radius:4px;overflow:hidden;background:#dbe8ee}
.immersive-photo>img{width:100%;height:100%;object-fit:cover;display:block}
.immersive-photo:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#071d33d9)}
.immersive-hero-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;color:white}
.immersive-hero-copy .eyebrow{color:white!important}.immersive-hero-copy h1{color:white!important;font:700 clamp(2.6rem,5vw,5.15rem)/.88 Georgia,serif;margin:4px 0 8px;text-wrap:balance}
.immersive-hero-copy .deck{font:500 clamp(1rem,1.8vw,1.25rem)/1.25 Georgia,serif;max-width:850px}
.immersive-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.immersive-tags span{border:1px solid #fff9;border-radius:999px;background:#0b315dcf;color:white;padding:6px 12px;font:700 .7rem Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase}
.glance{border:1px solid var(--aal-line);border-radius:8px;background:linear-gradient(135deg,#fffdf8,#f3f0e7);padding:18px 20px;min-height:100%}
.glance h2{font:italic 400 2.15rem/1 Georgia,serif;margin:0 0 12px;border-bottom:2px solid #75603b;padding-bottom:9px}
.glance dl{margin:0;display:grid;gap:12px}.glance div{display:grid;grid-template-columns:28px 1fr;gap:8px}.glance dt{font:700 .95rem Georgia,serif}.glance dd{margin:2px 0 0;font-size:.84rem;line-height:1.25}.glance .gicon{font-size:1.25rem;color:var(--aal-ink)}
.script-note{font-family:"Segoe Print","Bradley Hand",cursive;font-style:italic;color:#1f5189;transform:rotate(-2deg)}
.immersive-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:14px;margin-top:14px}
.editorial-copy{padding:0 4px}.editorial-copy h2{font:700 clamp(2rem,4vw,3.45rem)/.98 Georgia,serif;margin:0 0 10px}.editorial-copy p{font-family:Georgia,serif;font-size:1rem}
.pullquote{margin:16px 0;padding:15px 18px;background:linear-gradient(90deg,#e9eff0,#fffdf8);border-radius:8px;font:italic 1.25rem/1.25 Georgia,serif;color:var(--aal-ink)}
.media-stack{display:grid;gap:10px}.media-card{border:1px solid #e5ded2;border-radius:8px;overflow:hidden;background:white;position:relative}.media-card img{width:100%;height:210px;object-fit:cover;display:block}.media-card .caption{padding:9px 11px;font:italic .86rem Georgia,serif;color:#315675}.video-card{min-height:180px;background:#0c2f50;color:white;display:grid;place-items:center;text-align:center;padding:22px}.video-card .play{font-size:2rem;border:2px solid white;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;margin:auto}
.guide-panel{border:1px solid #cfe1e9;border-radius:8px;background:linear-gradient(180deg,#eff9fd,#fff);overflow:hidden}.guide-panel summary{cursor:pointer;padding:13px 16px;font:700 1.35rem Georgia,serif;color:var(--aal-ink);list-style:none}.guide-panel summary::-webkit-details-marker{display:none}.guide-panel[open] summary{border-bottom:1px solid #dce9ee}.guide-panel .guide-body{padding:13px 16px}
.choices{margin-top:14px;background:#f3f0e7;border:1px solid #d4d6cc;border-radius:10px;padding:13px}.choices-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.choices h2,.visual-plan h2{font:700 1.8rem/1 Georgia,serif;margin:0}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.choice{background:white;border-radius:7px;padding:11px;border:1px solid #f0e7de}.choice strong{display:block;color:var(--aal-ink);font-family:Georgia,serif;margin-bottom:3px}.choice p{font-size:.8rem;margin:0}
.visual-plan{margin-top:12px}.visual-plan-head{display:flex;align-items:end;gap:18px;margin-bottom:8px}.visual-plan-head small{letter-spacing:.18em;color:#577a96;font-weight:700}.plan-row{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.plan-step{border:1px solid #dfe7e7;border-radius:8px;background:white;overflow:hidden;position:relative}.plan-step img{width:100%;height:100px;object-fit:cover}.plan-step .n{position:absolute;left:7px;top:82px;background:var(--aal-ink);color:white;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 .8rem Arial}.plan-step p{font-size:.72rem;line-height:1.2;margin:12px 8px 9px}
.practical-row{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:8px 0 0}.practical-row a,.practical-row details{background:#e9eff0;border-radius:7px;padding:10px;text-decoration:none;color:var(--aal-ink);font-size:.78rem;border:1px solid #d4d6cc}
.story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story-card{border:1px solid #e4ded4;background:white;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit}.story-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.story-card div{padding:12px}.story-card h3{font:700 1.2rem/1.05 Georgia,serif;margin:0 0 6px}.story-card p{font-size:.82rem;margin:0}
.photo-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.photo-ribbon img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px}
.dense-section{margin-top:14px;padding-top:14px;border-top:1px solid #e5e0d6}

body.aal-ink-mode{filter:none;background:#071b2d;color:#edf4f8}
body.aal-ink-mode .mag-masthead,body.aal-ink-mode .masthead{background:#071b2df2;border-color:#274257}
body.aal-ink-mode .mag-brand>span,body.aal-ink-mode .mag-masthead nav>a,body.aal-ink-mode .masthead nav>a,body.aal-ink-mode .aal-nav-search,body.aal-ink-mode .aal-nav-motto b,body.aal-ink-mode .aal-display-tools button{color:#f2f6f8}
body.aal-ink-mode main,body.aal-ink-mode h1,body.aal-ink-mode h2,body.aal-ink-mode h3{color:#edf4f8}
body.aal-ink-mode .glance,body.aal-ink-mode .choice,body.aal-ink-mode .plan-step,body.aal-ink-mode .story-card,body.aal-ink-mode .media-card{background:#0c2940;color:#edf4f8;border-color:#355066}
body.aal-ink-mode .glance h2,body.aal-ink-mode .glance dt,body.aal-ink-mode .choice strong,body.aal-ink-mode .story-card h3{color:#edf4f8}

@media(max-width:1050px){
  body.aal-immersive-site .mag-masthead,body.aal-immersive-site .masthead{align-items:flex-start;flex-wrap:wrap}
  body.aal-immersive-site .mag-masthead nav,body.aal-immersive-site .masthead nav{width:100%;overflow-x:auto;justify-content:flex-start}
  .aal-nav-motto{display:none}.immersive-photo{min-height:390px}
}
@media(max-width:820px){
  body.aal-immersive-site main,body.aal-immersive-site .mag-masthead,body.aal-immersive-site .masthead{width:min(100% - 18px,1320px)}
  body.aal-immersive-site .mag-brand{min-width:0}
  .immersive-hero,.immersive-grid{grid-template-columns:1fr}.immersive-photo{min-height:420px}
  .choice-grid{grid-template-columns:1fr}.plan-row{grid-template-columns:repeat(3,1fr)}.practical-row{grid-template-columns:repeat(2,1fr)}.story-cards{grid-template-columns:1fr}.photo-ribbon{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  body.aal-immersive-site .mag-brand>span{font-size:1.5rem}
  body.aal-immersive-site .mag-masthead nav>a,body.aal-immersive-site .masthead nav>a{font-size:.72rem;padding-inline:7px}
  .aal-display-tools{display:none}.immersive-photo{min-height:500px}.immersive-hero-copy{left:15px;right:15px}
  .plan-row{grid-template-columns:repeat(2,1fr)}
}
@media print{
  .aal-nav-search,.aal-display-tools,.aal-nav-motto,.aal-search-dialog-v2{display:none!important}
  body.aal-immersive-site .mag-masthead,body.aal-immersive-site .masthead{position:static}
}
/* legacy-page bridge */
/* Bring older story/field-guide templates into the same dense editorial family without rewriting every article. */
body.aal-immersive-site .favorite-hero-grid,
body.aal-immersive-site .journal-place-cover,
body.aal-immersive-site .notebook-story-cover{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:18px;align-items:stretch
}
body.aal-immersive-site .favorite-hero-art,
body.aal-immersive-site .journal-photo,
body.aal-immersive-site .notebook-story-cover figure{
  margin:0;border-radius:7px;overflow:hidden;background:#eef3f2;border:1px solid #e3ded4
}
body.aal-immersive-site .favorite-hero-art img,
body.aal-immersive-site .journal-photo img,
body.aal-immersive-site .notebook-story-cover figure img{
  width:100%;height:100%;max-height:560px;object-fit:cover;display:block
}
body.aal-immersive-site .favorite-hero-art figcaption,
body.aal-immersive-site .journal-photo figcaption,
body.aal-immersive-site .notebook-story-cover figcaption{
  padding:8px 11px;font:italic .78rem Georgia,serif;color:#577086;background:#fffdf9
}
body.aal-immersive-site .favorite-hero-grid>div:first-child,
body.aal-immersive-site .journal-place-opening,
body.aal-immersive-site .notebook-story-copy{
  padding:18px 20px;background:linear-gradient(135deg,#fffdf8,#f8f1e8);border:1px solid #e7ded2;border-radius:8px
}
body.aal-immersive-site .favorite-hero-grid h1,
body.aal-immersive-site .journal-place-head h1,
body.aal-immersive-site .notebook-story h1{
  font:700 clamp(2.5rem,5vw,4.8rem)/.92 Georgia,serif;letter-spacing:-.04em;margin:.15em 0
}
body.aal-immersive-site .favorite-facts{display:grid!important;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}
body.aal-immersive-site .favorite-fact{background:#eef7fa;border:1px solid #dce9ec;border-radius:7px;padding:10px}
body.aal-immersive-site .favorite-fact strong{display:block;font:700 .95rem Georgia,serif;color:var(--aal-ink)}
body.aal-immersive-site .favorite-fact span{font-size:.72rem}
body.aal-immersive-site .journal-jumps{display:grid!important;grid-template-columns:repeat(6,1fr);gap:7px;margin:12px auto 16px!important}
body.aal-immersive-site .journal-jumps a{
  background:#edf7fb;border:1px solid #dce9ee;border-radius:8px;padding:10px;text-decoration:none;color:var(--aal-ink);font-size:.74rem
}
body.aal-immersive-site .journal-jumps svg{width:22px;height:22px;display:block;margin-bottom:5px}
body.aal-immersive-site .field-welcome>.wrap,
body.aal-immersive-site .story-opening>.wrap{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:16px
}
body.aal-immersive-site .field-welcome aside{background:#fff4ea;border:1px solid #ecddd0;border-radius:8px;padding:14px}
body.aal-immersive-site .story-opening,body.aal-immersive-site .field-welcome{padding-block:16px!important}
body.aal-immersive-site .journal-related>div{display:grid!important;grid-template-columns:repeat(3,1fr);gap:9px}
body.aal-immersive-site .journal-related a{background:white;border:1px solid #e4ded4;border-radius:8px;padding:12px;text-decoration:none}
body.aal-immersive-site .notebook-list{columns:2;column-gap:28px}
body.aal-immersive-site .notebook-list li{break-inside:avoid;margin-bottom:10px}
body.aal-immersive-site .visit-cta{margin-top:10px!important;margin-bottom:10px!important;padding:9px 13px!important;border-radius:7px}
body.aal-immersive-site .hero{margin-top:0}
@media(max-width:820px){
 body.aal-immersive-site .favorite-hero-grid,
 body.aal-immersive-site .journal-place-cover,
 body.aal-immersive-site .notebook-story-cover,
 body.aal-immersive-site .field-welcome>.wrap,
 body.aal-immersive-site .story-opening>.wrap{grid-template-columns:1fr}
 body.aal-immersive-site .favorite-facts{grid-template-columns:repeat(2,1fr)}
 body.aal-immersive-site .journal-jumps{grid-template-columns:repeat(2,1fr)}
 body.aal-immersive-site .journal-related>div{grid-template-columns:1fr}
 body.aal-immersive-site .notebook-list{columns:1}
}
/* directory/calendar bridge */
body.aal-immersive-site .library-heading,
body.aal-immersive-site .calendar-heading{
  margin-top:10px!important;padding:26px 28px!important;background:linear-gradient(120deg,#f5fbfd,#fff7ef);
  border:1px solid #dfe8e8;border-radius:9px
}
body.aal-immersive-site .library-heading h1,
body.aal-immersive-site .calendar-heading h1{font:700 clamp(2.8rem,5vw,4.6rem)/.9 Georgia,serif;margin:.1em 0 .15em}
body.aal-immersive-site .library-workspace,
body.aal-immersive-site .event-workspace{margin-top:14px!important}
body.aal-immersive-site .library-controls,
body.aal-immersive-site .event-filters{
  background:#fffaf4;border:1px solid #eadfd3;border-radius:9px;padding:14px!important
}
body.aal-immersive-site .library-results{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important}
body.aal-immersive-site .index-card{border:1px solid #e1e7e6!important;border-radius:8px;background:white;padding:13px!important;min-height:0!important}
body.aal-immersive-site .index-card h3{font:700 1.05rem/1.1 Georgia,serif}
body.aal-immersive-site .calendar-visual-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:7px}
body.aal-immersive-site .calendar-visual-strip figure{margin:0;overflow:hidden;border-radius:7px}
body.aal-immersive-site .calendar-visual-strip img{width:100%;height:180px;object-fit:cover}
body.aal-immersive-site .state-index,
body.aal-immersive-site .event-list{gap:8px}
body.aal-immersive-site .ed-directory-intro{
  margin-top:10px;padding:26px!important;border:1px solid #e4ded4;border-radius:9px;background:linear-gradient(120deg,#fffdf9,#f0f8fb)
}
body.aal-immersive-site .ed-directory{gap:9px!important}
body.aal-immersive-site .ed-directory>section{border:1px solid #e3e8e6;border-radius:8px;background:white;padding:13px!important}
body.aal-immersive-site .icon-directory{gap:10px!important}
body.aal-immersive-site .icon-card{min-height:0!important;border-radius:8px}
@media(max-width:900px){
 body.aal-immersive-site .library-results{grid-template-columns:repeat(2,1fr)}
 body.aal-immersive-site .calendar-visual-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 body.aal-immersive-site .library-results{grid-template-columns:1fr}
 body.aal-immersive-site .calendar-visual-strip{grid-template-columns:1fr}
}
/* Article repair, 4 October: content only. The illustrated site navigation is unchanged. */
.aal-journal-article main:has(> .immersive-hero){width:min(1240px,calc(100% - 40px));margin:22px auto 0}
.aal-journal-article main:has(> .immersive-hero) *,.aal-journal-article main:has(> .immersive-hero) *::before,.aal-journal-article main:has(> .immersive-hero) *::after{box-sizing:border-box}
.aal-journal-article .immersive-hero{align-items:start;grid-template-columns:minmax(0,2fr) minmax(280px,.9fr);gap:20px}
.aal-journal-article .immersive-photo{height:440px;min-height:0}
.aal-journal-article .immersive-photo>img{height:100%;width:100%;object-fit:contain;background:#f0eee5}
.aal-journal-article .immersive-hero-copy h1{line-height:1.04;font-size:clamp(2.3rem,4.3vw,4.2rem)}
.aal-journal-article .immersive-hero .glance{min-height:0;height:auto;align-self:start;padding:20px}
.aal-journal-article .immersive-hero .glance dl{gap:14px}
.aal-journal-article .immersive-hero .glance dd{font-size:.9rem;line-height:1.4}
.aal-journal-article .immersive-grid{gap:24px;margin-top:26px;align-items:start}
.aal-journal-article .editorial-copy h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12}
.aal-journal-article .editorial-copy p{font-size:1.05rem;line-height:1.65}
.aal-journal-article .media-stack{align-content:start}
.aal-journal-article .media-card img{height:230px;object-fit:contain;background:#f3f0e7}
.aal-journal-article .media-card .caption{font-size:.95rem;line-height:1.4}
.aal-journal-article .choice p{font-size:.95rem;line-height:1.5}
.aal-journal-article .choices,.aal-journal-article .visual-plan,.aal-journal-article .dense-section{margin-top:24px}
/* Portrait family photographs keep their full frame, with the headline beside them. */
.aal-journal-article .portrait-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:0;height:auto;min-height:400px;border:1px solid #d4d6cc;background:#f3f0e7}
.aal-journal-article .portrait-hero>img{height:400px;object-fit:contain;background:#f3f0e7}
.aal-journal-article .portrait-hero:after{display:none}
.aal-journal-article .portrait-hero .immersive-hero-copy{position:static;align-self:center;padding:22px;color:#173c4c;min-width:0}
.aal-journal-article .portrait-hero .immersive-hero-copy h1,.aal-journal-article .portrait-hero .immersive-hero-copy .eyebrow{color:#173c4c!important}
.aal-journal-article .portrait-hero .immersive-hero-copy h1{font-size:clamp(2rem,3.7vw,3.6rem);line-height:1.05}
.aal-journal-article .portrait-hero .immersive-hero-copy .deck{font-size:1.05rem;line-height:1.45}
.aal-journal-article .portrait-hero .immersive-tags{gap:6px}
.aal-journal-article .portrait-hero .immersive-tags span{background:transparent;color:#173c4c;border-color:#a9b9b4;font-size:.75rem;padding:5px 8px}
.aal-journal-article .article-breadcrumb{margin:0 0 16px;font-size:.9rem}
.aal-journal-article .article-breadcrumb a{color:#173c4c}
.aal-journal-article .article-jumps{display:flex;gap:8px 18px;flex-wrap:wrap;margin:14px 0 0;padding:12px 0;border-block:1px solid #d4d6cc}
.aal-journal-article .article-jumps a{color:#173c4c;font-size:.9rem;text-underline-offset:3px;min-height:28px;display:flex;align-items:center}
.aal-journal-article .plan-sequence{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:plan}
.aal-journal-article .plan-sequence li{counter-increment:plan;padding:16px;border:1px solid #c7d5cf;background:#edf2ee;border-radius:6px}
.aal-journal-article .plan-sequence li::before{content:counter(plan,decimal-leading-zero);display:block;font:italic 1.8rem Georgia,serif;color:#567764;margin-bottom:12px}
.aal-journal-article .plan-sequence strong{font:700 1.15rem Georgia,serif;color:#173c4c}
.aal-journal-article .plan-sequence p{font-size:.95rem;line-height:1.5;margin:8px 0 0}
.aal-journal-article .practical-disclosures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.aal-journal-article .practical-disclosures details{border:1px solid #c7d5cf;border-radius:6px;background:#fffdf8;min-width:0}
.aal-journal-article .practical-disclosures summary{padding:16px;cursor:pointer;font-weight:700;min-height:52px;color:#173c4c}
.aal-journal-article .practical-disclosures details>div{padding:0 16px 16px;line-height:1.6}
.aal-journal-article .practical-disclosures p{margin:0 0 10px}
.aal-journal-article .story-card img{object-fit:contain;height:180px;background:#f3f0e7}
.aal-journal-article .story-card h3{line-height:1.25}
.aal-journal-article .story-card p{font-size:.95rem;line-height:1.5}
.aal-journal-article main :focus-visible{outline:3px solid #963e45;outline-offset:4px}
.aal-journal-article section[id]{scroll-margin-top:125px}
@media(max-width:960px){
.aal-journal-article .immersive-hero{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}
.aal-journal-article .portrait-hero{grid-template-columns:1fr}
.aal-journal-article .portrait-hero>img{height:280px}
.aal-journal-article .portrait-hero .immersive-hero-copy{padding:20px}
.aal-journal-article .portrait-hero .immersive-hero-copy h1{font-size:2.5rem}}
@media(max-width:820px){
.aal-journal-article main:has(> .immersive-hero){width:calc(100% - 28px);margin-top:16px}
.aal-journal-article .immersive-hero,.aal-journal-article .immersive-grid{grid-template-columns:1fr}
.aal-journal-article .immersive-photo{height:400px}
.aal-journal-article .portrait-hero{height:auto;grid-template-columns:1fr 1fr;min-height:0}
.aal-journal-article .portrait-hero>img{height:350px}
.aal-journal-article .portrait-hero .immersive-hero-copy h1{font-size:clamp(2rem,5vw,3rem)}
.aal-journal-article .plan-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}
.aal-journal-article section[id]{scroll-margin-top:20px}}
@media(max-width:540px){
.aal-journal-article .immersive-photo{height:440px}
.aal-journal-article .portrait-hero{height:auto;grid-template-columns:1fr}
.aal-journal-article .portrait-hero>img{height:auto;max-height:360px;order:2}
.aal-journal-article .portrait-hero .immersive-hero-copy{order:1;padding:20px}
.aal-journal-article .portrait-hero .immersive-hero-copy h1{font-size:2.55rem}
.aal-journal-article .immersive-hero-copy{left:16px;right:16px}
.aal-journal-article .immersive-hero-copy .deck{font-size:1rem}
.aal-journal-article .immersive-tags span{font-size:.75rem}
.aal-journal-article .practical-disclosures{grid-template-columns:1fr}
.aal-journal-article .plan-sequence{gap:8px}
.aal-journal-article .plan-sequence li{padding:13px}
.aal-journal-article .choices-head,.aal-journal-article .visual-plan-head{display:block}
.aal-journal-article .script-note{display:block;margin-top:8px}
.aal-journal-article .media-card img{height:260px}}
@media print{
.aal-journal-article .portrait-hero{break-inside:avoid}
.aal-journal-article details>div{display:block!important}
.aal-journal-article .article-jumps{display:none}}
