/* Approved marketing composition, using the shared website tokens. */
/* Owner-approved bright blue outline for the public site's pilot action. */
:root { --marketing-pilot-highlight: #009CFF; }
section{padding:0}.wrap{width:auto}.hero{padding:0}header{border-bottom:0}.page-head .wrap{max-width:1200px}.space-above{margin-top:24px}

:root{--navy:var(--vero-accent);--ink:var(--vero-text);--muted:var(--vero-secondary);--blue:var(--vero-selected);--bg:var(--vero-background);--line:var(--vero-border);--white:#fff;--green:var(--vero-success-text);--green-bg:var(--vero-success-bg)}*{box-sizing:border-box}body{margin:0;background:var(--white);color:var(--ink);font:18px/1.5 "Source Sans 3",Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,select,input,textarea{font:inherit}button,a,summary,select{touch-action:manipulation}button,select,summary{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--navy);outline-offset:4px}.hero :focus-visible{outline-color:white}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:20}.skip:focus{top:8px}.draft{background:var(--blue);padding:8px 4%;display:flex;align-items:center;gap:16px;font-size:14px}.draft strong{letter-spacing:.1em;font-size:12px}.draft select{max-width:340px;min-height:36px;border:1px solid var(--line);border-radius:8px;background:white;padding:4px 8px}.draft a{margin-left:auto}header{max-width:1280px;margin:auto;padding:24px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px}header img{display:block;height:auto}nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:17px}nav>a{text-decoration:none}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--navy);border-radius:8px;background:var(--navy);color:white;font-weight:600;text-decoration:none}.button.light{background:white;color:var(--navy);border-color:white}.button.outline{background:white;color:var(--navy)}.nav-more{position:relative}.nav-more summary{min-height:44px;display:flex;align-items:center;gap:8px}.nav-more summary:after{content:'⌄'}.nav-more>div{position:absolute;right:0;z-index:10;min-width:200px;padding:16px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #243b531a}.nav-more a{display:block;padding:8px}.wrap{max-width:1200px;margin:auto;padding:0 4%}.hero{background:var(--navy);color:white}.hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}.eyebrow{font-size:14px;letter-spacing:.07em;font-weight:600;text-transform:uppercase;margin:0 0 20px}.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.06;margin:0 0 24px;letter-spacing:-.015em;color:white}h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;font-weight:600;line-height:1.16;color:var(--vero-heading)}h1{font-size:clamp(36px,4.3vw,56px);margin:12px 0 24px}h2{font-size:36px;margin:0 0 20px}h3{font-size:25px;margin:0 0 12px}p{margin:0 0 20px}.lead{font-size:23px;line-height:1.45;max-width:680px}.hero .lead{font-size:22px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.actions a:not(.button){font-weight:600}.small,small{font-size:15px}.muted{color:var(--muted)}.hero .small{color:var(--blue);margin-top:20px;margin-bottom:0}.section{padding-top:64px;padding-bottom:64px}.section+.section{border-top:1px solid var(--line)}.blue{background:var(--blue)}.soft{background:var(--bg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-head p{max-width:540px;margin:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.number{display:block;color:var(--muted);font:32px "Source Serif 4";margin-bottom:16px}.four h3{font-size:23px}.four p{font-size:17px;color:var(--muted)}.plain-link{display:inline-block;min-height:44px;padding:10px 0;font-weight:600}.rule-list{border-top:1px solid var(--line)}.rule-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none}.rule-row h3{margin-bottom:8px}.rule-row p{margin:0;color:var(--muted)}.rule-row span.arrow{font-size:28px}.rule-row:hover h3{text-decoration:underline}.tag{display:inline-block;border:1px solid var(--line);padding:3px 10px;border-radius:8px;font-size:14px;margin-bottom:16px}.callout{padding:40px;background:var(--navy);border-radius:12px;color:white}.callout h2,.callout h3{color:white}.callout p{max-width:650px}.page-head{padding:48px 0;background:var(--bg)}.page-head p:last-child{margin-bottom:0}.page-head h1{max-width:850px}.reading{max-width:780px;margin:auto}.reading h2{margin-top:40px}.reading p{max-width:70ch}.reading li{margin:12px 0}.reading details{padding:20px 0;border-bottom:1px solid var(--line)}.reading details>summary{font-weight:600;min-height:32px}.reading details p{margin-top:16px}.card{border:1px solid var(--line);border-radius:12px;padding:24px;background:white}.card p:last-child{margin-bottom:0}.quote{font:36px/1.25 "Source Serif 4";border-left:4px solid var(--navy);padding-left:24px;margin:0 0 32px}.endcap{padding:48px 0;background:var(--blue)}.endcap h2{max-width:700px}.page-note{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:32px}.guide-layout{display:grid;grid-template-columns:220px 1fr;gap:48px}.guide-layout aside{position:sticky;top:24px}.guide-layout aside a{display:block;min-height:44px;padding:8px 0}.guide-layout article{max-width:780px}.guide-layout article h2{margin-top:40px}.guide-layout article h2:first-child{margin-top:0}.guide-layout li{margin-bottom:16px}.sample{padding:32px;background:var(--blue);border-radius:12px}.sample p:last-child{margin:0}.checklist{padding-left:24px}.flow{display:grid;grid-template-columns:1fr 200px 1fr;align-items:center;gap:24px}.endpoint{padding:24px;border:1px solid var(--line);border-radius:12px;background:white}.endpoint h3{font-size:24px}.endpoint p{margin-bottom:0}.transfer{text-align:center;font-weight:600;color:var(--navy)}.transfer .arrow{display:block;font-size:48px;line-height:1.3}.transfer small{display:block;font-weight:400}.receipt{background:var(--green-bg);color:var(--green);padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:15px;margin-top:20px}.receipt b{font-size:22px}.illustration{width:72px;height:52px;margin-bottom:20px;border:3px solid var(--navy);border-radius:6px;position:relative;background:var(--blue)}.illustration:before{content:'';position:absolute;width:40px;height:2px;background:var(--line);left:12px;top:13px;box-shadow:0 9px var(--line),0 18px var(--line)}.illustration:after{content:'';position:absolute;bottom:-8px;left:-9px;width:84px;height:5px;border-radius:4px;background:var(--navy)}.branch{border-left:2px solid var(--line);margin:24px 0 0 65%;padding:0 0 0 24px;font-size:16px}.branch p{margin:0}.branch strong{display:block}.writer{font-family:"Atkinson Hyperlegible Next",Arial,sans-serif;background:white;border-radius:12px;border:1px solid var(--line);color:var(--ink);overflow:hidden;box-shadow:0 16px 48px var(--vero-text)26}.writer-top{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--blue);font-size:15px;align-items:center}.writer-top label{display:flex;align-items:center;gap:8px}.writer-top input{width:18px;height:18px}.writer-stages{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.writer-stages button{border:0;background:white;padding:8px 12px;border-radius:8px;color:var(--navy);min-height:44px}.writer-stages button[aria-selected=true]{background:var(--navy);color:white}.writer-grid{display:grid;grid-template-columns:1fr 1.7fr;min-height:290px}.writer aside{background:var(--bg);padding:20px 16px;font-size:15px;border-right:1px solid var(--line)}.writer aside p{margin:12px 0}.writer article{padding:20px}.writer h3{font:600 20px "Atkinson Hyperlegible Next";margin:0 0 16px}.writer textarea{width:100%;min-height:205px;resize:vertical;font:17px/1.6 "Atkinson Hyperlegible Next";border:0;color:var(--ink);background:transparent}.writer label.check{display:block;margin:16px 0;font-size:16px}.writer-bottom{border-top:1px solid var(--line);padding:10px 20px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between}.writer.focus .writer-grid{grid-template-columns:1fr}.writer.focus aside{display:none}.writer-caption{font-size:14px;margin:16px 0 0;color:var(--blue)}.writer-caption.dark{color:var(--muted)}.hero .writer a:focus-visible,.hero .writer button:focus-visible,.hero .writer textarea:focus-visible,.hero .writer input:focus-visible{outline-color:var(--navy)}footer{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding:48px 4%;font-size:16px}footer a{display:block;padding:7px 0}footer p{margin:12px 0}footer small{color:var(--muted)}.review-hero{padding:48px 4%;background:var(--navy);color:white}.review-hero h1{color:white}.audit{max-width:1140px;margin:auto;padding:48px 4%}.audit table{border-collapse:collapse;width:100%;font-size:16px}.audit th,.audit td{text-align:left;vertical-align:top;padding:16px 12px;border-bottom:1px solid var(--line)}.audit th{background:var(--blue)}.audit section{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--line)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison img{width:100%;border:1px solid var(--line);border-radius:8px}.comparison figure{margin:0}.comparison figcaption{font-size:16px;padding-top:12px}.audit article{padding:24px 0;border-top:1px solid var(--line)}.audit article h3{font-size:26px}.audit article .url{font-size:14px}.status{color:var(--green);background:var(--green-bg);padding:4px 8px;border-radius:4px}.review-list{padding-left:24px}.review-list li{margin-bottom:12px}
@media(max-width:900px){nav{gap:16px;font-size:16px}.hero-grid{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:40px}.hero h1{max-width:650px}.hero .lead{max-width:620px}.four{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 130px 1fr;gap:16px}.guide-layout{grid-template-columns:170px 1fr;gap:24px}.three{grid-template-columns:1fr 1fr}.draft{gap:8px}.draft label{display:none}.draft select{max-width:300px}.two{gap:24px}.section{padding-top:48px;padding-bottom:48px}}
@media(max-width:600px){body{font-size:17px}header{align-items:flex-start;padding:20px 5%;gap:16px;flex-wrap:wrap}header img{width:100px}nav{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}nav .button{padding:10px 14px;min-height:44px}.draft{flex-wrap:wrap;font-size:12px}.draft select{flex:1;min-width:150px;max-width:220px}.draft a{margin-left:0}.wrap{padding-left:6%;padding-right:6%}h2{font-size:30px}.lead{font-size:20px}.hero h1{font-size:46px}.hero-grid{padding-top:40px}.section-head{display:block}.section-head p{margin-top:16px}.two,.three,.four,.comparison{grid-template-columns:1fr}.four{gap:16px}.four>div{border-bottom:1px solid var(--line);padding-bottom:16px}.number{font-size:24px;margin-bottom:8px}.flow{grid-template-columns:1fr}.transfer .arrow{transform:rotate(90deg);font-size:36px;line-height:1}.branch{margin-left:24px}.writer-grid{grid-template-columns:1fr}.writer aside{display:none}.writer-top{padding:12px;font-size:13px}.writer-stages{padding:8px;gap:0}.writer-stages button{padding:8px}.writer article{padding:16px}.writer-bottom{font-size:12px;padding:10px}.writer-caption{font-size:13px}.page-head{padding:32px 0}.guide-layout{grid-template-columns:1fr}.guide-layout aside{position:static;display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}.callout{padding:24px}.quote{font-size:28px}.reading h2{margin-top:32px}.sample{padding:24px}footer{grid-template-columns:1fr 1fr;gap:24px;padding:32px 6%}footer>div:first-child{grid-column:1/-1}.audit table{display:block;overflow:auto}.audit{padding:32px 5%}}

header nav{margin:0}header .nav-more{padding:0;border:0}header .nav-more summary{list-style:none}header .nav-more summary::-webkit-details-marker{display:none}header .nav-more a{min-height:44px}.actions .button{width:auto}.hero .writer h2.sample-title{font:600 20px "Atkinson Hyperlegible Next";color:var(--vero-heading);margin:0 0 16px}.writer-stages button{width:auto}.writer-top input{min-height:0;padding:0}.writer-top label{margin:0;font-weight:400}.writer article p{font-family:"Atkinson Hyperlegible Next"}.writer .check input{width:18px;min-height:18px;margin-right:8px}.writer h2.sample-title{font:600 20px "Atkinson Hyperlegible Next";margin:0 0 16px}.writer aside strong{font-size:15px}.hero p{max-width:none}.hero h1{max-width:none}.writer-caption{max-width:none}.guide-layout{padding-top:40px;padding-bottom:48px}.guide-layout .guide-nav{margin:0;align-items:start}.guide-content section{padding:24px 0}.guide-layout nav{font-size:17px}.guide-progress{margin:24px 0}.lms-content{padding:48px 0}.lms-content .prose{max-width:780px}.lms-content h2{margin-top:40px}section:has(>.wrap.grid),section:has(>.wrap>h2){padding:48px 0}.page-body{padding:48px 0}footer{border-top:1px solid var(--vero-border)}footer a{font-size:16px}footer p{font-size:16px}.writer textarea:focus-visible{outline-offset:0}a:hover{text-decoration-thickness:2px}[hidden]{display:none!important}@media(max-width:600px){.guide-layout .guide-nav{flex-direction:row;flex-wrap:wrap}.writer-stages{gap:0}header nav a{font-size:16px}.actions .button{width:auto}}

h2.compact-heading{font-size:25px;margin:0 0 12px}.rule-row h2.compact-heading{margin-bottom:8px}.rule-row:hover h2{text-decoration:underline}

.hero .lead,.hero .eyebrow{color:var(--white)}.writer textarea{padding:0;min-height:235px}.hero .writer textarea{color:var(--ink)}

/* Shared public navigation: one persistent white bar and matching type. */
html { scroll-padding-top: calc(var(--marketing-header-height, 110px) + 16px); }
.marketing-header {
  position: sticky; top: 0; z-index: 30;
  max-width: none; width: 100%; background: var(--vero-surface);
  padding: 16px max(4%, calc((100% - 1178px) / 2));
  border-bottom: 1px solid var(--vero-selected);
}
.marketing-header > a { flex-shrink: 0; }
.marketing-header nav { gap: 32px; }
.marketing-header .nav-more summary::after {
  content: ''; width: 8px; height: 8px; flex: 0 0 8px;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}
.marketing-header nav > a, .marketing-header .nav-more summary {
  font-family: var(--vero-font); font-size: 17px; font-weight: 700;
  line-height: 1.3; white-space: nowrap;
  display: inline-flex; align-items: center; min-height: 44px;
}
.marketing-header .pilot-highlight, .classroom-invitation .pilot-highlight {
  border: 2px solid var(--marketing-pilot-highlight);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--marketing-pilot-highlight) 22%, transparent);
  padding: 12px 20px;
}
.marketing-header .pilot-highlight:hover, .classroom-invitation .pilot-highlight:hover {
  background: var(--vero-hover);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--marketing-pilot-highlight) 35%, transparent);
}
.marketing-header .pilot-highlight:focus-visible, .classroom-invitation .pilot-highlight:focus-visible { outline: 3px solid var(--vero-accent); outline-offset: 6px; }
.classroom-invitation h2 { max-width: 850px; }
.classroom-invitation .invitation-actions { display: flex; align-items: center; justify-content: flex-start; gap: 80px; margin-top: 24px; }
.classroom-invitation ul { margin: 0; padding-left: 24px; }
.classroom-invitation .invitation-actions > .button { flex-shrink: 0; }
@media(max-width:600px){.classroom-invitation .invitation-actions { flex-direction: column; align-items: flex-start; gap: 24px; }}
.classroom-invitation li { margin: 8px 0; }
body:has(.classroom-invitation) > footer { border-top: 0; }
.skip { position: fixed; z-index: 40; }
.guide-layout aside { top: calc(var(--marketing-header-height, 110px) + 24px); }
.audience-placeholder { min-height: 55vh; }
@media (max-width: 1100px) {
  .marketing-header { flex-wrap: wrap; gap: 8px; }
  .marketing-header nav { width: 100%; flex-wrap: wrap; gap: 8px 24px; justify-content: flex-start; }
}
@media (max-width: 600px) {
  .marketing-header { padding: 12px 5%; }
  .marketing-header nav { gap: 4px 20px; }
  .marketing-header nav > a, .marketing-header .nav-more summary { font-size: 16px; }
  .marketing-header .pilot-highlight { padding: 8px 12px; }
  .marketing-header .nav-more > div { right: auto; left: 0; }
}

