/*
 * Learn AI Plainly / Edition 06
 * Visual direction: a modern independent journal, not a generic AI software template.
 * Printed-paper palette, typographic hierarchy, sharp editorial rules, and clear reading paths.
 * Scoped over the original functional CSS; preserve menus, bookmark scripts, media, and forms.
 */
:root{
  --paper:#F7F3EA;
  --paper-card:#FFFCF5;
  --ink:#242C2A;
  --ink-soft:#48524D;
  --forest:#365D55;
  --forest-deep:#242C2A;
  --ochre:#A4402B;
  --gold:#D7B75F;
  --line:#D6D1C4;
  --coral:#C44E34;
  --coral-soft:#F3DBCE;
  --sage:#E5EBDF;
  --dark:#242C2A;
  --max:1160px;
}
html{scroll-padding-top:90px;}
body{background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:16.5px;line-height:1.72;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Newsreader',Georgia,serif;color:var(--ink);font-weight:500;letter-spacing:-.033em;line-height:1.08;}
h1{font-size:clamp(2.95rem,6vw,5rem);letter-spacing:-.052em;}
h2{font-size:clamp(2.05rem,3.8vw,3.15rem);}
h3{font-size:clamp(1.35rem,1.9vw,1.7rem);}
p{line-height:1.72;}
a{color:#8C3523;}
a:hover{color:#5D2D24;}
.wrap{max-width:var(--max);padding-left:34px;padding-right:34px;}
a:focus-visible, button:focus-visible, input:focus-visible,textarea:focus-visible{outline:3px solid #BE4B31;outline-offset:4px;}
::selection{background:#F0CC84;color:#202821;}

/* Publication masthead and navigation: no gradient, no floating rounded chips. */
header.site{position:sticky;top:0;z-index:50;background:var(--dark);border-bottom:3px solid var(--coral);}
.edition-strip{background:#171E1C;color:#DCD7C8;border-bottom:1px solid #39413C;}
.edition-strip-inner{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.edition-strip span{font:500 9px/1.3 'DM Mono',monospace;letter-spacing:.15em;}
.edition-strip span:nth-child(2){color:#E1BDA1;}
.nav{padding-top:13px;padding-bottom:13px;gap:20px;min-height:69px;}
.nav .brand{display:inline-flex;align-items:baseline;gap:6px;font:700 1.42rem/1 'Newsreader',Georgia,serif;letter-spacing:-.065em;color:#F7F3EA;white-space:nowrap;}
.nav .brand:before{content:'';width:10px;height:10px;margin-right:2px;flex:0 0 10px;align-self:center;background:#E5AF80;transform:rotate(-13deg);}
.nav .brand small{font:500 1.38rem/1 'Newsreader',Georgia,serif;letter-spacing:-.06em;text-transform:none;color:#F8C4A6;}
.nav > ul{column-gap:clamp(8px,1.1vw,17px);}
.nav a,.nav .more-toggle{color:#F3F0E7;font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:.07em;text-transform:uppercase;}
.nav a:hover,.nav a.active,.nav .more-toggle:hover,.nav li.more.open > .more-toggle,.nav li.more.is-current > .more-toggle{color:#F8C4A6;}
.nav .more-toggle{min-height:40px;}
.nav-toggle{color:#F7F3EA;background:#3A4540;border:1px solid #6B756E;border-radius:0;font-size:1.3rem;line-height:1;}
.nav li.more > ul.more-menu{background:#242C2A;border:1px solid #66716A;border-top:3px solid #E3A582;box-shadow:4px 7px 0 rgba(0,0,0,.14);}
.nav li.more > ul.more-menu a{color:#F7F3EA;border-bottom:1px solid #3F4943;padding:11px 2px;}
.nav li.more > ul.more-menu a:hover{color:#F8C4A6;}
.nav .more-menu a:focus-visible,.nav > ul > li > a:focus-visible,.nav .more-toggle:focus-visible,.nav-toggle:focus-visible{outline:2px solid #F5BD8C;outline-offset:3px;}
.site-skip{background:#F2C36A;color:#242C2A;z-index:100;}
.site-skip:focus{color:#242C2A;}

/* Editorial display language */
.tag{font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#963923;background:transparent;border:none;border-radius:0;padding:0;gap:9px;}
.tag:before{content:'';height:8px;width:8px;background:#C44E34;display:inline-block;flex:0 0 8px;transform:rotate(-12deg);}
.hero:not(.editorial-home-hero){background:#F3E4D4;padding-top:68px!important;padding-bottom:52px!important;border-bottom:1px solid #C8B9A8;position:relative;overflow:hidden;}
.hero:not(.editorial-home-hero):after{content:'LAP / THE PLAIN ENGLISH EDITION';position:absolute;bottom:14px;right:max(24px,calc((100vw - var(--max))/2));font:500 10px 'DM Mono',monospace;letter-spacing:.06em;color:#86675C;}
.hero:not(.editorial-home-hero) .wrap{position:relative;z-index:1;}
.hero:not(.editorial-home-hero) h1{max-width:950px;}
.hero:not(.editorial-home-hero) p.lead{max-width:740px;color:#4A4D46;font-size:1.17rem;line-height:1.64;}
.hero:not(.editorial-home-hero) .tag{margin-bottom:20px;}
.hero-updated,.lesson-meta{font:500 11px/1.5 'DM Mono',monospace;color:#63706A;letter-spacing:.045em;}
section{padding-top:58px;padding-bottom:58px;}
.section-head{max-width:750px;margin-bottom:34px;}
.section-head .tag{margin-bottom:19px;}
.section-head h2{max-width:740px;}
.section-head p{color:#48524D;}
.section-alt{background:var(--sage);border-top:1px solid #CED9CB;border-bottom:1px solid #CED9CB;}

/* Flat ink-on-paper CTAs, minimal motion; not the usual pill-shaped UI. */
.btn{font:700 12px/1.4 'DM Sans',sans-serif;letter-spacing:.055em;text-transform:none;border:1px solid var(--dark);border-radius:0;padding:13px 19px;transition:transform .13s ease,background .13s ease,color .13s ease;}
.btn-primary{background:var(--coral);border-color:var(--coral);color:#fff;}
.btn-primary:hover{background:#952F1D;border-color:#952F1D;color:#fff;transform:translateY(-2px);}
.btn-outline{background:transparent;border-color:#677067;color:var(--ink);}
.btn-outline:hover{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-2px);}
.btn:focus-visible{outline-color:#B9472C;}
.hero-actions{gap:10px;align-items:center;margin-top:27px;}

/* The homepage is deliberately asymmetric: big headlines + a deep-ink reading index. */
.editorial-home-hero{padding:72px 0 76px;background:#F3E2D1;border-bottom:1px solid #D4BCAF;}
.editorial-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr);align-items:stretch;gap:clamp(32px,6vw,88px);}
.editorial-hero-copy{align-self:center;padding:24px 0;min-width:0;}
.edition-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:700 10px/1.6 'DM Sans',sans-serif;letter-spacing:.12em;color:#883725;}
.note-square{display:block;width:9px;height:9px;background:var(--coral);transform:rotate(-11deg);flex:0 0 9px;}
.note-line{width:32px;height:1px;background:#AD7A68;}
.editorial-home-hero h1{font-family:'Newsreader',Georgia,serif;font-size:clamp(3.45rem,6vw,6.2rem);letter-spacing:-.061em;line-height:.99;margin:24px 0 20px;color:var(--ink);font-weight:500;}
.editorial-home-hero h1 em{color:#A83B27;font-style:italic;font-weight:400;}
.editorial-home-hero .lead{font-size:1.14rem;max-width:580px;color:#414D46;line-height:1.7;}
.editorial-home-hero .btn-outline{background:rgba(255,255,255,.38);}
.hero-fineprint{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:34px;font:600 10px/1.5 'DM Mono',monospace;letter-spacing:.04em;color:#625D54;}
.fineprint-rule{height:1px;width:32px;background:#7C756C;}
.editorial-aside{background:var(--dark);color:#F7F3EA;padding:24px 26px 28px;position:relative;overflow:hidden;min-width:0;box-shadow:10px 10px 0 #DFB89C;}
.editorial-aside:before{content:'';position:absolute;right:-48px;top:70px;width:200px;height:200px;border:1px solid #59635C;border-radius:50%;box-shadow:0 0 0 30px #242C2A,0 0 0 31px #536158,0 0 0 60px #242C2A,0 0 0 61px #445249;opacity:.3;pointer-events:none;}
.aside-topline{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-bottom:14px;border-bottom:1px solid #6C7870;color:#E7B7A1;font:600 10px/1.4 'DM Mono',monospace;letter-spacing:.045em;position:relative;z-index:1;}
.aside-headline{font:500 clamp(2.55rem,4vw,3.5rem)/.98 'Newsreader',Georgia,serif;letter-spacing:-.055em;margin:41px 0 29px;position:relative;z-index:1;}
.aside-headline em{font-weight:400;color:#E6BC9F;}
.aside-dot{color:#E88D69;}
.aside-index{list-style:none;margin:0;padding:0;border-top:1px solid #667269;position:relative;z-index:1;}
.aside-index li{margin:0;}
.aside-index a{display:grid;grid-template-columns:27px 1fr 15px;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #667269;color:#F7F3EA;font-size:.89rem;font-weight:600;line-height:1.35;}
.aside-index a:hover{color:#F3BC99;}
.aside-index .index-num{font:500 11px 'DM Mono',monospace;color:#E7B7A1;}
.aside-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:52px;padding-top:16px;border-top:1px dashed #617067;color:#C1CAC2;font:500 10px/1.65 'DM Mono',monospace;letter-spacing:.065em;}
.asterisk-mark{font:400 59px/.7 Georgia,serif;color:#E8BF69;transform:rotate(-10deg);}

/* A chapter-based magazine grid; disciplined visual rhythm replaces repeated standard cards. */
.specimens{gap:16px;}
.specimen{padding:27px 24px 24px;background:var(--paper-card);border:1px solid #D5D0C4;border-top:3px solid #283B33;min-width:0;transition:transform .16s ease,border-color .16s ease;}
.specimen:hover{border-top-color:var(--coral);transform:translateY(-2px);}
.specimen::before{top:-11px;right:14px;font:600 10px 'DM Mono',monospace;color:#7E594B;background:var(--paper-card);}
.specimen .kind,.video-card-body .kind{font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.13em;color:#A33E28;}
.specimen h3{font-size:1.45rem;font-weight:500;line-height:1.1;margin-top:14px;margin-bottom:10px;}
.specimen p{font-size:.94rem;line-height:1.62;color:#525A52;}
.specimen-rule{border-top:1px solid #D6D0C3;margin:18px 0 14px;}
.specimen .btn{margin-top:4px;font-size:11px!important;padding:9px 13px!important;}
.impact-grid{gap:16px;}
.impact-tile{background:transparent;border:0;border-top:3px solid var(--ink);border-bottom:1px solid #B8BDB3;padding:27px 19px 25px 0;position:relative;}
.impact-tile:nth-child(3n + 2){border-top-color:var(--coral);}
.impact-tile:nth-child(3n){border-top-color:#537A68;}
.impact-tile .kind{font:700 10px 'DM Sans',sans-serif;letter-spacing:.15em;color:#8A3D2B;}
.impact-tile h3{font-size:clamp(1.45rem,2vw,1.8rem);font-weight:500;line-height:1.12;margin:14px 0 8px;}
.impact-tile h3 a{color:var(--ink);text-decoration:none;border-bottom:1px solid #A85645;}
.impact-tile h3 a:hover{color:#923A25;}
.impact-tile p{color:#4C584F;font-size:.96rem;line-height:1.65;}
.home-explore{background:#E7EBDF;padding:76px 0 83px;}
.home-explore .section-head{margin-bottom:30px;}
.issue-news{background:#F7F3EA;}
.issue-news .section-head{max-width:850px;}
.issue-video{background:#F0DCD0;border-color:#E5C8B8;}

/* Tools, videos, examples, and FAQ all belong to the same visual family. */
.tool-card{border:1px solid #D4D0C7;border-left:4px solid #C04D33;padding:23px;background:#FFFCF6;}
.tool-icon{background:#2A5148;color:#FFF9F0;border-radius:0;width:49px;height:49px;font:600 1.6rem 'Newsreader',serif;}
.tool-card h3{font-size:1.35rem;}
.tool-card a.try{font:700 11px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#933620;}
.video-card,.video-lesson{border:1px solid #D5CBBE;background:#FFFCF6;}
.video-card{border-bottom:4px solid #243E34;}
.video-card-body h3{font-size:1.6rem;}
.video-card-body h3 a{color:var(--ink);}
.video-card-body h3 a:hover{color:#923A25;}
.video-play{border-radius:0;background:#C44E34;box-shadow:none;}
.video-play:hover,.video-card-image:hover .video-play{background:#91361F;}
.video-embed,.video-card-image{background:var(--dark);}
.video-page-hero{background:#F0DCD0;border-bottom:1px solid #D7B6A6;}
.video-lesson{border-left:4px solid #3D6659;}
.video-lesson-copy h3{font-size:clamp(1.7rem,3vw,2.35rem);}
.step::before{background:var(--coral);color:#fff;border-radius:0;transform:rotate(-6deg);}
.steps{border-left-color:#CCA392;}
.faq-item{border-bottom-color:#C9C9BD;}
.faq-item h3{font-family:'DM Sans',sans-serif;font-size:1.07rem;letter-spacing:0;}
.example-box{background:#FFF9EF;border-left:4px solid #B94A33;padding:18px 22px;}
.example-box strong{color:#793C2A;}
.lesson-body{max-width:760px;}
.lesson-body h2{line-height:1.13;}
.lesson-body p,.lesson-body li{line-height:1.82;}
.callout{background:#2B4940;color:#FFF9EE;padding:58px 0;}
.callout h2{color:#FFF9EE;}
.callout p{color:#D9E6DC;}
.callout .btn-primary{background:#E7BB74;color:#242C2A;border-color:#E7BB74;}
.callout .btn-primary:hover{background:#F0D297;color:#242C2A;}
.topic-path{background:#ECE8DB;border-color:#D6CEBD;}
.impact-reading a:not(.btn),.topic-path a{color:#913A27;}
.form-field label{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.06em;}
.form-field input,.form-field textarea,.signup-form input[type=email]{font-family:'DM Sans',sans-serif;border:1px solid #BBB8AE;border-radius:0;background:#FFFCF6;}
.signup-form .btn{border-radius:0;}
.level-badge-done{border-radius:0;font-family:'DM Mono',monospace;}

/* Editorial link treatments: visible without loud red highlight rectangles. */
section .wrap p a:not(.btn),section .wrap li a:not(.btn),.lesson-body a:not(.btn),.example-box a:not(.btn),.lead-muted a:not(.btn){
 color:#8E3624;background:transparent;padding:0;border-radius:0;font-weight:700;
 text-decoration:underline!important;text-decoration-thickness:1.5px!important;text-decoration-color:#B65D44;text-underline-offset:4px;
}
section .wrap p a:not(.btn):hover,section .wrap li a:not(.btn):hover,.lesson-body a:not(.btn):hover,.example-box a:not(.btn):hover,.lead-muted a:not(.btn):hover{color:#652C20;background:transparent;text-decoration-thickness:2px!important;}
section .wrap a.important-link{color:#872E22!important;background:#F6D7C2!important;border-radius:0!important;text-decoration-color:#872E22!important;}
section .wrap a.important-link:hover{background:#F0BFA2!important;}
/* Preserve the clean white type of the bespoke homepage index when it contains links. */
.editorial-aside .aside-index a{color:#F7F3EA!important;text-decoration:none!important;background:transparent!important;padding:16px 0!important;}
.editorial-aside .aside-index a:hover{color:#F3BC99!important;}

/* Modern but legible footer */
footer{background:#222C28;color:#E0E2D7;border-top:4px solid var(--coral);padding:41px 0;font:500 12px/1.8 'DM Sans',sans-serif;}
footer a,footer .flinks a{color:#E7E5DC;}
footer .flinks a:hover{color:#F4B99A;}
footer .foot-row{align-items:center;}

@media (max-width:1000px){
 .edition-strip span:nth-child(2){display:none;}
 .nav > ul.open{background:#242C2A;border-bottom:3px solid #C44E34;box-shadow:0 14px 24px rgba(0,0,0,.19);top:100%;padding:12px max(22px,calc((100vw - var(--max))/2 + 34px)) 18px;max-height:calc(100dvh - 88px);}
 .nav > ul.open > li > a{color:#F7F3EA;border-bottom:1px solid #48544C;padding:12px 0;}
 .nav .more-toggle{color:#F7F3EA;}
 .nav li.more > ul.more-menu{background:transparent;border-left:2px solid #C8907D;box-shadow:none;border-top:none;border-bottom:none;border-right:none;}
 .editorial-hero-grid{gap:35px;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);}
 .editorial-home-hero h1{font-size:clamp(3.1rem,6vw,4.7rem);}
}
@media (max-width:760px){
 .wrap{padding-left:22px;padding-right:22px;}
 .editorial-home-hero{padding:37px 0 62px;}
 .editorial-hero-grid{grid-template-columns:1fr;gap:30px;}
 .editorial-hero-copy{padding:6px 0 0;}
 .editorial-home-hero h1{font-size:clamp(3.1rem,12vw,5rem);margin:22px 0 17px;}
 .editorial-home-hero .lead{font-size:1.06rem;}
 .editorial-aside{box-shadow:7px 7px 0 #DFB89C;padding:22px 23px;}
 .aside-headline{font-size:3rem;margin:29px 0 22px;}
 .aside-bottom{margin-top:28px;}
 .editorial-home-hero .hero-actions{align-items:stretch;}
 .editorial-home-hero .hero-actions .btn{flex:0 1 auto;}
 .impact-grid{gap:10px;}
 .impact-tile{padding:22px 6px 22px 0;}
 .hero:not(.editorial-home-hero){padding:42px 0!important;}
 .hero:not(.editorial-home-hero):after{display:none;}
 .section-head{margin-bottom:25px;}
 .home-explore{padding:49px 0 56px;}
 section{padding-top:45px;padding-bottom:45px;}
 h1{font-size:clamp(2.65rem,10vw,4.15rem);}
 h2{font-size:clamp(2rem,7vw,2.75rem);}
 .specimens{gap:12px;}
 .specimen{padding:23px 20px;}
}
@media(max-width:430px){
 .wrap{padding-left:19px;padding-right:19px;}
 .edition-strip-inner{min-height:24px;}
 .edition-strip span{font-size:8px;}
 .nav{min-height:60px;padding-top:10px;padding-bottom:10px;}
 .nav .brand,.nav .brand small{font-size:1.24rem;}
 .editorial-home-hero h1{font-size:clamp(2.95rem,11.5vw,3.65rem);}
 .hero-fineprint{gap:7px;font-size:8px;}
 .hero-fineprint .fineprint-rule{width:17px;}
 .nav > ul.open{max-height:calc(100dvh - 84px);}
}
@media(prefers-reduced-motion:reduce){.btn,.specimen,.video-card-image img{transition:none;}.btn:hover,.specimen:hover{transform:none;}}
/* The sidebar reading index behaves like a menu rather than underlined article text. */
section .wrap .editorial-aside .aside-index li a:not(.btn){text-decoration:none!important;text-decoration-thickness:initial!important;font-weight:600;}

/* Video shelf: four published lessons in a balanced two-by-two layout. */
@media (min-width:1050px){.video-grid-home{grid-template-columns:repeat(2,minmax(0,1fr));}}
.video-card--latest{border-bottom-color:#C44E34;}
.video-card--latest .kind{color:#9B321E;}

/* v7: tables, bylines, sources */
.lesson-body table{width:100%;border-collapse:collapse;margin:22px 0 30px;font-size:.95rem;display:block;overflow-x:auto;}
.lesson-body th,.lesson-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;}
.lesson-body thead th{background:var(--sage);font-weight:700;}
.lesson-body tbody tr:nth-child(even){background:var(--paper-card);}
.lesson-body h3{margin-top:26px;}
.lesson-body code{font-family:'DM Mono',monospace;font-size:.9em;background:var(--sage);padding:1px 5px;border-radius:3px;}
.byline{font:500 12px/1.6 'DM Mono',monospace;color:#63706A;letter-spacing:.03em;margin-top:20px;}
.byline a{color:inherit;text-decoration:underline;}
.sources{font-size:.92rem;}
@media (max-width:600px){.lesson-body table{font-size:.84rem;}.lesson-body th,.lesson-body td{padding:8px 8px;}}
.step h3{font-size:1.1rem;margin-top:0;}