/* Role-specific resume examples share Talvemo's existing brand and UI tokens. */
.examples-hero { background:#f2f6ef; border-bottom:1px solid #dfe7db; padding:31px 0 54px; }
.examples-hero h1 { margin-top:15px; font-size:clamp(38px,4.5vw,60px); line-height:1.08; letter-spacing:-.04em; }
.examples-hero h1 span,.example-detail-intro h1 span { color:#24645e; }
.examples-hero p { font-size:18px; line-height:1.75; margin-top:24px; max-width:680px; }
.examples-hero-links { display:flex; gap:10px; margin-top:25px; }
.examples-hero-links a { border:1px solid #b5c8ba; border-radius:30px; padding:7px 17px; font-size:14px; text-decoration:none; background:#ffffff8c; color:#214b41; }
.examples-hero-links a:hover { background:#fff; }
.examples-collection { padding-block:57px 32px; }
.examples-collection-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:27px; }
.examples-collection-heading h2 { font-size:30px; margin-top:9px; }
.examples-collection-heading > p { flex-shrink:0; font-size:14px; }
.examples-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.example-card { border:1px solid #dce4da; border-radius:12px; overflow:hidden; background:#fff; }
.example-card-image { display:flex; align-items:flex-start; justify-content:center; background:#eef2ec; padding:30px 42px; overflow:hidden; }
.example-card:nth-child(2) .example-card-image { background:#eaf2f0; }
.example-card-image img { width:min(100%,380px); box-shadow:0 8px 22px #233e341b; transition:transform .2s; }
.example-card-image:hover img { transform:translateY(-4px); }
.example-card-copy { padding:26px 30px 30px; }
.example-card-copy h2 { font-size:30px; margin:6px 0 11px; }
.example-card-copy h2 a { text-decoration:none; }
.example-card-copy p { font-size:16px; line-height:1.7; }
.example-card-tags { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.example-card-tags span { background:#f0f5ee; border-radius:5px; padding:5px 9px; font-size:12px; color:#375347; }
.example-card-copy .site-button { justify-content:space-between; width:100%; }
.examples-fiction-note { display:flex; align-items:flex-start; gap:9px; color:#4e6055; font-size:14px; line-height:1.7; margin:23px 0 0; }
.examples-fiction-note svg { margin-top:4px; }
.examples-how { display:grid; grid-template-columns:.85fr 2fr; align-items:start; gap:45px; padding-block:56px 70px; }
.examples-how h2 { font-size:34px; margin-top:10px; }
.examples-how-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.examples-how-steps article > span { display:flex; width:35px; height:35px; align-items:center; justify-content:center; background:#e9f2ea; border-radius:50%; color:#245c4d; font-size:13px; font-weight:700; }
.examples-how-steps h3 { font-size:18px; margin:16px 0 10px; }
.examples-how-steps p { font-size:15px; line-height:1.75; }
.example-detail-hero { padding-block:32px 36px; }
.example-detail-intro { display:flex; align-items:center; justify-content:space-between; gap:45px; margin-top:13px; }
.example-detail-intro h1 { font-size:clamp(36px,3.8vw,50px); line-height:1.15; margin-top:11px; }
.example-detail-intro p { max-width:660px; margin-top:16px; font-size:17px; line-height:1.75; }
.example-detail-intro > a { flex-shrink:0; }
.example-detail-layout { display:grid; grid-template-columns:1.15fr 1fr; gap:64px; align-items:start; }
.example-detail-paper-wrap { min-width:0; }
.example-detail-paper { display:block; padding:25px; background:#edf2eb; border:1px solid #dce5d9; border-radius:10px; }
.example-detail-paper img { box-shadow:0 6px 22px #1b3c341b; width:100%; }
.example-enlarge-note { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:15px; font-size:13px; }
.example-detail-notes { padding:15px 0; }
.example-detail-notes h2 { font-size:33px; line-height:1.16; margin:10px 0 19px; max-width:390px; }
.example-detail-notes > p { font-size:16px; line-height:1.8; }
.example-highlights { display:grid; gap:13px; padding:0; margin:25px 0; list-style:none; }
.example-highlights li { display:flex; align-items:center; gap:9px; font-size:15px; color:#284e42; }
.example-summary-card { background:#f3f6f0; border:1px solid #dde5d9; padding:21px; border-radius:9px; margin:26px 0; }
.example-summary-card p { font-size:15px; line-height:1.8; margin-top:10px; }
.example-detail-notes > .site-button { width:100%; }
.example-detail-notes .example-copy-note { font-size:13px; line-height:1.7; color:#4d6055; margin:11px 0 22px; }
.example-detail-notes .site-text-link { font-size:14px; }
.example-writing { padding-block:68px 45px; }
.example-writing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.example-writing-grid article { border:1px solid #dce6db; border-radius:9px; padding:24px; }
.example-writing-icon { width:42px; height:42px; display:flex; align-items:center; justify-content:center; background:#eef4eb; border-radius:9px; color:#265f51; }
.example-writing-grid h3 { font-size:20px; margin:18px 0 12px; }
.example-writing-grid p { font-size:15px; line-height:1.8; }
.example-other { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid #dce6db; padding-block:36px 65px; }
.example-other h2 { font-size:27px; margin-top:9px; }
.example-modal-image { max-width:690px; margin:20px auto; }
.example-modal-image img { width:100%; box-shadow:0 5px 20px #253d3119; }
.example-modal-title { margin-top:12px; font-size:30px; }
.example-modal-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:15px 0; }
.example-modal-actions p { font-size:14px; max-width:390px; }
@media(max-width:960px) { .examples-how { grid-template-columns:1fr; gap:28px; } .example-detail-layout { gap:30px; } .example-detail-intro { align-items:flex-start; flex-direction:column; gap:20px; } .example-detail-notes h2 { font-size:28px; } }
@media(max-width:700px) {
  .examples-hero { padding-bottom:35px; }
  .examples-hero p { font-size:17px; }
  .examples-hero p br { display:none; }
  .examples-collection { padding-top:35px; }
  .examples-collection-heading { flex-direction:column; align-items:flex-start; gap:10px; }
  .examples-collection-heading h2 { font-size:27px; }
  .examples-grid { grid-template-columns:1fr; gap:27px; }
  .example-card-image { padding:23px; }
  .example-card-copy { padding:23px; }
  .examples-how { padding-block:35px 48px; }
  .examples-how-steps { grid-template-columns:1fr; gap:25px; }
  .examples-how-steps h3 { margin-top:11px; }
  .examples-how h2 br { display:none; }
  .example-detail-layout { grid-template-columns:1fr; gap:24px; }
  .example-detail-paper { padding:16px; }
  .example-detail-intro h1 { font-size:38px; }
  .example-detail-intro > a { width:100%; }
  .example-writing { padding-block:30px 35px; }
  .example-writing-grid { grid-template-columns:1fr; gap:15px; }
  .example-other { align-items:flex-start; flex-direction:column; padding-bottom:40px; }
  .example-other .site-button { width:100%; }
  .example-modal-actions { flex-direction:column; align-items:stretch; }
}
@media(prefers-reduced-motion:reduce) { .example-card-image img { transition:none; } }