/* Website sample: current Pi Writer rail and reference layout. */
.writer-sample { text-align:left; color:var(--ink); background:var(--bg); overflow:hidden; }
.writer-sample .sample-device,.writer-sample button,.writer-sample textarea { font-family:"Atkinson Hyperlegible Next",Arial,sans-serif; }
.writer-sample button { width:auto; min-height:36px; padding:6px 9px; border:1px solid var(--line); border-radius:6px; background:white; color:var(--ink); font-size:13px; line-height:1.3; }
.writer-sample button:hover { background:var(--blue); }
.writer-sample button:disabled { opacity:.5; cursor:default; }
.writer-sample [hidden] { display:none!important; }
.writer-sample :focus-visible { outline:3px solid var(--navy); outline-offset:2px; }
.sample-picker { padding:12px 16px; background:var(--blue); }
.sample-picker label { display:block; font-weight:600; font-size:14px; margin-bottom:6px; }
.sample-picker select { width:100%; min-height:42px; padding:8px; border:1px solid var(--line); border-radius:6px; background:white; font:14px "Source Sans 3",sans-serif; color:var(--ink); }
.sample-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:10px; }
.sample-toolbar img { width:80px; height:30px; object-fit:contain; }
.sample-toolbar strong { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.sample-tools { display:flex; gap:5px; flex-wrap:wrap; }
#sample-time { font-size:12px; margin-left:auto; }
.sample-body { display:grid; grid-template-columns:125px minmax(0,1fr); min-height:340px; }
.sample-rail { display:flex; flex-direction:column; align-items:stretch; gap:8px; padding:4px 8px; border-right:1px solid var(--line); }
.writer-sample #sample-complete, .writer-sample #sample-revisit { border:2px solid var(--vero-action-outline,#009CFF); background:white; color:var(--navy); }
.writer-sample #sample-complete { margin-top:16px; }
.writer-sample .writer-stages { display:flex; flex-direction:column; padding:0; border:0; gap:8px; }
.writer-sample .writer-stages button { text-align:left; width:100%; }
.writer-sample .writer-stages button[aria-selected=true] { background:var(--blue); color:var(--navy); border-bottom:3px solid var(--navy); font-weight:600; }
.sample-workspace { display:grid; grid-template-columns:minmax(0,1fr); padding:0 8px; min-width:0; }
.writer-sample #writing-panel { height:355px; overflow:auto; padding:12px; background:white; border:1px solid var(--line); border-radius:6px; min-width:0; font-size:15px; }
.writer-sample #writing-panel:has(#sample-draft) { padding:0; }
.writer-sample h2,.writer-sample h3,.hero .writer-sample h2 { font:600 17px/1.35 "Atkinson Hyperlegible Next",Arial,sans-serif; color:var(--ink); margin:0 0 12px; }
.writer-sample p,.writer-sample li { font-size:14px; line-height:1.5; margin:0 0 12px; overflow-wrap:anywhere; }
.writer-sample textarea { width:100%; border:1px solid var(--line); border-radius:4px; padding:12px; min-height:150px; font-size:17px; line-height:1.5; background:white; color:var(--ink); resize:vertical; }
.writer-sample #sample-draft { height:100%; min-height:100%; border:0; resize:none; border-radius:6px; }
.writer-sample .sample-check { display:flex; align-items:flex-start; justify-content:flex-start; gap:10px; width:100%; margin:0 0 12px; font-size:14px; font-weight:400; line-height:1.5; text-align:left; }
.writer-sample .sample-check input[type="checkbox"] { flex:0 0 18px; width:18px; height:18px; min-width:18px; min-height:18px; max-width:18px; padding:0; margin:2px 0 0; accent-color:var(--navy); }
.writer-sample .writer-stages button { flex-direction:column; align-items:flex-start; gap:2px; }
.writer-sample .writer-stages button small { font-size:11px; font-weight:400; }
.writer-sample .writer-stages button[data-state="revisit"] { background:var(--vero-warning-bg); color:var(--vero-warning-text); border-color:var(--vero-warning-text); }
.writer-sample .writer-stages button[data-state="complete"] { background:var(--green-bg); color:var(--green); }
.writer-sample .writer-stages button[aria-selected="true"] { border-bottom-width:3px; }
.writer-sample.has-reader .sample-workspace { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
.writer-sample #sample-reader { height:355px; overflow:auto; padding:12px; background:white; border:1px solid var(--line); border-radius:6px; min-width:0; }
#sample-close-reference { margin-bottom:12px; }
.writer-sample.rubric-open .sample-workspace { grid-template-columns:minmax(0,1fr); }
.writer-sample.rubric-open #writing-panel { display:none; }
.sample-rubric-scroll { overflow:auto; }
.writer-sample table { width:100%; min-width:440px; border-collapse:collapse; font-size:13px; }
.writer-sample th,.writer-sample td { border:1px solid var(--line); padding:10px; text-align:left; vertical-align:top; color:var(--ink); }
.writer-sample th { background:var(--blue); }
.writer-sample th small { display:block; font-weight:400; margin-top:8px; }
.writer-sample .writer-bottom { padding:10px; display:flex; justify-content:space-between; gap:8px; font-size:12px; }
#sample-status { display:block; margin-top:3px; }
.writer-sample #sample-save, .writer-sample #sample-submit { background:var(--navy); color:white; }
.sample-writer-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-shrink:0; }
.writer-sample.sample-focused .sample-rail { display:none; }
.writer-sample.sample-focused .sample-body { grid-template-columns:minmax(0,1fr); }
.hero-grid:has(.writer-sample) { grid-template-columns:.75fr 1.4fr; gap:32px; }
@media(max-width:1100px){.hero-grid:has(.writer-sample){grid-template-columns:1fr;}.writer-sample{width:100%;}}
@media(max-width:600px){.sample-body{grid-template-columns:112px minmax(0,1fr);}.sample-rail{padding:4px;}.writer-sample button{font-size:12px;}.writer-sample.has-reader .sample-workspace{grid-template-columns:minmax(0,1fr);}.writer-sample.has-reader #writing-panel{display:none;}.sample-toolbar strong{flex-basis:calc(100% - 100px);}.sample-tools{width:100%;}}
.writer-sample .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.writer-sample .sample-writer-actions { display:flex; align-items:stretch; gap:8px; flex-shrink:0; }


.home-writing-focus{box-sizing:border-box;max-width:1240px;margin:auto;padding:72px 48px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(36px,5vw,72px)}
.home-writing-focus img{display:block;width:100%;height:auto;border-radius:8px}
.home-writing-focus h2{font:600 clamp(36px,3.6vw,52px)/1.08 "Source Serif 4",serif;letter-spacing:-.035em;color:var(--navy);margin:0 0 20px}
.home-writing-focus p{margin:0;color:var(--ink);font:400 20px/1.52 "Source Sans 3",sans-serif}
.home-writing-focus p+p{margin-top:14px}
@media(max-width:800px){.home-writing-focus{grid-template-columns:minmax(0,1fr);gap:28px;padding:40px 24px}.home-writing-focus article{grid-row:1}.home-writing-focus p{font-size:18px}}
.handoff-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.handoff h2{text-wrap:balance}
.handoff-image{display:block}
.handoff-image img{border:1px solid var(--line)}
@media(max-width:800px){.handoff-grid{grid-template-columns:minmax(0,1fr)}}
.home-family{background:var(--blue)}
.study-figure{margin:0;min-width:0}
.study-figure>a{display:block;cursor:zoom-in}
.study-figure img{border-radius:0;background:white}
.study-figure figcaption{margin-top:16px;font-size:17px;line-height:1.45}
.study-figure strong{display:block;font:600 20px/1.25 "Source Serif 4",serif;margin-bottom:6px}
.study-figure small{display:block;margin-top:12px;font-size:15px;color:var(--muted)}

.teacher-intro .split{align-items:center}.teacher-intro img{display:block;width:100%;height:auto;border-radius:8px}.teacher-intro h1{font-size:clamp(36px,3.6vw,52px)}.teacher-intro .lead{font-size:20px}

/* Three approved notebook vignettes; crop the concept-board captions in layout. */
.teacher-illustration{position:relative;width:min(100%,360px);aspect-ratio:724/600;overflow:hidden;margin-top:24px;mix-blend-mode:multiply}
.teacher-illustration img{position:absolute;top:0;left:0;width:300%;max-width:none;height:auto;display:block}
.teacher-illustration-effort img{left:-100%}.teacher-illustration-trust img{left:-200%}
@media(max-width:800px){.teacher-illustration{width:min(100%,340px)}}

.teacher-benefit{padding-block:44px}.teacher-benefit-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:48px;align-items:center}.teacher-benefit-grid h2{margin-bottom:20px}.teacher-benefit-grid p:last-child{margin-bottom:0}.teacher-benefit-grid .teacher-illustration{width:min(100%,280px);margin:0;justify-self:center}
@media(max-width:800px){.teacher-benefit-grid{grid-template-columns:minmax(0,1fr);gap:24px}.teacher-benefit{padding-block:36px}.teacher-benefit-grid .teacher-illustration{width:min(100%,260px)}}

.teacher-invitation .wrap{display:flex;align-items:center;justify-content:center;gap:48px}.teacher-invitation h2{max-width:660px;margin:0}.teacher-invitation .button{flex-shrink:0}
@media(max-width:800px){.teacher-invitation .wrap{flex-direction:column;align-items:flex-start;gap:24px}}