/* Editorial direction, v2. The original base stylesheet remains intact. */
:root { --muted:#596e62; }
.site-header { border-bottom-color:var(--ink); }
.header-link { border-bottom:3px solid var(--mint); color:var(--ink); }
a:focus-visible,summary:focus-visible { outline:3px solid var(--green); outline-offset:5px; }
.hero { position:relative; grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr); gap:20px; padding:70px 0 112px; min-height:0; }
.hero-copy { position:relative; z-index:1; }
.eyebrow .seed { width:26px; height:4px; border-radius:0; }
h1 { font-size:clamp(64px,8.4vw,116px); font-weight:800; line-height:.87; letter-spacing:-.052em; margin:29px 0 24px -7px; }
h1>span { display:block; }
h1>span+span { color:var(--coral); margin-left:0; }
.title-dot { display:inline-block; width:.13em; height:.13em; margin-left:.055em; background:var(--yellow); border-radius:50%; vertical-align:.03em; }
.brand-tagline { font-size:32px; font-weight:600; line-height:1.65; letter-spacing:.015em; padding-left:0; margin-top:28px; white-space:nowrap; }
.hero-intro { margin:25px 0 27px 39px; font-size:13px; }
.button { border-radius:0; }
.hero .button { margin-left:39px; background:var(--yellow); color:#142d25; }
.hero .button:hover { background:#edab10; }
.hero-note { margin:18px 0 0 39px; color:var(--muted); }
.hero-desk { min-height:525px; margin-top:20px; background:transparent; border-radius:0; }
.hero-desk::before { content:""; position:absolute; top:50px; bottom:35px; left:25px; right:4px; border-top:1px solid var(--mint); border-bottom:1px solid var(--mint); transform:rotate(5deg); }
.draft-paper { width:330px; box-shadow:8px 14px 0 #f1f4ed,0 0 0 1px #c7d3c5; transform:rotate(-7deg); margin-top:28px; }
.paper-top,.paper-bottom { color:#4c6958; }
.paper-top { margin-bottom:19px; padding-bottom:12px; border-bottom:2px solid var(--green); }
.paper-bottom { margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
.paper-note { top:10px; left:22px; padding:4px 0; border:0; border-bottom:3px solid var(--coral); font-size:11px; font-weight:600; transform:rotate(3deg); background:transparent; box-shadow:none; }
.note-dot { display:none; }
.desk-ruler { position:absolute; right:-10px; top:70px; height:325px; width:30px; border-left:2px solid var(--green); background:repeating-linear-gradient(to bottom,var(--green) 0 1px,transparent 1px 13px) left top/10px 100% no-repeat; display:flex; flex-direction:column; justify-content:space-between; padding-left:14px; font:8px Arial,sans-serif; color:var(--green); }
.brand-stamp { right:-2px; bottom:1px; padding:0; width:134px; transform:rotate(12deg); box-shadow:none; border-radius:0; }
.brand-stamp img { width:134px; height:134px; }
.desk-caption { left:20px; bottom:3px; font-size:10px; color:var(--muted); writing-mode:vertical-rl; transform:translateX(-38px); }
.section-no { font:700 73px/.9 Arial,sans-serif; letter-spacing:-.07em; color:var(--coral); margin-right:16px; }
.about { border-top:1px solid var(--ink); padding-top:35px; padding-bottom:114px; }
.about>.section-label { align-items:flex-start; }
.about>.section-label>span:last-child { padding-top:9px; }
.about-layout { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:100px; margin-top:12px; }
.about-layout>div:first-child { padding-left:42px; }
.about h2 { font-size:40px; margin-left:-43px; margin-top:18px; line-height:1.65; }
.little-questions { margin-top:29px; font-size:12px; color:var(--ink); line-height:2; }
.little-questions p { padding:6px 0 6px 16px; border-left:4px solid var(--yellow); margin-top:9px; }
.little-questions p:nth-child(2) { margin-left:26px; border-color:var(--mint); }
.little-questions p:nth-child(3) { margin-left:9px; border-color:var(--blue); }
.prose { padding-top:95px; }
.about-closing { font-weight:600; border-bottom:4px solid var(--mint); padding-bottom:15px; }
.tools { padding-top:21px; padding-bottom:80px; }
.tools>.section-heading { border-top:4px solid var(--green); padding-top:25px; }
.tools .section-no { color:var(--green); }
.tools .section-label { align-items:flex-start; }
.tools .section-label>span:last-child { margin-top:9px; }
.section-heading h2 { font-size:36px; margin:18px 0 0 80px; }
.edition { color:var(--ink); border-bottom:3px solid var(--yellow); padding-bottom:7px; }
.tool-feature { grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:55px; align-items:center; padding-top:12px; border:0; border-radius:0; overflow:visible; }
.tool-visual { min-height:530px; background:var(--green); color:#fff; padding:27px 31px 24px; border-bottom:13px solid var(--mint); }
.tool-visual::before { content:""; position:absolute; left:-15px; top:66px; width:34px; height:10px; background:var(--coral); }
.tool-visual-top,.tool-visual-bottom { color:#fff; }
.version { border-color:#9ecdb8; border-radius:0; }
.tool-wordmark { font:700 clamp(44px,6.3vw,83px)/.97 Georgia,serif; letter-spacing:.045em; margin:auto 0; text-align:left; }
.tool-wordmark span { display:none; }
.sample-strip { justify-content:space-between; gap:10px; }
.sample-strip::before { left:0; right:0; background:#a7ccb9; }
.sample-strip i { width:34px; height:34px; border-color:#f5f4dc; background:var(--green); }
.sample-strip i::after { color:var(--yellow); font-size:14px; }
.tool-copy { padding:44px 0 8px; }
.tool-copy h3 { font-size:24px; margin-top:15px; padding-bottom:13px; border-bottom:3px solid var(--coral); }
.tool-copy h3 span { display:block; font-size:13px; }
.tool-catch { font-size:33px; font-weight:600; line-height:1.6; margin:23px -15px 24px -24px; letter-spacing:.03em; }
.mode-labels { gap:18px; }
.mode-labels span { font-size:10px; border:0; border-bottom:2px solid var(--mint); padding:0 0 3px; background:transparent; border-radius:0; }
.precision-copy { font-size:14px; font-weight:700; color:var(--green); margin-top:24px; }
.text-link { font-weight:700; border-bottom-color:var(--green); }
.try-section { margin-block:18px 4px; padding:35px 0 35px 32px; background:transparent; border-left:7px solid var(--blue); border-radius:0; }
.try-section .section-label .seed { display:none; }
.try-section h2 { font-size:28px; }
.try-section .button { background:var(--coral); color:#142d25; }
.try-section .button:hover { background:#f2714b; }
.versions { max-width:1000px; margin-top:38px; }
.comparison>div { grid-template-columns:minmax(0,1fr) 150px 150px; }
.comparison>div>.unavailable { color:#253f34!important; }
.release { max-width:1000px; background:#f3f6ef; border:0; border-top:3px solid var(--green); border-radius:0; }
.release-note,.one-time { color:var(--muted); }
.preparing { border-color:#acbca5; color:#51664a; border-radius:0; }
.print-section,.faq { max-width:1000px; }
.faq { grid-template-columns:minmax(0,1fr) minmax(0,1.75fr); }
.footer-bottom { color:var(--muted); }
@media(min-width:1450px) { .hero { gap:45px; padding-block:85px 125px; min-height:0; } }
@media(max-width:1100px) {
  .hero { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); padding-block:65px 90px; gap:22px; min-height:0; }h1 { font-size:88px; }
  .brand-tagline { font-size:26px; }.hero-intro,.hero .button,.hero-note { margin-left:14px; }
  .hero-desk { min-height:480px; }.draft-paper { width:275px; padding:20px 17px 16px; }.brand-stamp { width:112px; right:0; bottom:6px; }.brand-stamp img { width:112px; height:112px; }.desk-ruler { right:-9px; height:300px; }.paper-note { left:5px; font-size:10px; }
  .about-layout { gap:55px; }.about h2 { font-size:29px; }.prose { padding-top:75px; }
  .tool-feature { gap:40px; }.tool-visual { min-height:510px; padding:26px; }.tool-wordmark { font-size:64px; }.tool-catch { font-size:28px; margin-left:-17px; margin-right:0; }.tool-copy h3 { font-size:21px; }.tool-description { font-size:11px; }.precision-copy { font-size:12px; }.sample-strip { gap:7px; }.sample-strip i { width:29px; height:29px; }
  .versions,.release,.print-section,.faq { max-width:none; }
}
@media(max-width:800px) {
  .hero { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:16px; padding-block:55px 85px; min-height:0; }h1 { font-size:69px; margin-left:-3px; }
  .brand-tagline { font-size:20px; }.hero-intro { font-size:11px; }.hero-intro,.hero .button,.hero-note { margin-left:0; }.hero-note { font-size:9px; }
  .hero-desk { min-height:395px; }.draft-paper { width:220px; padding:18px 13px; }.brand-stamp { width:88px; bottom:4px; }.brand-stamp img { width:88px; height:88px; }.desk-ruler { height:240px; right:-6px; }.paper-note { font-size:9px; left:0; }.desk-caption { font-size:8px; left:19px; bottom:13px; transform:translateX(-27px); }
  .section-no { font-size:62px; }.about-layout { gap:32px; }.about-layout>div:first-child { padding-left:20px; }.about h2 { font-size:25px; margin-left:-20px; }.prose { padding-top:64px; }
  .tools { padding-top:0; }.section-heading h2 { font-size:30px; margin-left:55px; }.tool-feature { gap:30px; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); }.tool-visual { min-height:475px; padding:23px 20px; }.tool-wordmark { font-size:48px; }.tool-copy { padding:10px 0 0; }.tool-copy h3 { font-size:19px; }.tool-catch { font-size:24px; margin-left:-10px; }.tool-description { font-size:10px; }.precision-copy { font-size:11px; }.sample-strip { gap:5px; }.sample-strip i { width:22px; height:22px; }.tool-visual-bottom { font-size:7px; }.mode-labels { gap:13px; }.mode-labels span { font-size:9px; }
  .try-section { padding-left:23px; }.try-section h2 { font-size:24px; }.faq { grid-template-columns:minmax(0,1fr) minmax(0,1.7fr); }
}
@media(max-width:600px) {
  .hero { grid-template-columns:1fr; padding-block:42px 65px; gap:8px; }.hero-copy { text-align:left; }.eyebrow { justify-content:flex-start; }
  h1 { font-size:clamp(68px,16vw,97px); margin:26px 0 24px -4px; }.brand-tagline { font-size:clamp(18px,5vw,28px); padding-left:0; margin-top:24px; }
  .hero-intro { font-size:12px; margin:22px 0 24px 22px; }.hero .button { margin-left:22px; }.hero-note { margin:15px 0 0 22px; font-size:9px; }.hero-note br { display:block; }
  .hero-desk { width:min(365px,100%); min-height:415px; margin:32px 0 0 auto; }.draft-paper { width:265px; padding:20px 16px; margin-top:16px; }.brand-stamp { width:104px; right:3px; bottom:0; }.brand-stamp img { width:104px; height:104px; }.desk-ruler { right:0; top:65px; height:275px; }.hero-desk::before { left:15px; right:15px; bottom:35px; }.paper-note { left:8px; top:0; font-size:10px; }.desk-caption { left:16px; bottom:0; transform:none; writing-mode:horizontal-tb; font-size:9px; }
  .section-no { font-size:65px; margin-right:10px; }.about { padding-top:27px; padding-bottom:68px; }.about-layout { grid-template-columns:1fr; gap:12px; margin-top:25px; }.about-layout>div:first-child { padding-left:0; }.about h2 { font-size:clamp(24px,7.5vw,32px); margin:0 0 0 -2px; }.prose { padding-top:23px; margin-left:24px; }
  .tools { padding-top:0; }.tools>.section-heading { padding-top:22px; }.section-heading h2 { font-size:27px; margin:22px 0 0 26px; }
  .tool-feature { grid-template-columns:1fr; gap:0; padding-top:0; }.tool-visual { min-height:410px; padding:25px; margin-right:15px; border-bottom-width:10px; }.tool-visual::before { left:-8px; width:27px; }.tool-wordmark { font-size:clamp(48px,13.8vw,72px); margin:38px 0 36px; }.sample-strip { margin-bottom:30px; gap:10px; }.sample-strip i { width:28px; height:28px; }.tool-visual-bottom { font-size:8px; }
  .tool-copy { padding:30px 0 0 20px; }.tool-copy h3 { font-size:24px; margin-top:12px; }.tool-copy h3 span { font-size:12px; display:block; }.tool-catch { font-size:32px; margin:23px 0 23px -20px; }.tool-description { font-size:12px; }.mode-labels { gap:20px; }.precision-copy { font-size:13px; margin:24px 0 0 -6px; }.tool-copy .text-link { font-size:12px; }
  .try-section { padding:13px 0 13px 19px; border-left-width:5px; margin-top:20px; }.try-section h2 { font-size:24px; }.try-section .button { width:calc(100% - 8px); padding:17px 20px; }
  .versions { padding-top:64px; margin-top:0; }.comparison>div { grid-template-columns:minmax(0,1fr) 64px 64px; }.release h2 { font-size:24px; }.release-price { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.faq { display:block; }
}
@media(max-width:360px) { h1 { font-size:66px; }.brand-tagline { font-size:18px; }.header-link { font-size:9px; }.brand span { font-size:13px; }.tool-wordmark { font-size:47px; }.sample-strip { gap:6px; }.sample-strip i { width:24px; height:24px; }.tool-copy h3 { font-size:21px; }.tool-catch { font-size:28px; }.release { padding-inline:18px; }.release-price strong { font-size:30px; }.preparing { padding-inline:12px; } }

/* Reading text only: retain the established headings, palette and layout. */
.hero-intro,.hero-note,.prose,.tool-description,.tool-kicker,
.try-section p:not(.section-label),.section-intro,.print-section p,
.faq-heading>p:last-child,details p,.release-note,.one-time,
.footer-main p,.footer-links,.footer-bottom { color:#40564c; }
.hero-intro { font-size:15px; line-height:2.25; }
.hero-note { font-size:12px; line-height:2.05; }
.prose { font-size:15px; line-height:2.4; }
.little-questions { font-size:14px; line-height:2.15; }
.little-questions p:last-child { font-size:13px; }
.tool-description { font-size:14px; line-height:2.2; }
.tool-kicker { font-size:12px; line-height:2.05; }
.try-section p:not(.section-label),.section-intro { font-size:14px; line-height:2.2; }
.print-section p { font-size:13px; line-height:2.25; }
.print-section .text-link { font-size:12px; }
.faq-heading>p:last-child { font-size:13px; line-height:2.1; }
summary { font-size:14px; line-height:2; }
details p { font-size:14px; line-height:2.2; }
.release-note { font-size:13px; line-height:2.1; }
.one-time,.footer-main p,.footer-links { font-size:12px; }
.footer-bottom { font-size:11px; line-height:2.1; }
.prose,.little-questions,.tool-description,.tool-kicker,
.try-section p:not(.section-label),.section-intro,.print-section p,
.faq-heading>p:last-child,details p,.footer-main p,.footer-links,.footer-bottom { color:#33493f; }
.comparison>div>span,.comparison small { color:#172d29; }
.comparison>div>span:nth-child(n+2) { color:#064d40; }
.comparison .comparison-head>span { color:#172d29; }
@media(max-width:800px) {
  .hero-intro,.prose,.tool-description { font-size:13px; }
  .hero-note { font-size:11px; }
  .little-questions { font-size:12px; }
  .little-questions p:last-child { font-size:11px; }
  .try-section p:not(.section-label) { font-size:13px; }
}
@media(max-width:600px) {
  .hero-intro,.prose,.tool-description { font-size:14px; }
  .little-questions { font-size:13px; }
  .little-questions p:last-child { font-size:12px; }
  .section-intro,summary,details p { font-size:13px; }
  .print-section p { font-size:12px; }
  .footer-main p,.footer-links { font-size:11px; }
  .footer-bottom,.footer-bottom span:last-child { font-size:10px; }
}
