/* The current screen system. Layout primitives and printable document designs
   live in site.css / subpages.css; all site surfaces are coordinated here. */
@media screen {
:root {
  --ink: #172c25;
  --forest: #143c2f;
  --muted: #5c6862;
  --paper: #fcfdfb;
  --accent: #d4fa7f;
  --line: #dce3db;
  --surface: #f1f4ed;
  --header-height: 82px;
  --gutter: clamp(22px, 5vw, 76px);
  --max: 1376px;
}
body { background: var(--paper); -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4 { text-wrap: pretty; }
h1,h2 { font-weight: 650; letter-spacing: -.058em; }
p { text-wrap: pretty; }
::selection { background: #d4fa7f; color: #153e35; }
.eyebrow { font-size: 10px; letter-spacing: .12em; font-weight: 750; color: #426848; }
.section, .home-depth { padding-block: clamp(66px, 7.5vw, 112px); }
.section-head h2, .editorial-head h2, .deep-dive-heading h2, .resource-practice-heading h2 { font-size: clamp(34px,4vw,54px); font-weight: 600; line-height: 1.1; }
.section-head { align-items: end; gap: 32px; margin-bottom: 38px; }
.section-head p:not(.eyebrow), .editorial-head>p { max-width: 510px; }
.section-rule { border-color: var(--line); }
.soft-section, .hub-deep-dive, .resource-practice { background: var(--surface); }
.button { border-radius: 12px; min-height: 55px; padding: 14px 22px; gap: 26px; font-size: 13px; font-weight: 750; box-shadow: 0 3px 0 #061b0e08; }
.button svg { width: 19px; height: 19px; }
.button:hover { transform: translateY(-2px); box-shadow: 0 7px 20px #143c2f12; }
.button-outline { border-color: #bfcbbd; background: transparent; }
.text-link { font-size: 13px; font-weight: 750; gap: 12px; }
.text-link svg { width: 18px; height: 18px; }
:is(a,button,summary,input,textarea,select):focus-visible { outline: 3px solid #4f8e52; outline-offset: 5px; }
.site-header { background: #fcfdfbf2; border-bottom: 1px solid #e5e9e2; backdrop-filter: blur(18px); }
.header-inner { height: 100%; }
.logo { gap: 10px; }
.logo-word { font-size: 20px; font-weight: 800; letter-spacing: -1.05px; }
.logo-mark { width: 34px; height: 36px; border-radius: 9px; font-size: 30px; background: var(--forest); color: var(--accent); }
#main-nav { gap: 26px; }
#main-nav>a { font-size: 12px; letter-spacing: -.01em; }
#main-nav>a[aria-current] { text-decoration: none; position: relative; }
#main-nav>a[aria-current]:after { content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#37784a; bottom:-10px; left:calc(50% - 2px); }
#main-nav .nav-app { border-radius: 10px; padding: 12px 18px; min-height: 44px; }
.breadcrumbs { padding-top: 25px; color: #66726b; font-size: 11px; }
.breadcrumbs ol { gap: 10px; }

/* A light, open cover and an actual piece of writing. */
.home-hero { padding: 0; background: var(--paper); overflow: clip; }
.home-hero .hero-layout { max-width: var(--max); padding: 58px var(--gutter) 60px; border-radius: 0; background: transparent; color: var(--ink); grid-template-columns: 1fr 1.04fr; gap: 45px; overflow: visible; }
.home-hero .hero-copy { padding: 10px 0 25px; }
.home-hero .hero-label { display:inline-flex; border:0; padding:0; color:#426b47; font-size:10px; letter-spacing:.1em; margin:0 0 31px; gap:10px; }
.home-hero .hero-label>span { width:7px; height:7px; background:#4d8e48; box-shadow:0 0 0 5px #eaf1e2; }
.home-hero .hero-copy h1 { font-size:clamp(68px,7.6vw,108px); line-height:.99; letter-spacing:-.075em; font-weight:650; }
.home-hero .hero-copy h1>span:not(.hero-stop) { color:var(--forest); position:relative; display:inline-block; z-index:0; }
.home-hero .hero-copy h1>span:not(.hero-stop):after { content:''; position:absolute; z-index:-1; height:15%; width:100%; left:0; bottom:2%; background:var(--accent); }
.home-hero .hero-copy h1 .hero-stop { color:#649553; }
.home-hero .hero-description { color:var(--muted); font-size:17px; line-height:1.75; max-width:420px; margin-top:29px; }
.home-hero .hero-actions { margin-top:28px; gap:24px; }
.home-hero .hero-actions .button { background:var(--forest); border-color:var(--forest); color:#fff; border-radius:12px; }
.home-hero .hero-actions .button:hover { background:#26553c; }
.home-hero .hero-secondary { color:var(--ink); font-size:12px; }
.home-hero .hero-secondary:hover { color:#417039; }
.hero-benefits { color:#677460; font-size:10px; margin-top:26px; gap:18px; }
.hero-benefits>span:before { background:#68954c; width:4px; height:4px; }
.studio-masthead { min-height:590px; height:auto; position:relative; margin:0; padding:0 0 38px; }
.studio-masthead .masthead-image { position:absolute; top:8px; right:0; width:84%; height:490px; border-radius:150px 24px 24px 24px; overflow:hidden; }
.studio-masthead .masthead-image>img { object-position:48% center; }
.masthead-orbit { position:absolute; top:32px; right:25px; width:67px; height:67px; display:grid; place-items:center; border:1px solid #ffffff7a; border-radius:50%; color:#fff; font-size:37px; line-height:1; font-weight:400; }
/* The preview stays selectable HTML; only the fictional portrait is an image. */
.hero-profile-card { position:relative; width:calc(100% - 32px); max-width:430px; margin:108px 24px 34px 6px; padding:25px 30px 17px; background:#fff; border:1px solid #dce3d9; border-radius:15px; box-shadow:0 40px 60px -30px #143c2f4d, 0 6px 15px -8px #143c2f1a; transform:rotate(-2.5deg); }
.hero-profile-card::before { content:''; position:absolute; top:-1px; left:30px; width:48px; height:3px; background:#5b8759; border-radius:0 0 2px 2px; }
.profile-card-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:8px; letter-spacing:.11em; color:#65746a; line-height:1.4; }
.profile-card-meta>span:first-child { display:flex; align-items:center; gap:7px; color:#36593d; font-weight:750; }
.profile-card-meta i { width:5px; height:5px; border-radius:50%; background:#6d9a55; }
.profile-card-identity { display:grid; grid-template-columns:minmax(0,1fr) 102px; gap:18px; align-items:center; padding:27px 0 25px; }
.profile-card-name { display:block; font-size:38px; line-height:1.02; font-weight:650; letter-spacing:-.055em; color:#172e26; }
.profile-card-name>span { color:#679153; }
.profile-card-role { margin:12px 0 5px; font-size:12px; line-height:1.45; font-weight:550; color:#36533f; }
.profile-card-location { display:block; font-size:10px; line-height:1.4; color:#6b776d; }
.profile-card-portrait { display:block; width:102px; height:128px; object-fit:cover; border-radius:8px 8px 26px 8px; background:#e8e8df; }
.profile-card-experience { border-top:1px solid #dfe5dc; padding-top:23px; }
.profile-card-label { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:8px; letter-spacing:.09em; line-height:1.4; color:#71806f; }
.profile-card-label>span:first-child { color:#4b684a; font-weight:750; }
.profile-card-experience>strong { display:block; font-size:16px; font-weight:650; line-height:1.3; letter-spacing:-.02em; margin-top:13px; }
.profile-card-experience>p { margin:10px 0 0; font-size:12px; line-height:1.8; color:#536057; }
.profile-card-skills { display:flex; flex-wrap:wrap; gap:6px; padding:20px 0 23px; }
.profile-card-skills>span { padding:6px 9px; border:1px solid #dce6d4; border-radius:5px; background:#f5f8f0; color:#48633e; font-size:8px; line-height:1.3; font-weight:550; }
.profile-card-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:13px; border-top:1px solid #e5e9e1; font-size:8px; color:#74806f; line-height:1.5; }
.profile-card-footer>span:last-child { color:#395b39; font-size:15px; letter-spacing:-.07em; font-weight:700; }
.studio-masthead .masthead-caption { position:absolute; bottom:0; left:5px; right:0; padding-top:17px; border-top:1px solid #dbe3d3; margin:0; display:flex; gap:12px; }
.studio-masthead .masthead-caption>span:first-child { font-size:9px; letter-spacing:.08em; font-weight:750; color:#345634; }
.studio-masthead .masthead-caption>span:last-child { font-size:8px; letter-spacing:.05em; color:#627558; }
.home-chapters { background:#fcfdfbf5; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.home-chapters>.wrap { justify-content:space-between; padding-block:14px; gap:12px; }
.home-chapters a { border-radius:8px; padding:10px 12px; font-size:11px; }
.home-chapters a.active { background:#e6efda; color:#254d2d; }
.home-chapters a.active i { color:#537a3d; }
.home-chapters .chapter-caption { font-size:9px; }
.depth-heading h2,.workshop-heading h2 { font-size:clamp(36px,4.3vw,59px); line-height:1.08; font-weight:600; }
.home-depth .depth-heading { max-width:850px; margin-bottom:46px; }
.blueprint-layout { gap:70px; grid-template-columns:.92fr 1.08fr; }
.blueprint-document { background:#e9efdf; padding:32px; border:0; border-radius:22px; }
.blueprint-paper { box-shadow:0 16px 28px -15px #263b2855; }
.blueprint-notes article { gap:18px; padding-bottom:27px; }
.blueprint-notes article>span { background:transparent; border:0; font-size:12px; color:#658348; }
.blueprint-notes h3 { font-size:23px; font-weight:650; }
.blueprint-notes .blueprint-example { background:#f0f5e8; border-left:2px solid #a7ca7a; border-radius:0 10px 10px 0; padding:15px 18px; }
.depth-walkthrough { background:#edf2e6; }
.depth-steps { gap:22px; }
.depth-step { padding:28px; background:#ffffffa8; border:1px solid #dce5d2; border-radius:18px; grid-template-columns:30px 1fr; }
.depth-step>.step-no { background:transparent; color:#6a8458; border-radius:0; width:25px; height:28px; font-size:11px; }
.depth-step h3 { font-size:24px; }
.depth-step .step-example { background:#eaf0e1; border-radius:10px; }
.comparison-heading { gap:65px; }
.comparison-panel { padding:34px; border-radius:18px; background:#f0f2ec; }
.comparison-panel.after { background:#173c30; }
.comparison-panel.after>span { color:#d4fa7f; }
.comparison-panel.after>p { color:#fff; }
.comparison-tabs { border:1px solid #e0e6d8; background:#f1f4ec; border-radius:10px; padding:5px; }
.comparison-tabs button { border-radius:7px; }
.home-workshop { background:#133a2d; border-radius:0; position:relative; }
.workshop-heading>h2 { color:#fff; }
.workshop-form .tool-form { border-radius:18px; box-shadow:0 24px 50px #061d1a30; }
.workshop-guidance p { color:#d1dfcd; }
.career-route-card { border:1px solid #dde4d5; border-radius:20px; background:#fff; overflow:hidden; padding:0 28px 30px; }
.career-route-card>img { width:calc(100% + 56px); max-width:none; margin-left:-28px; border-radius:0; aspect-ratio:1.8; }
.career-route-card h3 { font-size:30px; letter-spacing:-.04em; }
.career-route-grid { gap:28px; }
.layout-option { border:0; box-shadow:0 1px 1px #1a37191a; border-radius:18px; }
.letter-anatomy .letter-scene { border-radius:22px; background:#e9eee3; }
.spoken-answer>div { background:#eaf1df; padding:36px; border-radius:20px; }
.file-review-sheet { border-radius:22px; box-shadow:0 20px 35px -24px #19362535; }
.review-section .depth-step { background:transparent; border:0; padding:18px 0; }
.app-editorial { background:#153b2e; }

/* Topic covers and a scannable library. */
.subpage-hero { grid-template-columns:1.1fr 1fr; align-items:center; gap:62px; padding-block:42px 58px; }
.subpage-hero .page-heading { max-width:620px; }
.subpage-hero .page-heading>.eyebrow, .info-hero .page-heading>.eyebrow, .guide-intro>.eyebrow, .tool-intro .eyebrow { display:inline-flex; padding:6px 10px; border:1px solid #d4dfcc; border-radius:6px; font-size:9px; letter-spacing:.11em; background:#f1f5eb; }
.subpage-hero .page-heading h1,.info-hero h1 { font-size:clamp(44px,4.7vw,66px); font-weight:600; line-height:1.06; margin:22px 0; }
.subpage-hero .dek,.subpage-hero .page-heading .dek,.info-hero .dek { font-size:17px; line-height:1.8; color:#5e6c60; max-width:530px; }
.subpage-proof { display:flex; gap:17px; padding-top:22px; margin-top:28px; border-top:1px solid var(--line); align-items:center; font-size:10px; color:#63735b; }
.subpage-proof strong { font-size:19px; letter-spacing:-.04em; color:#233d29; }
.subpage-hero .visual-hero { border-radius:22px; }
.visual-hero.photo-hero,.subpage-hero .visual-hero.photo-hero,.guide-hero .visual-hero.photo-hero,.info-hero .visual-hero.photo-hero,.tool-intro .visual-hero.photo-hero { border-radius:0; background:transparent; height:auto; overflow:visible; }
.photo-hero-image { height:440px; border-radius:22px 80px 22px 22px; }
.photo-hero figcaption { padding-top:15px; gap:12px; display:flex; align-items:start; }
.photo-hero figcaption>strong,.guide-hero .photo-hero figcaption>strong { font-size:13px; font-weight:650; color:#45613f; max-width:315px; }
.photo-hero .photo-disclosure { font-size:8px; color:#66755d; white-space:nowrap; }
.document-scene.visual-hero { background:#e9efdf; padding:25px; border:0; border-radius:22px; }
.document-scene>.specimen-paper { transform:rotate(-3deg); box-shadow:0 20px 40px -20px #25432166; }
.document-scene .document-callout { border-radius:9px; border:1px solid #d6e2c7; }
.template-scene { background:#eaf0e1; border-radius:22px; height:490px; }
.template-scene .specimen-stack>.specimen-paper { box-shadow:0 22px 40px -23px #203d2655; }
.letter-scene.visual-hero { background:#f0eee4; border-radius:22px; }
.letter-scene .letter-sheet { border:1px solid #e1e2d8; box-shadow:0 20px 30px -20px #31442960; }
.pipeline-scene { background:#e9efdf; border-radius:22px; }
.revision-scene.visual-hero { border-radius:22px; background:#e9efdf; border:0; }
.revision-card { border-radius:12px; box-shadow:0 6px 14px #1e3e2110; }
.revision-better { background:#183c2f; }
.jump-nav { padding:19px 0; gap:25px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.jump-nav>a { padding:4px 0; font-size:11px; font-weight:750; }
.jump-nav>span { font-size:9px; color:#6a7b5f; }
.featured-grid,.library-grid { gap:26px; }
.featured-starts .featured-grid { grid-template-columns:1.2fr 1fr 1fr; }
.article-card,.resource-collection .article-card,.featured-starts .article-card { background:#fff; border:1px solid #dfe5d9; border-radius:18px; overflow:hidden; min-width:0; transition:border-color .2s,box-shadow .2s,transform .2s; }
.article-card:hover,.resource-collection .article-card:hover,.featured-starts .article-card:hover { border-color:#aabd9c; box-shadow:0 15px 32px -22px #1d442f50; transform:translateY(-4px); }
.article-card .card-art { position:relative; overflow:hidden; border-radius:0; height:230px; aspect-ratio:auto; }
.article-card .card-art>img { height:100%; width:100%; object-fit:cover; transition:transform .5s; }
.article-card:hover .card-art>img { transform:scale(1.035); }
.card-open { position:absolute; top:14px; right:14px; z-index:1; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#ffffffeb; color:#1c3d28; font-size:19px; box-shadow:0 2px 10px #17311b10; }
.card-copy,.resource-collection .card-copy,.featured-starts .card-copy { padding:25px; border:0; }
.card-copy h3,.resource-collection .card-copy h3,.featured-starts .card-copy h3 { font-size:24px; font-weight:650; line-height:1.22; letter-spacing:-.038em; }
.card-copy>p,.resource-collection .card-copy>p,.featured-starts .card-copy>p { font-size:14px; line-height:1.8; color:#5b6b54; }
.card-meta,.resource-collection .card-meta { font-size:9px; color:#607553; gap:8px; margin-bottom:15px; }
.card-copy .text-link { font-size:11px; margin-top:23px; }
.featured-starts .article-card:first-child { background:#eaf1df; }
.featured-starts .article-card:first-child .card-copy h3 { font-size:29px; }
.resource-collection { padding-top:50px; }
.resource-collection .library-bar { border:1px solid #cedbc5; background:#fff; border-radius:12px; padding:7px 15px; min-height:66px; margin-bottom:24px; }
.search-field input { font-size:16px; background:transparent; min-height:48px; }
.search-field svg { width:20px; height:20px; }
.result-count { font-size:11px; }
.filter-bar { gap:8px; margin-bottom:29px; }
.filter { border:1px solid #d6e0cc; background:transparent; border-radius:9px; padding:11px 16px; font-size:11px; font-weight:700; }
.filter.active,.filter[aria-pressed=true] { background:var(--forest); color:#fff; border-color:var(--forest); }
.collection-pagination { padding-top:30px; }
.role-library-card .role-card-top { padding:21px 25px 0; gap:10px; }
.role-library-card .card-copy { padding-top:11px; }
.role-avatar { border-radius:9px; width:34px; height:34px; font-size:10px; }
.role-card-top>span:last-child { font-size:8px; letter-spacing:.08em; }
.role-skill-tags { gap:6px; }
.role-skill-tags>span { border:0; border-radius:5px; background:#eef3e7; color:#506543; padding:5px 8px; font-size:9px; max-width:100%; overflow-wrap:anywhere; }
.card-image-tag { max-width:calc(100% - 30px); left:15px; bottom:15px; font-size:9px; border-radius:6px; }
.topic-route-grid>a { padding:24px; border:1px solid #d6e0cd; border-radius:14px; background:#fff; }
.topic-route-grid h3 { font-size:24px; }
.topic-route-grid p { font-size:14px; }

/* Reading feels like a publication, with quiet navigation and distinct examples. */
.guide-hero { grid-template-columns:1.18fr .9fr; gap:60px; align-items:center; padding-block:45px 58px; }
.guide-intro>h1 { font-size:clamp(40px,4.6vw,66px); line-height:1.07; font-weight:600; letter-spacing:-.055em; margin-block:22px; }
.guide-intro>.dek { font-size:17px; line-height:1.85; color:#5e6c60; }
.guide-hero .photo-hero-image { height:430px; border-radius:22px 22px 80px 22px; }
.guide-byline { padding-top:25px; border-top:1px solid var(--line); margin-top:27px; }
.author-monogram { background:var(--forest); color:var(--accent); border-radius:9px; }
.guide-byline>div>a { font-size:11px; }
.guide-byline>div>span { font-size:10px; }
.guide-start-link { margin-top:22px; }
.profile-takeaways .guide-summary,.guide-summary { background:#eaf1df; border:1px solid #d7e3c9; border-radius:20px; padding:32px; display:grid; grid-template-columns:.65fr 2fr; gap:32px; }
.guide-summary h2 { font-size:29px; font-weight:600; line-height:1.15; max-width:230px; }
.guide-summary .eyebrow { font-size:8px; }
.guide-summary ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; margin:0; }
.guide-summary li { display:block; border-left:1px solid #ceddbe; padding:0 0 0 22px; }
.guide-summary li>span { display:block; font-size:20px; color:#608040; letter-spacing:-.04em; margin-bottom:13px; }
.guide-summary li p { font-size:13px; line-height:1.85; color:#3d5736; margin:0; }
.guide-v2 .article-layout { grid-template-columns:230px minmax(0,760px); gap:75px; justify-content:center; margin-top:55px; }
.guide-v2 .article-body { max-width:760px; min-width:0; }
.article-sidebar { top:calc(var(--header-height) + 25px); max-height:calc(100vh - var(--header-height) - 50px); }
.article-sidebar nav { background:transparent; border:0; border-left:1px solid #d8e2d0; border-radius:0; padding:0 0 0 19px; }
.guide-v2 .article-sidebar nav>a { font-size:11px; line-height:1.7; padding:10px 0; color:#617258; }
.guide-v2 .article-sidebar nav>a.active { color:#224a2b; font-weight:800; }
.guide-v2 .article-sidebar nav>a>span { color:#7d9369; font-size:9px; }
.reader-note { border-radius:12px; padding:20px; background:#edf3e5; border:0; margin-top:26px; }
.reader-note p { font-size:17px; line-height:1.5; letter-spacing:-.025em; }
.reader-note span,.reader-note a { font-size:9px; }
.guide-v2 .article-section { padding-top:60px; border-top:1px solid #e2e8dc; margin-top:35px; }
.guide-v2 .article-section:first-child { margin-top:0; border-top:0; padding-top:0; }
.article-section-heading { position:relative; gap:17px; align-items:flex-start; }
.article-section-heading>span { background:#e8f0db; border-radius:7px; height:31px; flex-basis:31px; color:#54773c; margin-top:5px; font-size:10px; }
.guide-v2 .article-section h2 { font-size:clamp(30px,3vw,40px); letter-spacing:-.045em; font-weight:600; line-height:1.15; }
.guide-v2 .article-section p { font-size:17px; color:#3d5142; line-height:1.95; }
.guide-v2 .article-section ul,.guide-v2 .article-section li { font-size:16px; line-height:1.9; }
.guide-v2 .worked-example { border:1px solid #dce5d1; border-radius:16px; padding:27px; background:#f0f5e8; margin-block:32px; }
.guide-v2 .worked-example>.eyebrow { display:block; margin-bottom:17px; font-size:9px; }
.example-pair { gap:14px; }
.example-pair>div { border-radius:11px; background:#fff; padding:24px; }
.example-pair>div:last-child { background:#193f2f; color:#fff; }
.guide-v2 .worked-example .example-pair>div:last-child p { color:#fff; }
.example-pair>div:last-child small { color:#cde59e; }
.guide-v2 .worked-example .example-pair p,.guide-v2 .worked-example>p { font-size:15px; line-height:1.9; }
.practice-sheet { background:#eaf1df; border:1px solid #d4e2c3; border-radius:18px; padding:32px; }
.practice-example>div { min-width:0; overflow-wrap:anywhere; }
.practice-sheet h2 { font-size:34px; font-weight:600; }
.reading-break { background:#fff; border:1px solid #d7e1cd; border-radius:12px; padding:20px; }
.article-context-photo { margin-block:45px; }
.article-context-photo>img { aspect-ratio:1.9; object-fit:cover; }
.guide-v2 .source-notes { border:1px solid #dce4d4; background:transparent; border-radius:16px; }
.article-next,.next-step-panel,.app-banner { background:#153c2e; border:0; border-radius:20px; }
.article-next h2,.next-step-panel h2 { color:#fff; font-weight:600; }
.article-next .eyebrow,.next-step-panel .eyebrow,.app-banner .eyebrow { color:#cfe79e; }
.article-next p:not(.eyebrow) { color:#d5e3d7; }
.article-next .button,.next-step-panel .button { border-radius:10px; }
.sample-section>h2 { font-size:38px; font-weight:600; line-height:1.15; }
.example-resume-wrap { border:0; border-radius:20px; background:#e9efdf; padding:35px; }
.example-resume-wrap .resume-paper { box-shadow:0 20px 28px -19px #233b2855; }
.table-scroll { border:1px solid #d6e0cd; border-radius:13px; }
.table-scroll table { margin:0; }
.table-scroll thead { background:#e8efdc; color:#294f30; }
.table-scroll th,.table-scroll td { padding:19px 21px; border-color:#dce5d3; font-size:13px; line-height:1.8; }
.table-scroll tbody tr:nth-child(even) { background:#f5f7f0; }

/* Layouts have a gallery; tools have a workspace. */
.template-preview { border:1px solid #dce4d3; border-radius:19px; padding:35px 30px 0; background:#e9efdf; }
.template-preview .resume-paper { box-shadow:0 20px 30px -20px #263b2a70; transition:transform .3s; }
.template-card:hover .resume-paper { transform:translateY(-7px); }
.template-caption { padding:22px 3px 28px; }
.template-caption h3 { font-size:24px; font-weight:650; }
.template-caption .pill { border-radius:6px; border-color:#d4dfc8; padding:6px 9px; font-size:9px; }
.template-open { opacity:1; border-radius:9px; padding:11px 17px; font-size:11px; bottom:21px; background:#183e2f; color:#fff; }
.template-toolbar { margin-bottom:24px; }
.template-detail-v2 { gap:80px; padding-block:42px 65px; }
.template-detail-v2>div { min-width:0; }
.template-detail-v2 .template-detail-copy h1 { font-size:90px; font-weight:600; line-height:1.04; }
.template-detail-v2 h1>span { font-size:41px; font-weight:500; }
.template-studio { border:1px solid #d9e3cf; background:#e9efdf; border-radius:22px; }
.template-studio .template-large { background:#e9efdf; padding:45px; }
.template-studio .template-display-note { background:transparent; border-color:#d3dfc7; padding:20px 28px; font-size:9px; }
.template-benefits>span { border-radius:6px; font-size:10px; background:#eff4e7; }
.template-design-story dl>div { border-color:#dbe4d1; }
.editor-workflow { border:1px solid #d9e4ce; border-radius:12px; background:#edf3e4; padding:18px 22px; }
.editor-fields { background:#fff; border:1px solid #d5e0cb; border-radius:18px; padding:30px; }
.editor-fields input,.editor-fields textarea { border-color:#cad9bc; border-radius:8px; background:#fbfcf8; font-size:16px; }
.editor-preview { border:1px solid #d7e1cd; border-radius:18px; background:#eaf0e1; }
.tool-intro { grid-template-columns:1.3fr .8fr; align-items:center; gap:70px; }
.tool-intro h1 { font-size:clamp(42px,4.4vw,60px); font-weight:600; line-height:1.08; }
.tool-intro .visual-hero { max-height:370px; overflow:hidden; }
.tool-intro .photo-hero-image { height:300px; border-radius:19px 60px 19px 19px; }
.tool-intro .revision-scene.visual-hero { max-height:none; padding:21px; }
.tool-intro .revision-card { padding:17px; margin-top:15px; }
.tool-intro .revision-card p { font-size:18px; line-height:1.55; }
.tool-intro .scene-note { margin-top:10px; font-size:8px; }
.tool-intro .tool-preview-scene { width:100%; height:auto; max-height:none; overflow:visible; border-radius:19px; border:1px solid #d3e0c7; background:#edf3e5; padding:23px; color:#21412b; }
.preview-window-bar { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:9px; font-weight:800; letter-spacing:.08em; padding-bottom:18px; border-bottom:1px solid #d3dfc8; }
.preview-window-bar>span:last-child { font-size:23px; line-height:1; font-weight:500; }
.word-preview-source { padding-top:22px; }
.word-preview-source>small,.word-preview-draft>small { font-size:8px; font-weight:750; letter-spacing:.07em; color:#637e50; }
.preview-terms { display:flex; flex-wrap:wrap; gap:7px; margin-top:11px; }
.preview-terms>span { padding:6px 8px; border:1px solid #c8d9b6; background:#fff; font-size:9px; border-radius:6px; color:#466336; }
.preview-terms>span:last-child { background:#f4efd9; border-color:#dfd7b6; color:#6f6536; }
.word-preview-draft { background:#fff; border:1px solid #d6e2cb; padding:19px; border-radius:11px; margin-top:23px; box-shadow:0 8px 20px -15px #17351e44; }
.word-preview-draft p { font-size:12px; line-height:1.9; margin:10px 0 0; }
.word-preview-draft mark { background:#e8f4d4; color:#35552b; padding:2px; }
.word-preview-note { padding:20px 0 0; }
.word-preview-note>b { font-size:12px; }
.word-preview-note p { font-size:10px; line-height:1.8; margin:5px 0 0; color:#5d7350; }
.preview-disclaimer { display:block; font-size:8px; line-height:1.7; color:#617452; margin-top:20px; }
.check-preview-file { display:flex; align-items:center; gap:14px; padding:24px 0; }
.check-preview-file>span { width:39px; height:47px; border-radius:6px 15px 6px 6px; background:#d2edac; font-size:9px; font-weight:800; display:grid; place-items:center; }
.check-preview-file strong { display:block; font-size:25px; font-weight:650; letter-spacing:-.045em; }
.check-preview-file small { display:block; font-size:10px; margin-top:3px; color:#647955; }
.check-preview-rows { background:#fff; border:1px solid #d9e3ce; border-radius:10px; padding:1px 15px; }
.check-preview-rows>div { display:flex; align-items:center; gap:12px; border-bottom:1px solid #e4eadc; padding:13px 0; font-size:10px; }
.check-preview-rows>div:last-child { border:0; }
.check-preview-rows i { font-style:normal; width:20px; height:20px; background:#eaf3dd; border-radius:5px; display:grid; place-items:center; color:#55783c; }
.tool-intro .story-preview { background:#173c2f; color:#fff; border-color:#173c2f; }
.story-preview .preview-window-bar { color:#d2e8ad; border-color:#466346; }
.story-preview-track { display:grid; gap:9px; margin-top:22px; }
.story-preview-track>div { display:flex; align-items:center; gap:14px; border:1px solid #547049; background:#224936; border-radius:8px; padding:11px 14px; }
.story-preview-track>div>span { display:grid; place-items:center; width:31px; height:32px; font-size:21px; font-weight:650; color:#d5f797; }
.story-preview-track p { margin:0; }
.story-preview-track b { display:block; font-size:11px; font-weight:650; }
.story-preview-track small { display:block; font-size:9px; color:#bfd0aa; margin-top:2px; }
.story-preview-note { font-size:20px; font-weight:500; letter-spacing:-.035em; line-height:1.4; margin-top:22px; }
.story-preview-note strong { font-weight:550; color:#c7eb8c; }
.tool-page .privacy-note { background:#eaf2df; border:1px solid #d8e5cb; border-radius:9px; font-size:11px; padding:15px 20px; }
.tool-workspace { margin-top:32px; padding:0; border:1px solid #d1dfc3; background:#fff; border-radius:18px; box-shadow:0 18px 48px -30px #24432440; overflow:hidden; }
.workspace-bar { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:18px 28px; background:#eaf1df; border-bottom:1px solid #d5e2c8; font-size:10px; color:#4f6d3e; }
.workspace-bar>span:first-child { display:flex; align-items:center; gap:8px; font-weight:800; letter-spacing:.08em; font-size:9px; }
.workspace-bar i { width:6px; height:6px; border-radius:50%; background:#598944; }
.tool-workspace .tool-form { padding:32px; border:0; border-radius:0; background:#fff; box-shadow:none; }
.tool-workspace .tool-form label { font-size:12px; color:#2b4930; }
.tool-workspace .tool-form input,.tool-workspace .tool-form textarea,.tool-workspace .tool-form select,.workshop-form .tool-form input,.workshop-form .tool-form textarea,.workshop-form .tool-form select { background:#fbfcf8; border:1px solid #cad9bd; border-radius:8px; padding:14px; font-size:16px; transition:border-color .2s,box-shadow .2s; }
.tool-form :is(input,textarea,select):focus { border-color:#6b984c; box-shadow:0 0 0 4px #b6d89324; }
.tool-workspace .tool-output { margin:0 24px 24px; border:1px solid #c7dbaf; border-radius:13px; background:#f0f7e5; padding:27px; }
.draft-result { font-size:25px; line-height:1.6; letter-spacing:-.025em; }
.tool-grid.tools-hub { gap:24px; }
.tool-card,.tools-hub .tool-card { border:1px solid #dce5d2; border-radius:20px; background:#fff; padding:32px; position:relative; }
.tool-card:after { content:'↗'; position:absolute; top:28px; right:28px; width:38px; height:38px; border:1px solid #d9e3d0; border-radius:50%; display:grid; place-items:center; font-size:21px; }
.tool-card:nth-child(2),.tool-card:nth-child(3) { background:#eaf1df; }
.tools-hub .tool-card h3 { font-size:31px; font-weight:600; max-width:400px; letter-spacing:-.045em; }
.tool-card .tool-icon { background:#183e2e; color:#d5fa86; border-radius:11px; width:52px; height:52px; font-size:26px; }
.tool-card>p:not(.eyebrow) { font-size:15px; color:#5a6e50; }
.checklist-summary { background:#eaf1df; border:0; border-bottom:1px solid #d9e4cd; border-radius:0; }
.checklist-form { border:0; background:#fff; padding:10px 32px 30px; }
.checklist-item { padding-block:20px; border-color:#dfe7d6; }
.checklist-item strong { font-size:15px; }
.checklist-item>span { font-size:13px; }
.tool-reference { gap:70px; }

/* Long-form supporting pages, decisions, questions and a shared closing. */
.step-grid>article,.detail-card-grid>article { border:1px solid #d6e1cb; border-radius:17px; background:#fff; padding:29px; box-shadow:none; }
.step-grid>article:nth-child(2) { background:#eaf1df; }
.step-grid h3,.detail-card-grid h3 { font-size:26px; font-weight:600; line-height:1.2; }
.step-grid p,.detail-card-grid p { font-size:15px; line-height:1.85; color:#52664a; }
.case-comparison>div { border-radius:17px; }
.case-comparison>div:first-child { background:#f0f3e9; }
.case-comparison>div:last-child { background:#173c2d; }
.case-comparison p { font-size:24px; line-height:1.65; }
.deep-case-stages { gap:24px; }
.deep-case-stages>article { border-top:2px solid #afc891; padding-top:21px; }
.deep-case-stages h4 { font-size:24px; font-weight:650; }
.deep-comparison { border-radius:18px; padding:32px; }
.deep-comparison-grid blockquote { font-size:26px; letter-spacing:-.025em; }
.resource-review { border:1px solid #d6e1c9; border-radius:14px; }
.practice-mark { border-radius:17px; background:#183e2f; }
.info-hero { padding-block:42px 60px; gap:70px; }
.info-intro-card { border:1px solid #d4e1c6; border-radius:24px 80px 24px 24px; background:#eaf1df; padding:42px; }
.info-content>section { padding-top:31px; border-top:1px solid var(--line); margin-block:36px; }
.info-content h2 { font-size:34px; font-weight:600; line-height:1.2; }
.info-content p { font-size:17px; line-height:1.95; }
.info-links { border:1px solid #d8e3cd; background:#eaf1df; border-radius:16px; }
.info-collection-links>a { border-radius:10px; border-color:#d3dfc5; }
.product-feature h2 { font-size:48px; font-weight:600; }
.product-letter,.product-workspace { border-radius:19px; }
.sitemap-columns>section { background:#fff; border:1px solid #d8e2ce; padding:28px; border-radius:16px; }
.faq-block>h2 { font-size:clamp(32px,3.6vw,49px); font-weight:600; }
.faqs { display:grid; gap:10px; }
.faqs details { background:#f4f7ee; border:1px solid #dce5d2; border-radius:12px; padding:0 22px; }
.faqs details[open] { background:#fff; border-color:#b8cf9f; }
.faqs summary { font-size:16px; font-weight:650; padding:21px 0; line-height:1.6; gap:18px; }
.faqs summary>span { background:#e5eed8; width:28px; height:28px; flex:0 0 28px; border-radius:50%; font-size:19px; display:grid; place-items:center; line-height:1; }
.faqs details>div { padding:0 0 22px; }
.faqs p { font-size:16px; line-height:1.85; }
.site-footer { margin:0; border:0; background:#123528; color:#fff; padding:70px 0 0; }
.footer-outro { display:flex; align-items:center; justify-content:space-between; gap:35px; padding-bottom:65px; margin-bottom:55px; border-bottom:1px solid #46634c; }
.footer-outro .eyebrow { color:#b9d692; font-size:9px; margin-bottom:20px; }
.footer-display { font-size:clamp(50px,7vw,94px); line-height:1.05; letter-spacing:-.065em; font-weight:550; margin:0; }
.footer-display>span { color:#d1f392; }
.footer-next { display:flex; flex-direction:column; align-items:center; gap:20px; font-size:11px; color:#d7e3ce; text-decoration:none; }
.footer-next-arrow { width:90px; height:90px; display:grid; place-items:center; border:1px solid #6f8b5e; border-radius:50%; font-size:48px; color:#d4f89b; transition:background .2s,transform .2s; }
.footer-next:hover .footer-next-arrow { background:#2b523b; transform:rotate(10deg); }
.site-footer .logo { color:#fff; }
.site-footer .logo-mark { background:#c9f58d; color:#163b2b; }
.footer-intro>p { color:#bfd0b3; font-size:13px; }
.footer-note { color:#a8c196; font-size:10px; }
.site-footer .footer-main>div>h2 { color:#e8f0df; font-size:11px; font-weight:750; }
.site-footer .footer-main>div>a:not(.logo) { color:#c1d2b4; font-size:12px; padding-block:5px; }
.site-footer .footer-main>div>a:hover { color:#fff; }
.footer-bottom { border-color:#3d5a41; color:#b3c7a4; margin-top:50px; font-size:10px; }

@media (min-width:1440px) {
 .studio-masthead .masthead-image { height:520px; }
 .studio-masthead { min-height:610px; }
}
@media (max-width:1100px) {
 .hero-profile-card { margin-top:118px; padding:23px 25px 17px; width:calc(100% - 14px); margin-left:2px; margin-right:12px; }
 .profile-card-identity { grid-template-columns:minmax(0,1fr) 88px; gap:13px; }
 .profile-card-name { font-size:34px; }
 .profile-card-portrait { width:88px; height:110px; }
 #main-nav { gap:17px; }
 .logo-word { font-size:18px; }
 .home-hero .hero-layout { gap:30px; }
 .home-hero .hero-copy h1 { font-size:80px; }
 .studio-masthead { min-height:570px; }
 .subpage-hero,.guide-hero,.tool-intro { gap:40px; }
 .subpage-hero .page-heading h1 { font-size:50px; }
 .guide-intro>h1 { font-size:48px; }
 .guide-hero .photo-hero-image { height:390px; }
 .guide-summary,.profile-takeaways .guide-summary { grid-template-columns:1fr; gap:25px; }
 .summary-heading { display:flex; align-items:center; gap:30px; justify-content:space-between; }
 .guide-summary h2 { max-width:none; margin:0; font-size:27px; }
 .guide-summary li:first-child { border-left:0; padding-left:0; }
 .guide-v2 .article-layout { grid-template-columns:200px minmax(0,1fr); gap:45px; }
 .featured-starts .featured-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .featured-starts .article-card:first-child .card-copy h3 { font-size:25px; }
 .card-copy,.featured-starts .card-copy,.resource-collection .card-copy { padding:21px; }
 .template-detail-v2 { gap:45px; }
 .template-detail-v2 .template-detail-copy h1 { font-size:72px; }
 .template-studio .template-large { padding:30px; }
 .footer-main { gap:30px; }
}
@media (max-width:900px) {
 .hero-profile-card { margin-top:94px; padding:21px 22px 15px; width:calc(100% - 10px); margin-bottom:42px; }
 .profile-card-identity { grid-template-columns:minmax(0,1fr) 74px; gap:12px; padding-block:24px; }
 .profile-card-name { font-size:29px; }
 .profile-card-portrait { width:74px; height:93px; border-bottom-right-radius:21px; }
 .profile-card-role { font-size:11px; }
 .profile-card-meta { font-size:7px; }
 .profile-card-experience { padding-top:20px; }
 .profile-card-experience>p { font-size:11px; }
 .profile-card-skills { gap:5px; padding-block:17px 20px; }
 .profile-card-skills>span { padding:5px 7px; }
 :root { --header-height:74px; }
 #main-nav { top:var(--header-height); background:var(--paper); border-bottom:1px solid #d8e3cd; box-shadow:0 25px 35px #183e2412; }
 #main-nav>a { font-size:16px; padding:13px 0; }
 #main-nav>a[aria-current]:after { display:none; }
 #main-nav .nav-app { padding:15px; }
 .home-hero .hero-layout { grid-template-columns:1fr 1fr; padding-block:40px; gap:24px; }
 .home-hero .hero-copy h1 { font-size:67px; }
 .home-hero .hero-label { font-size:8px; margin-bottom:25px; }
 .home-hero .hero-description { font-size:15px; }
 .home-hero .hero-actions { gap:15px; flex-wrap:wrap; }
 .hero-benefits { font-size:9px; gap:11px; }
 .studio-masthead { min-height:530px; }
 .studio-masthead .masthead-image { width:85%; height:425px; border-top-left-radius:110px; }
 .masthead-orbit { width:48px; height:48px; font-size:29px; right:18px; top:25px; }
 .studio-masthead .masthead-caption { display:block; }
 .studio-masthead .masthead-caption>span { display:block; margin:0 0 4px; }
 .home-chapters>.wrap { justify-content:flex-start; overflow:auto; }
 .home-chapters .chapter-caption { display:none; }
 .blueprint-layout { grid-template-columns:1fr; gap:35px; }
 .blueprint-document { max-width:620px; margin-inline:auto; }
 .blueprint-notes { grid-template-columns:1fr 1fr; }
 .blueprint-notes article { gap:13px; }
 .blueprint-notes article:last-child { grid-column:1/-1; }
 .subpage-hero,.guide-hero,.info-hero { grid-template-columns:1fr; gap:32px; padding-block:35px 45px; }
 .subpage-hero .page-heading { max-width:760px; }
 .subpage-hero .page-heading h1,.info-hero h1 { max-width:750px; font-size:57px; }
 .subpage-hero .page-heading .dek,.subpage-hero .dek { max-width:650px; }
 .subpage-hero .visual-hero,.info-hero .visual-hero,.guide-hero .visual-hero { width:100%; max-width:760px; margin-inline:auto; }
 .subpage-hero .photo-hero-image,.guide-hero .photo-hero-image { height:375px; }
 .document-scene.visual-hero { max-width:580px; }
 .guide-intro>h1 { font-size:54px; max-width:760px; }
 .guide-v2 .article-layout { display:block; margin-top:35px; }
 .guide-v2 .article-sidebar { display:none; }
 .guide-v2 .article-body { max-width:760px; margin-inline:auto; }
 .guide-mobile-toc { margin-top:24px; }
 .guide-mobile-toc details { background:#fff; border:1px solid #d8e3cc; border-radius:12px; }
 .guide-mobile-toc summary { padding:18px 22px; }
 .featured-starts .featured-grid { grid-template-columns:1fr 1fr; }
 .featured-starts .article-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; }
 .featured-starts .article-card:first-child .card-art { height:100%; min-height:290px; }
 .featured-starts .article-card:first-child .card-copy { padding:29px; }
 .library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tool-intro { grid-template-columns:1.1fr .8fr; gap:30px; }
 .tool-intro h1 { font-size:43px; }
 .tool-intro .dek { font-size:16px; }
 .tool-intro .revision-card p { font-size:15px; }
 .tool-intro .revision-tags { gap:4px; }
 .tool-intro .revision-tags>span { font-size:6px; }
 .template-detail-v2 .template-detail-copy h1 { font-size:65px; }
 .template-detail-v2 h1>span { font-size:32px; }
 .career-route-card { padding-inline:23px; }
 .career-route-card>img { width:calc(100% + 46px); margin-left:-23px; }
 .career-route-card h3 { font-size:27px; }
 .footer-display { font-size:66px; }
 .footer-next-arrow { width:70px; height:70px; font-size:38px; }
}
@media (max-width:700px) {
 :root { --gutter:22px; --header-height:70px; }
 .logo-word { font-size:19px; }
 .logo-mark { width:31px; height:33px; font-size:28px; }
 .menu-toggle { width:42px; height:42px; border-radius:9px; background:#f0f5e7; border-color:#d8e3ce; }
 .home-hero .hero-layout { grid-template-columns:1fr; padding:35px var(--gutter) 30px; gap:23px; }
 .home-hero .hero-copy { padding:0; max-width:540px; }
 .home-hero .hero-label { font-size:8px; margin-bottom:24px; }
 .home-hero .hero-copy h1 { font-size:clamp(60px,12.8vw,84px); letter-spacing:-.075em; line-height:.99; }
 .home-hero .hero-description { font-size:16px; margin-top:24px; max-width:440px; }
 .home-hero .hero-actions { margin-top:23px; gap:22px; }
 .home-hero .hero-actions .button { font-size:12px; min-height:51px; padding:13px 18px; }
 .hero-benefits { font-size:9px; margin-top:21px; }
 .studio-masthead { min-height:475px; max-width:520px; width:100%; margin:0 auto; padding-bottom:35px; }
 .studio-masthead .masthead-image { width:85%; height:370px; top:0; border-radius:105px 17px 17px 17px; }
 .studio-masthead .masthead-caption { display:flex; align-items:center; padding-top:13px; bottom:0; }
 .studio-masthead .masthead-caption>span:first-child { font-size:8px; }
 .studio-masthead .masthead-caption>span:last-child { font-size:7px; }
 .home-chapters>.wrap { padding-block:10px; gap:5px; }
 .home-chapters a { font-size:10px; padding:10px 11px; }
 .section,.home-depth { padding-block:62px; }
 .section-head { align-items:start; gap:20px; }
 .section-head h2,.editorial-head h2,.deep-dive-heading h2,.resource-practice-heading h2 { font-size:35px; }
 .depth-heading h2,.workshop-heading h2 { font-size:37px; }
 .depth-heading>p:not(.eyebrow),.depth-copy>p { font-size:16px; }
 .blueprint-document { padding:18px; border-radius:16px; }
 .blueprint-paper .resume-paper { font-size:10px; padding:23px; }
 .blueprint-notes { grid-template-columns:1fr; gap:24px; }
 .blueprint-notes article { grid-template-columns:24px 1fr; gap:12px; padding-bottom:24px; }
 .blueprint-notes h3 { font-size:24px; }
 .blueprint-notes p { font-size:16px; }
 .depth-steps { grid-template-columns:1fr; gap:17px; }
 .depth-step { padding:22px; grid-template-columns:23px 1fr; gap:10px; }
 .depth-step h3 { font-size:23px; }
 .depth-step p { font-size:15px; }
 .depth-step .step-example { padding:17px; }
 .comparison-panel { padding:26px; border-radius:14px; }
 .comparison-panel>p { font-size:24px; }
 .workshop-form .tool-form { padding:23px; }
 .career-route-grid { grid-template-columns:1fr; gap:24px; }
 .career-route-card { padding:0 23px 25px; border-radius:16px; }
 .career-route-card>img { border-radius:0; aspect-ratio:1.7; }
 .career-route-card h3 { font-size:28px; }
 .home-depth .career-route-card p { font-size:15px; }
 .subpage-hero,.guide-hero,.info-hero { padding-block:27px 38px; gap:28px; }
 .subpage-hero .page-heading h1,.info-hero h1 { font-size:42px; line-height:1.09; margin-block:19px; }
 .subpage-hero .page-heading .dek,.subpage-hero .dek,.info-hero .dek { font-size:16px; line-height:1.8; }
 .subpage-proof { gap:12px; flex-wrap:wrap; margin-top:22px; padding-top:17px; font-size:9px; }
 .subpage-proof strong { font-size:18px; }
 .subpage-hero .hero-actions { gap:18px; }
 .subpage-hero .hero-actions .button { font-size:12px; }
 .subpage-hero .hero-actions .text-link { font-size:11px; }
 .subpage-hero .photo-hero-image,.guide-hero .photo-hero-image,.photo-hero-image { height:290px; border-radius:17px 50px 17px 17px; }
 .photo-hero figcaption { display:block; padding-top:12px; }
 .photo-hero figcaption>strong,.guide-hero .photo-hero figcaption>strong { font-size:12px; }
 .photo-hero .photo-disclosure { margin-top:5px; font-size:8px; }
 .document-scene.visual-hero { padding:23px 18px; border-radius:17px; }
 .document-scene>.specimen-paper { width:94%; }
 .document-scene .document-callout { margin-top:10px; }
 .document-scene .callout-one { margin-top:23px; }
 .jump-nav { gap:10px 19px; padding:15px 0; }
 .jump-nav>a { font-size:10px; }
 .jump-nav>span { font-size:8px; }
 .featured-starts .featured-grid,.library-grid { grid-template-columns:1fr; gap:21px; }
 .featured-starts .article-card:first-child { display:block; grid-column:auto; }
 .featured-starts .article-card:first-child .card-art { height:235px; min-height:0; }
 .article-card .card-art { height:225px; }
 .card-copy,.featured-starts .card-copy,.featured-starts .article-card:first-child .card-copy,.resource-collection .card-copy { padding:24px; }
 .card-copy h3,.resource-collection .card-copy h3,.featured-starts .card-copy h3,.featured-starts .article-card:first-child .card-copy h3 { font-size:26px; }
 .card-copy>p,.resource-collection .card-copy>p,.featured-starts .card-copy>p { font-size:15px; }
 .resource-collection .library-bar { padding:7px 13px; border-radius:10px; }
 .result-count { font-size:10px; }
 .filter { font-size:10px; padding:10px 13px; border-radius:7px; }
 .role-library-card .role-card-top { padding:22px 24px 0; }
 .role-library-card .card-copy { padding-top:11px; }
 .guide-intro>h1 { font-size:40px; line-height:1.09; }
 .guide-intro>.dek { font-size:16px; line-height:1.85; }
 .guide-byline { padding-top:21px; margin-top:23px; }
 .guide-byline>div>a { font-size:11px; }
 .guide-byline>div>span { font-size:9px; }
 .guide-summary,.profile-takeaways .guide-summary { display:block; padding:25px; border-radius:16px; }
 .summary-heading { display:block; }
 .guide-summary h2 { font-size:28px; margin:12px 0 23px; }
 .guide-summary ol { display:block; }
 .guide-summary li,.guide-summary li:first-child { display:grid; grid-template-columns:25px 1fr; gap:15px; border-left:0; border-top:1px solid #d0ddc0; padding:18px 0 0; margin-top:18px; }
 .guide-summary li>span { font-size:17px; margin:0; }
 .guide-summary li p { font-size:14px; }
 .guide-v2 .article-section { padding-top:34px; margin-top:28px; }
 .article-section-heading { gap:12px; }
 .article-section-heading>span { height:27px; flex-basis:27px; font-size:9px; border-radius:6px; }
 .guide-v2 .article-section h2 { font-size:30px; line-height:1.2; }
 .guide-v2 .article-section p { font-size:16px; line-height:1.95; margin-block:23px; }
 .guide-v2 .worked-example { padding:20px; border-radius:13px; }
 .example-pair>div { padding:20px; }
 .guide-v2 .worked-example .example-pair p,.guide-v2 .worked-example>p { font-size:15px; }
 .article-context-photo>img { aspect-ratio:1.35; }
 .practice-sheet { padding:24px; }
 .practice-sheet h2 { font-size:30px; }
 .article-next { padding:28px; }
 .article-next h2 { font-size:32px; }
 .table-scroll th,.table-scroll td { padding:15px; font-size:12px; }
 .sample-section>h2 { font-size:31px; }
 .example-resume-wrap { padding:18px; border-radius:14px; }
 .template-detail-v2 { grid-template-columns:1fr; gap:30px; padding-block:30px 45px; }
 .template-detail-v2 .template-detail-copy h1 { font-size:clamp(48px,15vw,68px); }
 .template-detail-v2 h1>span { font-size:33px; }
 .template-detail-v2 .dek { font-size:16px; }
 .template-studio .template-large { padding:24px; }
 .template-studio .template-display-note { padding:17px; font-size:8px; }
 .template-preview { border-radius:15px; }
 .template-caption { padding:20px 2px; }
 .template-grid { gap:25px; }
 .editor-workflow { padding:15px; }
 .editor-fields { padding:23px; }
 .tool-intro { grid-template-columns:1fr; gap:25px; }
 .tool-intro h1 { font-size:41px; }
 .tool-intro .visual-hero { max-width:540px; width:100%; }
 .tool-intro .revision-card p { font-size:22px; }
 .tool-intro .revision-tags>span { font-size:8px; }
 .tool-intro .photo-hero-image { height:255px; }
 .tool-page .privacy-note { font-size:10px; padding:13px 15px; }
 .workspace-bar { padding:16px 20px; font-size:8px; }
 .workspace-bar>span:first-child { font-size:8px; }
 .tool-workspace .tool-form { padding:23px; }
 .tool-workspace .tool-output { margin:0 15px 15px; padding:22px; }
 .draft-result { font-size:23px; }
 .tool-card,.tools-hub .tool-card { padding:27px; border-radius:16px; }
 .tools-hub .tool-card h3 { font-size:28px; }
 .checklist-form { padding:5px 21px 25px; }
 .checklist-item strong { font-size:14px; }
 .checklist-item>span { font-size:12px; }
 .step-grid>article,.detail-card-grid>article { padding:26px; border-radius:14px; }
 .step-grid h3,.detail-card-grid h3 { font-size:25px; }
 .info-intro-card { padding:30px; border-radius:18px 50px 18px 18px; }
 .info-content h2 { font-size:29px; }
 .info-content p { font-size:16px; }
 .faqs { gap:9px; }
 .faqs details { padding-inline:18px; border-radius:10px; }
 .faqs summary,.guide-v2 .faqs summary { font-size:15px; padding-block:20px; gap:12px; }
 .faqs summary>span { width:25px; height:25px; flex-basis:25px; font-size:18px; }
 .faqs p { font-size:15px; }
 .footer-outro { display:block; padding-bottom:40px; margin-bottom:40px; }
 .footer-display { font-size:58px; }
 .footer-next { flex-direction:row; margin-top:28px; justify-content:flex-start; gap:16px; font-size:10px; }
 .footer-next-arrow { width:47px; height:47px; font-size:29px; }
 .site-footer { padding-top:50px; }
 .footer-main { gap:30px; }
 .footer-bottom { font-size:10px; margin-top:35px; }
}
@media (max-width:380px) {
 :root { --gutter:19px; }
 .logo-word { font-size:17px; }
 .home-hero .hero-copy h1 { font-size:57px; }
 .home-hero .hero-label { font-size:7px; }
 .studio-masthead { min-height:495px; }
 .studio-masthead .masthead-caption>span:last-child { font-size:6px; }
 .subpage-hero .page-heading h1,.guide-intro>h1,.info-hero h1,.tool-intro h1 { font-size:36px; }
 .guide-summary,.profile-takeaways .guide-summary { padding:22px; }
 .workspace-bar { align-items:flex-start; }
 .workspace-bar>span:last-child { max-width:95px; text-align:right; }
 .tool-workspace .tool-form { padding:20px; }
 .footer-display { font-size:50px; }
}
@media (prefers-reduced-motion:reduce) {
 *,*:before,*:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 .article-card:hover,.template-card:hover .resume-paper,.footer-next:hover .footer-next-arrow { transform:none; }
}
}

/* Keep sample correspondence distinct from the explanation around it. */
.guide-v2 .worked-example .example-subject { padding-bottom:16px; border-bottom:1px solid #d4dfc6; color:#193f2f; }
.guide-v2 .example-reasoning { border-left:2px solid #abc67a; padding-left:22px; margin-block:26px 34px; }
.guide-v2 .example-reasoning h3 { font-size:17px; letter-spacing:-.02em; }
.guide-v2 .example-reasoning p { font-size:15px; line-height:1.85; margin-block:12px; }
.guide-v2 .worked-example p { overflow-wrap:anywhere; }

/* Original Apple artwork: keep the aspect ratio, black fill and clear space. */
@media screen {
.app-store-badge {
 --badge-height:52px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 flex:0 0 auto;
 width:max-content;
 max-width:100%;
 padding:calc(var(--badge-height) / 4);
 border:0;
 border-radius:8px;
 background:transparent;
 line-height:1;
 text-decoration:none;
 box-shadow:none;
 transform:none;
 transition:none;
}
.app-store-badge img {
 display:block;
 width:auto;
 height:var(--badge-height);
 max-width:none;
 border:0;
 border-radius:0;
 object-fit:contain;
 box-shadow:none;
 transform:none;
}
.app-store-badge:hover { background:transparent; box-shadow:none; transform:none; }
.app-store-badge:focus-visible { outline:3px solid #72a34d; outline-offset:2px; }
.app-store-badge--compact { --badge-height:40px; }
#main-nav>.app-store-badge { padding:10px; border:0; margin:0; min-height:60px; }
.reading-break>.app-store-badge { padding:10px; border:0; margin:0; background:transparent; color:inherit; }
.reading-break .app-store-badge img { width:auto; height:40px; flex:none; }
.footer-download { display:flex; flex-direction:column; align-items:flex-start; gap:8px; color:#d7e3ce; font-size:13px; }
.app-banner>.app-symbol { flex-shrink:0; }
.app-banner>div:last-child { flex-shrink:0; }
.app-banner .fineprint { display:block; max-width:220px; text-align:center; }
.info-links>.app-store-badge { flex:none; }
@media(max-width:600px) {
 .app-store-badge { --badge-height:48px; }
 .app-store-badge--compact { --badge-height:40px; }
 .home-hero .hero-actions { gap:10px; }
 .footer-download { margin-top:20px; }
 .reading-break { flex-wrap:wrap; }
 .reading-break>div { flex:1; min-width:150px; }
 .reading-break>.app-store-badge { margin-left:52px; }
}
}
@media print { .app-store-badge { display:none!important; } }

/* The app download is the primary action in every page introduction. */
@media screen {
 .app-entry { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; margin-top:26px; }
 .app-entry .app-store-badge { --badge-height:60px; margin-left:-15px; }
 .app-entry-copy { max-width:180px; color:#526657; font-size:13px; font-weight:600; line-height:1.65; }
 .home-hero .app-entry { margin-top:28px; }
 .guide-intro .app-entry { margin-top:21px; }
 .guide-intro .guide-byline { margin-top:18px; padding-top:20px; }
 .resource-collection>.subpage-proof, #template-collection>.subpage-proof, #choose-tool>.subpage-proof { border:0; padding:0; margin:0 0 24px; }
 .template-browser-actions { margin-top:38px; padding-top:30px; border-top:1px solid var(--line); }
 .template-browser-actions .download-link { display:inline-flex; margin:16px 0 16px 24px; }
 .template-browser-actions .fineprint { margin-top:18px; }
 .not-found .app-entry { justify-content:center; }
 @media(max-width:600px) {
  .app-entry { gap:6px 14px; margin-top:22px; }
  .app-entry .app-store-badge { --badge-height:52px; margin-left:-13px; }
  .app-entry-copy { flex:1 1 120px; max-width:155px; font-size:12px; }
  .home-hero .app-entry { margin-top:23px; }
  .template-browser-actions .download-link { display:flex; margin:22px 0; }
 }
}
@media print { .app-entry,.template-browser-actions { display:none!important; } }

/* Show the product itself, then keep the download available through the reading journey. */
@media screen {
 .product-proof { border-top:1px solid var(--line); }
 .product-proof-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:36px; margin-bottom:36px; }
 .product-proof-heading h2 { font-size:clamp(34px,4.1vw,56px); line-height:1.08; max-width:700px; }
 .product-proof-heading p:not(.eyebrow) { color:var(--muted); max-width:600px; margin-top:20px; font-size:16px; line-height:1.8; }
 .product-proof-download { flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:6px; }
 .product-proof-download>span { color:#526657; font-size:12px; }
 .product-proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
 .product-proof-grid:focus-visible { outline:2px solid #72a34d; outline-offset:6px; }
 .product-proof-grid figure { margin:0; min-width:0; }
 .product-proof-screen { background:#eef2e8; border:1px solid #e0e7d9; border-radius:24px; padding:24px; }
 .product-proof-grid figure:nth-child(2) .product-proof-screen { background:#f1ede9; border-color:#e6ded7; }
 .product-proof-grid figure:nth-child(3) .product-proof-screen { background:#e9f0ef; border-color:#d7e3e0; }
 .product-proof-screen img { display:block; width:100%; max-width:250px; height:auto; margin-inline:auto; border:1px solid #dce1e7; border-radius:18px; box-shadow:0 16px 35px -20px #16372d55; }
 .product-proof-grid figcaption { padding-top:24px; }
 .product-proof-grid figcaption>span { font-size:10px; font-weight:750; letter-spacing:.12em; color:#5c7c55; }
 .product-proof-grid h3 { margin:12px 0; font-size:22px; line-height:1.25; letter-spacing:-.035em; }
 .product-proof-grid figcaption p { font-size:15px; line-height:1.8; color:var(--muted); }
 .product-proof-caption { margin:24px 0 0; color:#667461; font-size:11px; }
 .product-proof-swipe { display:none; }
 .article-next>.app-store-badge { margin:12px 0 0 -13px; }
 .reader-note .app-store-badge { margin-top:12px; padding:10px; border:0; color:inherit; }
 .reader-note .app-store-badge img { height:40px; width:auto; }
 .mobile-app-dock { display:none; }
 @media(max-width:900px) {
  .product-proof-heading { align-items:flex-start; }
  .product-proof-grid { gap:16px; }
  .product-proof-screen { padding:14px; border-radius:18px; }
  .product-proof-screen img { border-radius:12px; }
  .product-proof-grid h3 { font-size:19px; }
  .product-proof-grid figcaption p { font-size:14px; }
  .mobile-app-dock:not([hidden]) { position:fixed; z-index:80; bottom:0; left:0; right:0; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; padding:5px max(16px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); border-top:1px solid #dbe4d5; background:#fcfdfbf7; backdrop-filter:blur(16px); box-shadow:0 -8px 30px -20px #173d2b55; }
  .mobile-app-dock .dock-icon { border-radius:8px; width:34px; height:34px; }
  .dock-copy strong,.dock-copy span { display:block; }
  .dock-copy strong { font-size:15px; letter-spacing:-.03em; }
  .dock-copy span { font-size:10px; line-height:1.5; color:#526657; }
  .mobile-app-dock .app-store-badge { --badge-height:40px; }
  .menu-open .mobile-app-dock { display:none; }
  html { scroll-padding-bottom:90px; }
  .toast { bottom:95px; }
 }
 @media(max-width:600px) {
  .product-proof-heading { display:block; margin-bottom:24px; }
  .product-proof-heading h2 { font-size:36px; }
  .product-proof-heading p:not(.eyebrow) { font-size:15px; }
  .product-proof-download { align-items:flex-start; margin-top:22px; }
  .product-proof-download .app-store-badge { margin-left:-12px; }
  .product-proof-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:88%; overflow-x:auto; scroll-snap-type:x mandatory; gap:16px; padding:4px 0 12px; }
  .product-proof-grid figure { scroll-snap-align:start; }
  .product-proof-screen img { max-width:230px; }
  .product-proof-grid figcaption { padding:20px 4px 0; }
  .product-proof-grid h3 { font-size:23px; }
  .product-proof-grid figcaption p { font-size:15px; }
  .product-proof-swipe { display:block; margin-top:10px; font-size:11px; color:#5c7056; }
 }
}
@media print { .mobile-app-dock { display:none!important; } }

@media screen and (max-width:600px) {
 .hero-profile-card { width:calc(100% - 24px); max-width:400px; margin:84px 18px 34px 6px; padding:24px 25px 17px; }
 .profile-card-identity { grid-template-columns:minmax(0,1fr) 88px; padding-block:25px; gap:14px; }
 .profile-card-name { font-size:34px; }
 .profile-card-portrait { width:88px; height:110px; }
 .profile-card-meta { font-size:7px; }
 .profile-card-role { font-size:12px; }
 .profile-card-experience>p { font-size:12px; }
 .profile-card-skills { padding-block:19px 22px; }
 .profile-card-skills>span { padding:6px 8px; }
}
@media screen and (max-width:380px) {
 .hero-profile-card { width:calc(100% - 16px); margin-left:3px; margin-right:13px; padding:21px 19px 15px; }
 .profile-card-identity { grid-template-columns:minmax(0,1fr) 70px; gap:10px; }
 .profile-card-name { font-size:29px; }
 .profile-card-role { font-size:10px; }
 .profile-card-portrait { width:70px; height:88px; }
 .profile-card-meta { font-size:6px; }
 .profile-card-label { font-size:7px; }
 .profile-card-experience>p { font-size:11px; }
}

/* Standalone homepage lessons: examples remain real, selectable text. */
@media screen {
 .home-chapters>.wrap { justify-content:flex-start; overflow-x:auto; }
 .home-chapters a { flex:none; }
 .home-chapters .chapter-caption { flex:none; margin-right:10px; }
 .home-expansion { scroll-margin-top:44px; }
 .expansion-heading { max-width:850px; margin-bottom:48px; }
 .expansion-heading h2 { font-size:clamp(36px,4.3vw,59px); line-height:1.08; font-weight:600; margin:20px 0 24px; }
 .expansion-heading>p:last-child { font-size:18px; line-height:1.85; color:var(--muted); max-width:760px; }
 .home-expansion h3 { font-size:25px; font-weight:600; line-height:1.25; letter-spacing:-.035em; }
 .home-expansion p { line-height:1.85; }
 .expansion-fiction,.expansion-source { font-size:11px; color:#66725f; line-height:1.7; margin:22px 0 0; }
 .expansion-source a { text-underline-offset:4px; }
 .expansion-takeaway { max-width:920px; margin:34px 0 0; padding:24px 0 0 24px; border-top:1px solid #dbe4d2; border-left:3px solid #96b477; font-size:16px; color:#42573c; }
 .expansion-download { display:flex; align-items:center; justify-content:space-between; gap:35px; padding:30px 34px; background:#e8f1dc; border:1px solid #d7e4c9; border-radius:17px; margin-top:40px; }
 .expansion-download>div { display:flex; align-items:center; gap:19px; max-width:740px; }
 .expansion-download>div>img { flex:none; border-radius:10px; }
 .expansion-download h3 { font-size:23px; margin:0 0 6px; }
 .expansion-download p { font-size:14px; margin:0; color:#506648; }
 .expansion-download>.app-store-badge { flex:none; }
 .expansion-summaries { background:#f1f4ed; }
 .summary-framework { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:30px; padding:0; margin:0 0 45px; }
 .summary-framework li { display:flex; align-items:start; gap:14px; border-top:1px solid #cad8bf; padding-top:20px; }
 .summary-framework li>span { font-size:12px; font-weight:700; color:#527641; padding-top:3px; }
 .summary-framework h3 { font-size:18px; margin:0 0 9px; }
 .summary-framework p { font-size:14px; color:#5b6b54; margin:0; }
 .summary-examples { display:grid; gap:26px; }
 .summary-example { display:grid; grid-template-columns:1fr 1.15fr; border:1px solid #dbe3d4; border-radius:19px; overflow:hidden; background:#fff; }
 .summary-specimen { display:flex; flex-direction:column; padding:32px; background:#e5eddc; }
 .summary-specimen>span { font-size:9px; letter-spacing:.1em; font-weight:750; color:#527443; }
 .summary-specimen blockquote { margin:30px 0; font-size:25px; line-height:1.55; letter-spacing:-.025em; font-weight:500; }
 .summary-specimen>p { margin:auto 0 0; font-size:12px; color:#5b704f; }
 .summary-example:nth-child(2) .summary-specimen { background:#163e2f; color:#fff; }
 .summary-example:nth-child(2) .summary-specimen>span,.summary-example:nth-child(2) .summary-specimen>p { color:#c2d9ac; }
 .summary-example:nth-child(3) .summary-specimen { background:#f4f1e8; }
 .summary-reading { padding:32px; }
 .summary-reading h3 { margin:0 0 18px; }
 .summary-reading p { font-size:15px; color:#53624c; margin:0; }
 .summary-reading .summary-edit { margin-top:24px; padding-top:20px; border-top:1px solid #e2e8db; font-size:13px; }
 .summary-edit strong { color:#355534; }
 .tailoring-brief { display:grid; grid-template-columns:.8fr 1.2fr; gap:76px; margin-bottom:44px; }
 .brief-symbol { display:grid; place-items:center; width:66px; height:66px; background:#e9f3dc; color:#315f34; border-radius:18px; font-size:40px; margin-bottom:25px; }
 .tailoring-brief h3 { font-size:34px; max-width:350px; margin:0 0 20px; }
 .tailoring-brief>div>p { color:#53634d; font-size:16px; margin:0; }
 .vacancy-notes { border-top:1px solid #cfddc2; }
 .vacancy-notes article { padding:23px 0; border-bottom:1px solid #dce5d3; }
 .vacancy-notes article>span { font-size:9px; font-weight:700; letter-spacing:.08em; color:#628450; }
 .vacancy-notes h4 { font-size:20px; letter-spacing:-.025em; margin:10px 0 16px; line-height:1.4; }
 .vacancy-notes dl { margin:0; display:grid; gap:12px; }
 .vacancy-notes dl>div { display:grid; grid-template-columns:90px 1fr; gap:14px; }
 .vacancy-notes dt { font-size:11px; font-weight:700; padding-top:3px; color:#385d39; }
 .vacancy-notes dd { margin:0; font-size:14px; line-height:1.75; color:#596b50; }
 .tailoring-context { font-size:12px; padding:17px 22px; border:1px solid #d8e3ce; border-radius:10px; background:#f1f5eb; color:#536b46; }
 .resume-versions { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:28px; }
 .resume-versions>article { background:#f0f3ea; border:1px solid #dce4d4; border-radius:18px; padding:30px; min-width:0; }
 .resume-versions>article:nth-child(2) { background:#f5f2e9; border-color:#e6e0d3; }
 .version-heading>span { font-size:9px; font-weight:700; letter-spacing:.12em; color:#55783e; }
 .version-heading h3 { font-size:32px; margin:13px 0 15px; }
 .version-heading p { font-size:14px; color:#596b4f; margin:0 0 26px; }
 .version-document { min-height:335px; background:#fff; border:1px solid #dde2d8; padding:27px; border-radius:3px; box-shadow:0 12px 24px -20px #213f204f; }
 .version-document-label { display:block; font-size:8px; letter-spacing:.12em; color:#738468; padding-bottom:16px; border-bottom:1px solid #e1e8d9; }
 .version-document h4 { font-size:10px; text-transform:uppercase; letter-spacing:.1em; font-weight:700; margin:21px 0 8px; }
 .version-document p { font-size:14px; margin:0; line-height:1.85; color:#4b5e42; }
 .version-document-rule { height:2px; width:40px; background:#86a36a; margin-top:26px; }
 .version-reason h4 { font-size:15px; letter-spacing:-.015em; margin:28px 0 10px; }
 .version-reason p { font-size:14px; color:#56684b; margin:0; }
 .expansion-two-notes { display:grid; grid-template-columns:1fr 1fr; gap:42px; margin-top:36px; }
 .expansion-two-notes p { font-size:15px; color:#53634a; margin:0; }
 .expansion-skills { background:#153c2e; color:#f8fbf3; }
 .expansion-skills .eyebrow { color:#c9e49f; }
 .expansion-skills .expansion-heading>p:last-child { color:#c6d5ba; }
 .skill-evidence-list { border-top:1px solid #567349; }
 .skill-evidence-row { display:grid; grid-template-columns:.7fr 1fr 1.2fr; gap:38px; padding:32px 0; border-bottom:1px solid #496540; }
 .skill-name>span { color:#b4d480; font-size:12px; }
 .skill-name h3 { font-size:25px; margin:14px 0 0; }
 .skill-evidence>span,.skill-review>span { font-size:9px; letter-spacing:.08em; color:#c6dfab; font-weight:700; }
 .skill-evidence p { color:#f1f7e9; font-size:18px; line-height:1.7; margin:15px 0 0; }
 .skill-review h4 { font-size:16px; font-weight:550; line-height:1.6; margin:15px 0 12px; }
 .skill-review p { color:#c0d1b2; font-size:14px; margin:0; }
 .expansion-skills .expansion-fiction { color:#aec697; }
 .skill-writing-notes { display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-top:50px; }
 .skill-writing-notes h3 { margin:0 0 19px; }
 .skill-writing-notes p { color:#c0d1b2; font-size:15px; margin:0; }
 .expansion-skills .expansion-takeaway { border-color:#688356; color:#e0edcf; }
 .project-story { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:start; }
 .project-sheet-scene { margin:0; padding:35px 25px 24px; border-radius:22px; background:#eaf0e2; }
 .project-sheet { background:#fff; padding:34px 30px; border:1px solid #d7dfd0; box-shadow:0 18px 26px -25px #25432d66; border-radius:3px; transform:rotate(-1.5deg); }
 .project-sheet-top { display:flex; justify-content:space-between; gap:12px; padding-bottom:21px; border-bottom:1px solid #dde6d4; font-size:8px; letter-spacing:.08em; color:#62824f; }
 .project-sheet-name { display:block; margin-top:26px; font-size:11px; color:#63755c; }
 .project-sheet h3 { font-size:31px; margin:12px 0 13px; }
 .project-sheet-setting { font-size:11px; color:#718166; margin:0; }
 .project-sheet ul { padding-left:16px; margin:25px 0; }
 .project-sheet li { font-size:14px; line-height:1.85; padding-left:5px; margin-bottom:15px; color:#425b36; }
 .project-sheet li::marker { color:#7e9e5e; }
 .project-sheet-output { border-top:1px solid #dce7d0; padding-top:21px; margin:0; font-size:12px; color:#526d42; }
 .project-sheet-scene figcaption { font-size:10px; color:#617452; line-height:1.7; margin:25px 6px 0; }
 .project-writing { display:grid; gap:30px; }
 .project-writing article { display:flex; align-items:start; gap:17px; }
 .project-writing article>span { font-size:11px; color:#78965c; font-weight:700; padding-top:5px; }
 .project-writing h3 { margin:0 0 15px; font-size:24px; }
 .project-writing p { font-size:15px; margin:0; color:#56674c; }
 .education-heading { margin-top:60px; max-width:850px; }
 .education-heading h3 { font-size:32px; margin:0 0 20px; }
 .education-heading p { font-size:16px; color:#54664a; }
 .education-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:33px; }
 .education-examples>article { padding-top:20px; border-top:2px solid #a8bf8c; }
 .education-examples article>span { font-size:9px; letter-spacing:.1em; font-weight:700; color:#5b7c46; }
 .education-examples blockquote { margin:18px 0; font-size:20px; line-height:1.6; letter-spacing:-.02em; }
 .education-examples p { margin:0; font-size:14px; color:#617255; }
 .expansion-editing { background:#f1f4ed; }
 .editing-example { display:grid; grid-template-columns:1fr 1fr; border:1px solid #d6dfce; border-radius:19px; overflow:hidden; }
 .editing-example>div { padding:34px; background:#fff; }
 .editing-example>div:last-child { background:#dfebce; }
 .editing-example span { font-size:9px; letter-spacing:.1em; font-weight:700; color:#68814f; }
 .editing-example p { font-size:26px; line-height:1.6; letter-spacing:-.025em; margin:20px 0 0; color:#57614f; }
 .editing-example>div:last-child p { font-size:32px; color:#24472a; font-weight:550; }
 .editing-caption { font-size:12px; color:#627455; max-width:850px; margin:20px 0 0; }
 .editing-decisions { display:grid; grid-template-columns:1fr 1fr; column-gap:60px; row-gap:36px; margin-top:46px; }
 .editing-decisions article { border-top:1px solid #c9d7bc; padding-top:23px; }
 .editing-decisions article>span { font-size:10px; font-weight:800; letter-spacing:.1em; color:#5d7d44; }
 .editing-decisions h3 { margin:15px 0 18px; }
 .editing-decisions p { font-size:15px; color:#536749; margin:0; }
 .expansion-editing .expansion-download { background:#fff; }
}
@media screen and (max-width:1000px) {
 .summary-specimen,.summary-reading { padding:25px; }
 .summary-specimen blockquote { font-size:22px; }
 .tailoring-brief,.project-story { gap:35px; }
 .skill-evidence-row { grid-template-columns:.65fr 1fr 1.1fr; gap:23px; }
 .skill-name h3 { font-size:21px; }
 .resume-versions>article { padding:23px; }
 .version-heading h3 { font-size:28px; }
 .version-document { padding:23px; }
 .project-sheet-scene { padding:25px 18px 20px; }
 .project-sheet { padding:26px 22px; }
 .project-sheet h3 { font-size:27px; }
 .expansion-download { padding:26px; }
 .expansion-download>div>img { display:none; }
}
@media screen and (max-width:700px) {
 .expansion-heading { margin-bottom:32px; }
 .expansion-heading h2 { font-size:37px; }
 .expansion-heading>p:last-child { font-size:16px; }
 .summary-framework { grid-template-columns:1fr; gap:19px; margin-bottom:30px; }
 .summary-framework li { padding-top:17px; gap:18px; }
 .summary-framework h3 { font-size:19px; }
 .summary-example,.tailoring-brief,.resume-versions,.project-story,.editing-example { grid-template-columns:1fr; }
 .summary-specimen { padding:27px; }
 .summary-specimen blockquote { margin:24px 0; font-size:23px; }
 .summary-reading { padding:27px; }
 .summary-reading h3 { font-size:25px; }
 .tailoring-brief { gap:30px; }
 .tailoring-brief h3 { font-size:30px; }
 .vacancy-notes dl>div { grid-template-columns:80px 1fr; gap:12px; }
 .tailoring-context { padding:16px 18px; }
 .resume-versions { gap:23px; }
 .version-document { min-height:0; }
 .version-heading h3 { font-size:29px; }
 .expansion-two-notes,.skill-writing-notes,.education-examples,.editing-decisions { grid-template-columns:1fr; gap:25px; }
 .skill-evidence-row { grid-template-columns:1fr; gap:23px; padding-block:28px; }
 .skill-name { display:flex; gap:17px; align-items:baseline; }
 .skill-name h3 { font-size:25px; margin:0; }
 .skill-evidence>p { font-size:19px; margin-top:10px; }
 .skill-review h4 { margin-top:10px; }
 .skill-writing-notes { margin-top:35px; gap:32px; }
 .project-sheet-scene { max-width:480px; margin:0 auto; padding:28px 24px 22px; }
 .project-sheet { padding:26px 24px; }
 .project-writing { gap:28px; }
 .project-writing h3 { font-size:25px; }
 .education-heading { margin-top:45px; }
 .education-heading h3 { font-size:29px; }
 .education-examples blockquote { font-size:22px; margin:15px 0; }
 .editing-example>div { padding:28px; }
 .editing-example p { font-size:23px; }
 .editing-example>div:last-child p { font-size:28px; }
 .editing-decisions { margin-top:35px; }
 .expansion-takeaway { padding-left:18px; font-size:15px; }
 .expansion-download { display:block; padding:25px; }
 .expansion-download>.app-store-badge { margin-top:24px; }
}
@media screen and (max-width:380px) {
 .expansion-heading h2 { font-size:33px; }
 .summary-specimen,.summary-reading,.resume-versions>article,.version-document,.project-sheet,.editing-example>div { padding:23px; }
 .summary-specimen blockquote { font-size:21px; }
 .project-sheet-scene { padding:23px 14px 20px; }
 .project-sheet h3 { font-size:25px; }
 .project-sheet-top { font-size:7px; }
 .vacancy-notes dl>div { grid-template-columns:1fr; gap:4px; }
}

/* A visual reading rhythm: photographs first, optional depth close at hand. */
@media screen {
 .page-home .reading-details { border:0; border-top:1px solid #d4dfca; border-radius:0; background:transparent; padding:0; margin:18px 0 0; min-width:0; }
 .page-home .reading-details>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; cursor:pointer; padding:16px 0; font-size:13px; font-weight:650; line-height:1.55; color:#315333; }
 .page-home .reading-details>summary::-webkit-details-marker { display:none; }
 .page-home .reading-details>summary>span { display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; padding:0; border:1px solid #c3d3b6; border-radius:50%; color:#416039; font-size:18px; font-weight:400; line-height:1; transition:transform .2s; }
 .page-home .reading-details[open]>summary>span { transform:rotate(45deg); }
 .page-home .reading-details>summary:hover { color:#1d6a39; }
 .page-home .reading-details-body { padding:2px 0 23px; font-size:15px; line-height:1.85; }
 .page-home .reading-details-body>p { margin:0 0 18px; }
 .page-home .reading-details-body>p:last-child { margin-bottom:0; }
 .page-home .lesson-review { margin-top:30px; border-top:1px solid #cddbc0; border-bottom:1px solid #cddbc0; }
 .page-home .lesson-review>summary { font-size:15px; padding-block:22px; }
 .page-home .reading-details-body h3 { font-size:23px; margin:0 0 15px; }
 .home-visual { min-width:0; margin:0; }
 .home-visual>img { width:100%; height:auto; display:block; object-fit:cover; border-radius:22px; background:#e2e8da; }
 .home-visual>figcaption { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:14px 0 0; font-size:10px; line-height:1.6; color:#4c6c3c; }
 .home-visual>figcaption>span:last-child { font-size:8px; color:#76866d; white-space:nowrap; }
 .expansion-visual-intro { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:65px; margin-bottom:45px; }
 .expansion-visual-intro .expansion-heading { margin:0; }
 .expansion-visual-intro .expansion-heading h2 { font-size:clamp(36px,3.6vw,53px); }
 .expansion-visual-intro .expansion-heading>p:last-child { font-size:17px; margin-bottom:0; }
 .home-visual-your-story>img { aspect-ratio:1.22; object-position:63% center; border-radius:22px 100px 22px 22px; }
 .summary-framework { margin-block:40px 35px; }
 .summary-examples { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:22px; }
 .summary-example { display:flex; flex-direction:column; }
 .summary-specimen { padding:27px; min-height:330px; }
 .summary-specimen blockquote { font-size:21px; line-height:1.6; margin:22px 0; }
 .summary-specimen>p { font-size:11px; }
 .summary-reading { padding:0 25px; }
 .summary-reading .reading-details { border:0; margin:0; }
 .summary-reading .reading-details>summary { font-size:12px; min-height:66px; }
 .summary-reading .reading-details-body { padding-bottom:24px; }
 .summary-reading .reading-details-body h3 { font-size:22px; }
 .summary-reading .reading-details-body p { font-size:14px; }
 .summary-reading .summary-edit { font-size:13px; }
 .home-visual-panorama { margin:0 0 33px; }
 .home-visual-panorama>img { aspect-ratio:2.4; object-position:center 45%; }
 .expansion-tailoring>.wrap>.expansion-heading { max-width:950px; }
 .resume-versions { margin-top:22px; }
 .resume-versions .version-document { min-height:310px; }
 .resume-versions .version-reason { margin-top:22px; }
 .version-reason .reading-details-body p { font-size:14px; color:#53654a; }
 .tailoring-brief { margin:15px 0 0; }
 .skills-visual-layout { display:grid; grid-template-columns:1fr 1.08fr; gap:60px; align-items:start; }
 .skills-visual-layout>.home-visual { position:sticky; top:175px; }
 .skills-visual-layout .home-visual>img { height:640px; object-fit:cover; border-radius:80px 22px 22px 22px; }
 .expansion-skills .home-visual>figcaption { color:#c9ddb5; }
 .expansion-skills .home-visual>figcaption>span:last-child { color:#a5bd92; }
 .skill-evidence-row { display:block; padding:23px 0 8px; }
 .skill-name { display:flex; gap:17px; align-items:baseline; }
 .skill-name h3 { margin:0; font-size:24px; }
 .skill-name>span { flex:none; }
 .skill-evidence p { font-size:16px; line-height:1.8; margin:14px 0 0; }
 .expansion-skills .reading-details { border-color:#547348; }
 .expansion-skills .reading-details>summary { color:#cde2b2; }
 .expansion-skills .reading-details>summary>span { color:#cde2b2; border-color:#6c8958; }
 .expansion-skills .reading-details-body { color:#c6d7b9; }
 .skill-evidence-row>.reading-details { margin:8px 0 0; border:0; }
 .skill-evidence-row>.reading-details>summary { padding:10px 0; font-size:12px; }
 .skill-review h4 { margin:8px 0 12px; }
 .skill-writing-notes { margin:14px 0 0; }
 .project-story { grid-template-columns:1.08fr .92fr; gap:30px; }
 .project-story>.home-visual>img { aspect-ratio:1.15; object-position:46% center; border-radius:22px 22px 90px 22px; }
 .project-sheet-scene { padding:26px 23px 20px; }
 .project-sheet { padding:27px 25px; }
 .project-sheet h3 { font-size:27px; }
 .project-sheet ul { margin:22px 0; }
 .project-sheet li { font-size:13px; }
 .project-writing { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:35px; }
 .project-writing article { display:block; }
 .project-writing article>span { display:block; font-size:11px; margin-bottom:12px; color:#759159; }
 .project-writing .reading-details { margin:0; }
 .project-writing .reading-details>summary { align-items:start; padding-block:17px; font-size:20px; font-weight:550; letter-spacing:-.025em; }
 .project-writing .reading-details-body p { font-size:14px; }
 .reading-details .education-heading { margin-top:12px; }
 .reading-details .education-heading h3 { font-size:27px; }
 .expansion-editing .expansion-visual-intro { grid-template-columns:1.1fr .9fr; }
 .home-visual-make-room>img { aspect-ratio:1; border-radius:90px 22px 22px 22px; }
 .editing-example p { font-size:23px; }
 .editing-example>div:last-child p { font-size:29px; }
 .editing-decisions { gap:22px 48px; margin-top:32px; }
 .editing-decisions article { border:0; padding-top:0; }
 .editing-decisions .reading-details { margin:11px 0 0; }
 .editing-decisions .reading-details>summary { font-size:21px; font-weight:550; letter-spacing:-.025em; padding:19px 0; }
 .editing-decisions .reading-details-body p { font-size:15px; }
 .page-home .blueprint-notes .reading-details { margin-top:12px; }
 .page-home .blueprint-notes .reading-details>summary { font-size:12px; }
 .page-home .blueprint-notes .reading-details-body { padding-bottom:12px; }
 .page-home .depth-step .reading-details { margin-top:12px; }
 .page-home .depth-step .reading-details-body p,.page-home .career-route-card .reading-details-body p { font-size:14px; }
 .page-home .career-route-card .reading-details { margin-top:15px; }
 .page-home .career-route-card .reading-details>summary { font-size:12px; }
 .page-home .anatomy-list .reading-details { margin:12px 0; }
 .page-home .anatomy-list .reading-details-body p { font-size:14px; }
}
@media screen and (max-width:1000px) {
 .expansion-visual-intro { gap:35px; }
 .expansion-visual-intro .expansion-heading h2 { font-size:39px; }
 .expansion-visual-intro .expansion-heading>p:last-child { font-size:16px; }
 .summary-examples { gap:16px; }
 .summary-specimen { padding:23px; min-height:375px; }
 .summary-specimen blockquote { font-size:19px; }
 .summary-reading { padding-inline:20px; }
 .skills-visual-layout { gap:32px; }
 .skills-visual-layout .home-visual>img { height:620px; }
 .skill-name h3 { font-size:22px; }
 .project-story { gap:22px; }
 .project-sheet { padding:24px 20px; }
 .project-sheet h3 { font-size:24px; }
 .project-writing { gap:24px; }
 .project-writing .reading-details>summary { font-size:18px; }
}
@media screen and (max-width:760px) {
 .expansion-visual-intro,.expansion-editing .expansion-visual-intro { grid-template-columns:1fr; gap:28px; }
 .expansion-visual-intro .expansion-heading h2 { font-size:39px; }
 .home-visual-your-story>img { aspect-ratio:1.4; border-top-right-radius:65px; }
 .summary-examples { grid-template-columns:1fr; gap:22px; }
 .summary-specimen { min-height:0; padding:27px; }
 .summary-specimen blockquote { font-size:24px; }
 .summary-reading { padding-inline:27px; }
 .home-visual-panorama>img { aspect-ratio:1.5; }
 .skills-visual-layout { grid-template-columns:1fr; gap:30px; }
 .skills-visual-layout>.home-visual { position:static; }
 .skills-visual-layout .home-visual>img { height:auto; max-height:530px; aspect-ratio:1; object-position:center 43%; border-top-left-radius:65px; }
 .skill-name h3 { font-size:25px; }
 .skill-evidence p { font-size:17px; }
 .project-story { grid-template-columns:1fr; gap:28px; }
 .project-story>.home-visual>img { aspect-ratio:1.25; border-bottom-right-radius:65px; }
 .project-sheet-scene { max-width:100%; width:100%; }
 .project-sheet h3 { font-size:29px; }
 .project-sheet li { font-size:14px; }
 .project-writing { grid-template-columns:1fr; gap:20px; }
 .project-writing article { display:flex; gap:18px; }
 .project-writing article>span { padding-top:19px; }
 .project-writing .reading-details { flex:1; }
 .project-writing .reading-details>summary { font-size:21px; }
 .home-visual-make-room { max-width:520px; width:100%; margin-inline:auto; }
 .home-visual-make-room>img { border-top-left-radius:65px; }
 .home-visual>figcaption { gap:12px; font-size:9px; }
 .home-visual>figcaption>span:last-child { font-size:7px; }
 .editing-example p { font-size:23px; }
 .editing-example>div:last-child p { font-size:28px; }
}
@media screen and (max-width:380px) {
 .expansion-visual-intro .expansion-heading h2 { font-size:34px; }
 .summary-specimen { padding:23px; }
 .summary-specimen blockquote { font-size:22px; }
 .summary-reading { padding-inline:23px; }
 .home-visual>figcaption { display:block; }
 .home-visual>figcaption>span:last-child { display:block; margin-top:4px; }
 .project-sheet-scene { padding:23px 17px 18px; }
 .project-sheet { padding:23px 19px; }
 .project-sheet h3 { font-size:26px; }
 .skill-name h3 { font-size:23px; }
}
@media (prefers-reduced-motion:reduce) { .page-home .reading-details>summary>span { transition:none; } }

/* One vector mark across the masthead, footer, and browser icons. */
.logo .brand-icon { display:block; width:40px; height:40px; flex:0 0 auto; border-radius:25%; }
.logo-field { color:#52744d; font-weight:650; }
.site-footer .logo-field { color:#d4fa7f; }
.author-monogram img { display:block; width:100%; height:100%; border-radius:25%; }
.site-footer .logo .brand-icon { box-shadow:0 0 0 1px #ffffff26; }
@media screen and (max-width:600px) {
 .logo .brand-icon { width:34px; height:34px; }
}