/* Upgraded Free Library guides: script callout, four-move sequence, pushback box, copyable template.
   Uses the site palette: cream canvas, deep emerald, muted gold. */

.guide-page .page-hero .guide-dek{font-weight:600;color:var(--ink);max-width:640px}

/* Script callout near the top */
.guide-callout{background:var(--emerald);color:var(--paper);padding:26px 28px 28px;margin:30px 0 40px}
.guide .guide-callout-label{font:700 11px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--mustard);margin:0 0 12px}
.guide-script{margin:0}
.guide .guide-script p{font-family:var(--display);font-weight:700;font-size:21px;line-height:1.5;letter-spacing:-.015em;color:var(--paper);margin:0}
.guide-script,.guide-quote,.guide-template-text{-webkit-user-select:text;user-select:text}

/* Four moves: one thin connecting line */
.guide-moves{list-style:none;margin:22px 0 26px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.guide .guide-move{position:relative;margin:0;padding:30px 0 0}
.guide-move-dot{position:absolute;left:0;top:0;width:15px;height:15px;border:1.5px solid #aa7516;border-radius:50%;background:var(--paper);box-sizing:border-box;z-index:1}
.guide-move:not(:last-child)::after{content:'';position:absolute;top:7px;left:15px;right:-22px;height:1px;background:#aa7516}
.guide-move-num{display:block;font:800 13px/1 var(--display);letter-spacing:.08em;color:#aa7516;margin-bottom:8px}
.guide .guide-move h3{font:800 18px/1.25 var(--display);letter-spacing:-.025em;margin:0 0 8px;color:var(--ink)}
.guide .guide-move p{font-size:15.5px;line-height:1.6;margin:0}

/* What if they still say both? */
.guide-pushback{margin:38px 0;padding:24px 26px;background:rgba(223,173,67,.11);border:1px solid rgba(170,117,22,.28);border-left:4px solid #aa7516}
.guide-tag{display:inline-block;font:700 10.5px/1 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--emerald);border:1px solid var(--emerald);padding:6px 9px}
.guide .guide-pushback h2{margin:14px 0 8px}
.guide-quote{margin:14px 0;padding:0 0 0 16px;border-left:2px solid var(--emerald)}
.guide .guide-quote p{font-weight:600;color:var(--ink);margin:0}

/* Template with copy control */
.guide-template{margin:40px 0 10px}
.guide-template-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--emerald);padding:22px 24px 20px;margin-top:14px}
.guide-template-text{margin:0}
.guide .guide-template-text p{font-size:17px;line-height:1.8;margin:0;color:var(--ink)}
.guide-fill{background:rgba(223,173,67,.24);color:var(--emerald);font-weight:600;padding:1px 1px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.guide-copy-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px}
.guide-copy{cursor:pointer}
.guide-copy.is-copied{background:#205444;border-color:#205444}
.guide .guide-copy-status{font-size:14px;font-weight:700;line-height:1.4;color:var(--emerald);margin:0}
.guide .guide-copy-status:empty{display:none}
.guide .guide-after{margin-top:18px}

/* Phone and small tablet: stack the moves in reading order, line in the left gutter */
@media(max-width:760px){
  .guide-callout{padding:22px 20px 24px;margin:24px 0 34px}
  .guide .guide-script p{font-size:19px}
  .guide-moves{grid-template-columns:1fr;gap:0}
  .guide .guide-move{padding:0 0 22px 34px}
  .guide .guide-move:last-child{padding-bottom:0}
  .guide-move-dot{top:1px}
  .guide-move:not(:last-child)::after{top:16px;bottom:1px;left:7px;right:auto;width:1px;height:auto}
  .guide-pushback{padding:20px 18px}
  .guide-template-card{padding:18px 18px 18px}
  .guide .guide-template-text p{font-size:16px;line-height:1.75}
  .guide-copy{width:100%}
}

/* Before-and-after example: two labeled cards. Side by side on desktop, stacked in order on mobile. */
.guide-compare-wrap{margin:30px 0 22px}
.guide .guide-compare-wrap h2{margin-bottom:14px}
.guide-compare{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;align-items:stretch}
.guide-compare-card{margin:0;padding:20px 22px 22px;position:relative}
.guide-compare-card blockquote{margin:0}
.guide-compare-card.is-before{background:#fff;border:1px solid var(--line)}
.guide-compare-card.is-after{background:var(--emerald);color:var(--paper)}
.guide-compare-label{font:700 11px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;margin:0 0 10px;color:var(--muted)}
.is-after .guide-compare-label{color:var(--mustard)}
.guide .guide-compare-card p{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.45;letter-spacing:-.015em;margin:0}
.guide .is-before p{color:var(--ink)}
.guide .is-after p{color:var(--paper)}
.guide-compare-card.is-after::before{content:'';position:absolute;left:-22px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--mustard) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h12M12 6l6 6-6 6' fill='none' stroke='%23123d32' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;z-index:1}
@media(max-width:760px){
  .guide-compare{grid-template-columns:1fr;gap:20px}
  .guide-compare-card{padding:18px 18px 20px}
  .guide .guide-compare-card p{font-size:18px}
  .guide-compare-card.is-after::before{left:22px;top:-23px;margin-top:0;transform:rotate(90deg)}
}
/* Five-step audit: numbered rows, each question beside its worked example; stacked on mobile. */
.guide-audit{list-style:none;margin:16px 0 24px;padding:0;border-top:1px solid var(--emerald)}
.guide .guide-audit-row{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:22px;margin:0;padding:18px 0;border-bottom:1px solid var(--line)}
.guide-audit-step .guide-move-num{margin-bottom:6px}
.guide .guide-audit-step h3{font:800 18px/1.25 var(--display);letter-spacing:-.025em;margin:0;color:var(--ink)}
.guide-audit-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;align-items:start}
.guide-audit-label{display:block;font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.guide-audit-ex .guide-audit-label{color:var(--emerald)}
.guide .guide-audit-q p{font-size:15.5px;line-height:1.55;font-weight:600;color:var(--ink);margin:0}
.guide-audit-ex{background:#fff;border-left:3px solid #aa7516;padding:10px 14px 12px}
.guide .guide-audit-ex p{font-size:15px;line-height:1.6;margin:0}
.guide-audit-q,.guide-audit-ex{-webkit-user-select:text;user-select:text}

/* Smallest useful update options */
.guide-options{list-style:none;margin:14px 0 8px;padding:0}
.guide .guide-options li{position:relative;padding-left:22px;margin:0 0 12px}
.guide-options li::before{content:'';position:absolute;left:2px;top:.62em;width:8px;height:8px;background:#aa7516}

/* Multi-line worksheet template */
.guide .guide-worksheet p{line-height:1.65}
.guide .guide-worksheet p+p{margin-top:10px}

@media(max-width:860px){
  .guide .guide-audit-row{grid-template-columns:1fr;gap:12px}
  .guide-audit-step{display:flex;align-items:baseline;gap:10px}
  .guide-audit-step .guide-move-num{margin:0}
}
@media(max-width:600px){
  .guide-audit-pair{grid-template-columns:1fr;gap:10px}
  .guide .guide-audit-row{padding:16px 0}
}
/* Numbered section headings (gold number before the title) */
.guide-step-num{display:inline-block;font:800 .55em/1 var(--display);letter-spacing:.06em;color:#aa7516;vertical-align:.3em;margin-right:.45em}

/* Flow cards: parallel passes (fan-out) and a draft, review, revise sequence */
.guide-flow-wrap{margin:18px 0 26px}
.guide-flow-tag{display:inline-block;font:700 10.5px/1 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--emerald);border:1px solid var(--emerald);padding:6px 9px;margin-bottom:10px}
.guide-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guide .guide-flow-card{position:relative;margin:0;background:#fff;border:1px solid var(--line);border-top:3px solid var(--emerald);padding:14px 16px 16px}
.guide .guide-flow-card h3{font:800 16px/1.25 var(--display);letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}
.guide .guide-flow-card p{font-size:15px;line-height:1.55;margin:0}
.guide-flow-card,.guide-handoff{-webkit-user-select:text;user-select:text}
.guide-flow.is-sequence{gap:30px;margin:16px 0 20px}
.guide-flow.is-sequence .guide-flow-card:not(:last-child)::after{content:'';position:absolute;right:-26px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--mustard) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h12M12 6l6 6-6 6' fill='none' stroke='%23123d32' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;z-index:1}
.guide-flow-merge{height:26px;margin:4px 0 6px;border-left:1px solid #aa7516;margin-left:24px;position:relative}
.guide-flow-merge::after{content:'';position:absolute;left:-6px;bottom:-1px;border-left:5.5px solid transparent;border-right:5.5px solid transparent;border-top:8px solid #aa7516}
.guide-handoff{background:var(--emerald);color:var(--paper);padding:16px 18px}
.guide .guide-handoff p{color:var(--paper);font-size:16px;line-height:1.65;margin:0}

/* Sign-off checklist: restrained, with empty check boxes */
.guide-checklist{margin:22px 0 30px;padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--emerald);background:rgba(18,61,50,.035)}
.guide .guide-checklist h3{font:700 11px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--emerald);margin:0 0 10px}
.guide-checklist ul{list-style:none;margin:0;padding:0}
.guide .guide-checklist li{position:relative;padding-left:28px;margin:0 0 9px;font-size:16px;line-height:1.55}
.guide .guide-checklist li:last-child{margin-bottom:0}
.guide-checklist li::before{content:'';position:absolute;left:0;top:.2em;width:15px;height:15px;border:1.5px solid var(--emerald);background:#fff;box-sizing:border-box}

@media(max-width:760px){
  .guide-flow,.guide-flow.is-sequence{grid-template-columns:1fr}
  .guide-flow{gap:10px}
  .guide-flow.is-sequence{gap:28px}
  .guide-flow.is-sequence .guide-flow-card:not(:last-child)::after{right:auto;left:20px;top:auto;bottom:-25px;margin-top:0;transform:rotate(90deg)}
  .guide-checklist{padding:16px 16px}
}
/* Converging example: three questions, thin gold lines into one update, then a human check. */
.guide-converge{margin:30px 0 24px}
.guide .guide-converge-title{font:800 clamp(22px,2.6vw,27px)/1.2 var(--display);letter-spacing:-.03em;margin:0 0 14px;color:var(--ink)}
.guide-converge-qs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guide .guide-converge-q{margin:0;background:#E8EDE2;border:1px solid rgba(18,61,50,.14);padding:18px 16px;font:800 20px/1.25 var(--display);letter-spacing:-.025em;color:var(--emerald);text-align:center;display:flex;align-items:center;justify-content:center;min-height:92px}
.guide-converge-lines{display:block;width:100%;height:58px;overflow:visible}
.guide-converge-lines line{stroke:#aa7516;stroke-width:1.5}
.guide .guide-converge-update,.guide .guide-converge-check{width:min(100%,440px);margin:0 auto;padding:18px 20px;text-align:center;font:800 22px/1.25 var(--display);letter-spacing:-.025em}
.guide .guide-converge-update{background:#FBF6EA;border:1.5px solid #aa7516;color:var(--ink)}
.guide .guide-converge-check{background:var(--emerald);color:var(--paper)}
.guide-converge-down{display:block;position:relative;width:0;height:30px;margin:0 auto;border-left:1.5px solid #aa7516}
.guide-converge-down::after{content:'';position:absolute;left:-6.5px;bottom:-1px;border-left:5.5px solid transparent;border-right:5.5px solid transparent;border-top:8px solid #aa7516}
.guide-converge-down.is-mobile{display:none}
.guide-converge-q,.guide-converge-update,.guide-converge-check{-webkit-user-select:text;user-select:text}

/* Smaller compare cards */
.guide-compare.is-small{margin:14px 0 16px}
.guide .guide-compare.is-small .guide-compare-card p{font-size:17px;line-height:1.45}

@media(max-width:760px){
  .guide-converge-qs{grid-template-columns:1fr;gap:10px}
  .guide .guide-converge-q{min-height:0;text-align:left;justify-content:flex-start;font-size:21px;padding:16px 18px}
  .guide-converge-lines{display:none}
  .guide-converge-down.is-mobile{display:block}
  .guide .guide-converge-update,.guide .guide-converge-check{width:100%;font-size:21px}
  .guide .guide-compare.is-small .guide-compare-card p{font-size:17px}
}
/* Key phrases stand out inside the small compare cards */
.guide .guide-compare.is-small .guide-compare-card p{font-weight:500}
.guide .guide-compare.is-small .guide-compare-card strong{font-weight:800}
.guide .guide-compare.is-small .is-before strong{background:rgba(223,173,67,.3);padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.guide .guide-compare.is-small .is-after strong{color:var(--mustard)}
/* Angie's Notes: What It's Called. Pale gold action phrases; only the terms are underlined links. */
.guide-notes{margin:22px 0;padding:16px 18px 18px;background:#FBF6EA;border:1px solid rgba(170,117,22,.3);border-left:3px solid #aa7516}
.guide .guide-notes-title{font:700 11px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--emerald);margin:0 0 10px}
.guide-notes-lines{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.guide .guide-notes-lines li{margin:0;font-size:16.5px;line-height:1.65;color:var(--ink)}
.guide-notes-action{background:rgba(223,173,67,.36);color:var(--ink);font-weight:600;padding:1px 3px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.guide a.guide-term{color:var(--emerald);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;border-radius:2px}
.guide a.guide-term:hover{color:#205444;text-decoration-thickness:2.5px}
.guide a.guide-term:focus-visible{outline:3px solid #aa7516;outline-offset:3px}

/* Library Definitions index: term, plain-English meaning, one office example */
.def-list{margin:12px 0 32px}
.def-entry{padding:22px 0;border-top:1px solid var(--line);scroll-margin-top:24px}
.def-entry:first-child{border-top:1px solid var(--emerald)}
.def-entry:target{background:#E8EDE2;padding-left:16px;padding-right:16px;margin:0 -16px}
.guide .def-term{font:800 clamp(26px,3vw,32px)/1.15 var(--display);letter-spacing:-.03em;color:var(--emerald);margin:0 0 8px}
.guide .def-meaning{margin:0 0 12px;font-size:18px;line-height:1.6;font-weight:600;color:var(--ink)}
.guide .def-example{margin:0;background:#fff;border-left:3px solid #aa7516;padding:10px 14px 12px;font-size:16px;line-height:1.6}
.def-label{display:block;font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--emerald);margin-bottom:4px}

@media(max-width:760px){
  .guide-notes-lines{grid-template-columns:1fr;gap:10px}
  .guide .guide-notes-lines li{font-size:16px}
  .guide .def-meaning{font-size:17px}
  .def-entry:target{padding-left:12px;padding-right:12px;margin:0 -12px}
}
/* Workflow start: Project notes branching into the three questions */
.guide .guide-converge-source{width:min(100%,280px);margin:0 auto;padding:12px 18px;text-align:center;background:#fff;border:1.5px solid var(--emerald);font:800 18px/1.25 var(--display);letter-spacing:-.02em;color:var(--emerald);-webkit-user-select:text;user-select:text}
.guide-converge-lines.is-split{height:48px}
#fan-out-example,#fan-in-example{scroll-margin-top:24px}
#fan-out-example:target,.guide .guide-converge-update:target{outline:3px solid #aa7516;outline-offset:6px}

/* Angie's Cheat Sheet */
.cs-category{margin:8px 0 26px}
.guide .cs-category-title{font:800 clamp(26px,3vw,32px)/1.15 var(--display);letter-spacing:-.03em;margin:22px 0 12px;color:var(--ink)}
.cs-flow{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 20px;padding:16px;background:#E8EDE2;border:1px solid rgba(18,61,50,.14)}
.cs-flow-node{background:#fff;border:1px solid rgba(18,61,50,.2);padding:10px 14px;font:800 16px/1.2 var(--display);letter-spacing:-.02em;color:var(--ink);text-align:center;white-space:nowrap}
.cs-flow-node.is-brief{background:var(--emerald);border-color:var(--emerald);color:var(--paper)}
.cs-flow-link{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:64px}
.cs-flow-label{font:700 10.5px/1 'DM Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--emerald)}
.cs-flow-arrow{position:relative;display:block;width:44px;height:0;border-top:1.5px solid #aa7516}
.cs-flow-arrow::after{content:'';position:absolute;right:-1px;top:-6px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #aa7516}
.guide .cs-see{margin:0}
.guide a.cs-see-link{color:var(--emerald);font-weight:700;font-size:16px;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;border-radius:2px}
.guide a.cs-see-link::after{content:' \2192';text-decoration:none;display:inline-block;margin-left:2px}
.guide a.cs-see-link:focus-visible{outline:3px solid #aa7516;outline-offset:3px}
.cheat-sheet .def-meaning{margin-bottom:10px}

@media(max-width:760px){
  .guide .guide-converge-source{width:100%;text-align:left;font-size:19px}
}
@media(max-width:600px){
  .cs-flow{flex-direction:column;align-items:stretch;gap:6px;padding:14px}
  .cs-flow-node{white-space:normal;font-size:17px;padding:10px 12px}
  .cs-flow-link{flex-direction:row;justify-content:center;gap:10px;min-width:0}
  .cs-flow-arrow{width:0;height:22px;border-top:0;border-left:1.5px solid #aa7516}
  .cs-flow-arrow::after{right:auto;left:-6px;top:auto;bottom:-1px;border-left:5.5px solid transparent;border-right:5.5px solid transparent;border-top:8px solid #aa7516;border-bottom:0}
}
/* Five moves as a compact vertical list (line in the left gutter at every width) */
.guide-moves.is-list{grid-template-columns:1fr;gap:0;margin:16px 0 28px}
.guide .guide-moves.is-list .guide-move{padding:0 0 18px 34px}
.guide .guide-moves.is-list .guide-move:last-child{padding-bottom:0}
.guide-moves.is-list .guide-move-dot{top:1px}
.guide-moves.is-list .guide-move:not(:last-child)::after{top:16px;bottom:1px;left:7px;right:auto;width:1px;height:auto}
.guide-moves.is-list .guide-move-num{display:inline-block;margin:0 8px 0 0}
.guide .guide-moves.is-list .guide-move h3{display:inline;font-size:17px}
.guide .guide-moves.is-list .guide-move p{margin-top:4px}

/* Worked example: three labeled cards, side by side on desktop, stacked in order on mobile */
.guide-trio-wrap{margin:30px 0 26px}
.guide-trio{list-style:none;margin:16px 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.guide .guide-trio-card{position:relative;margin:0;padding:16px 18px 18px;-webkit-user-select:text;user-select:text}
.guide-trio-card.is-did{background:#fff;border:1px solid var(--line)}
.guide-trio-card.is-changed{background:#E8EDE2;border:1px solid rgba(18,61,50,.16)}
.guide-trio-card.is-proof{background:var(--emerald);color:var(--paper)}
.guide-trio-label{display:block;font:700 11px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--emerald);margin-bottom:8px}
.is-proof .guide-trio-label{color:var(--mustard)}
.guide .guide-trio-card p{font-family:var(--display);font-weight:700;font-size:17px;line-height:1.45;letter-spacing:-.01em;margin:0;color:var(--ink)}
.guide .is-proof p{color:var(--paper)}
.guide-trio-card:not(:last-child)::after{content:'';position:absolute;right:-27px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:var(--mustard) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h12M12 6l6 6-6 6' fill='none' stroke='%23123d32' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;z-index:1}

@media(max-width:760px){
  .guide-trio{grid-template-columns:1fr;gap:28px}
  .guide .guide-trio-card p{font-size:17px}
  .guide-trio-card:not(:last-child)::after{right:auto;left:20px;top:auto;bottom:-26px;margin-top:0;transform:rotate(90deg)}
  .guide .guide-moves.is-list .guide-move h3{font-size:16.5px}
}
/* Single-line Angie's Notes block */
.guide-notes-lines.is-single{grid-template-columns:1fr}

/* Worked-example anchors (linked from Angie's Cheat Sheet) */
.guide-example{scroll-margin-top:24px}
.guide-example:target{outline:3px solid #aa7516;outline-offset:8px}

/* Quality-gate checklist: label beside what is missing; stacked on mobile */
.guide-gate{margin:16px 0 18px;border:1px solid var(--line);background:#fff}
.guide-gate-head{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:10px 18px;background:#E8EDE2;font:700 10.5px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--emerald)}
.guide-gate-rows{list-style:none;margin:0;padding:0}
.guide .guide-gate-rows li{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:baseline;margin:0;padding:13px 18px;border-top:1px solid var(--line);-webkit-user-select:text;user-select:text}
.guide-gate-label{font:800 16px/1.3 var(--display);letter-spacing:-.02em;color:var(--emerald)}
.guide-gate-label::before{content:'';display:inline-block;width:11px;height:11px;border:1.5px solid #aa7516;margin-right:9px;vertical-align:0}
.guide .guide-gate-rows p{margin:0;font-size:16px;line-height:1.55;color:var(--ink)}

@media(max-width:600px){
  .guide-gate-head{display:none}
  .guide .guide-gate-rows li{grid-template-columns:1fr;gap:4px;padding:12px 16px}
  .guide .guide-gate-rows li:first-child{border-top:0}
}
/* "What a good answer looks like" sample card (outside the copied prompt) */
.guide-sample{margin:22px 0 8px;background:#fff;border:1px solid var(--line);border-top:3px solid #aa7516;padding:18px 20px 20px}
.guide-sample-tag{display:inline-block;font:700 10.5px/1 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7a5410;background:rgba(223,173,67,.22);padding:6px 9px}
.guide .guide-sample-title{font:800 20px/1.25 var(--display);letter-spacing:-.025em;margin:12px 0 12px;color:var(--ink)}
.guide-sample-fields{margin:0}
.guide-sample-fields>div{padding:10px 0;border-top:1px solid var(--line)}
.guide-sample-fields dt{font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--emerald);margin:0 0 4px}
.guide .guide-sample-fields dd{margin:0;font-size:16px;line-height:1.6;color:var(--ink);-webkit-user-select:text;user-select:text}
.guide-fn{font-size:.7em;font-weight:700;color:#7a5410;margin-left:1px}
.guide-sample-note{background:#E8EDE2;margin:6px -20px -20px;padding:12px 20px 14px !important;border-top:0 !important}
.guide .guide-sample-note dd{font-size:14.5px}
@media(max-width:600px){
  .guide-sample{padding:16px 16px 18px}
  .guide-sample-note{margin:6px -16px -18px;padding:12px 16px 14px !important}
}

/* Warning sentence inside Angie's Notes: bold red (same red as the site's form errors) */
.guide .guide-warn{color:#a3341f;font-weight:800}

/* Annotated fictional example: in the article flow on cream, with a numbered source note */
.guide-annot{margin:30px 0 26px}
.guide-annot-tag{display:block;font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7a5410;margin:0 0 6px}
.guide .guide-annot-title{font:800 clamp(21px,2.6vw,25px)/1.25 var(--display);letter-spacing:-.025em;margin:0 0 10px;color:var(--ink)}
.guide .guide-annot-body{margin:0}
.guide-fn{line-height:0}
.guide a.guide-fn-link{color:#7a5410;font-weight:700;text-decoration:none;padding:0 1px;border-radius:2px}
.guide a.guide-fn-link:hover{text-decoration:underline}
.guide a.guide-fn-link:focus-visible,.guide a.guide-fn-back:focus-visible{outline:3px solid #aa7516;outline-offset:2px}
.guide .guide-annot-note{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.6;color:#3b4740;scroll-margin-top:24px}
.guide-annot-note-num{font-weight:700;color:#7a5410}
.guide .guide-annot-note:target{background:rgba(223,173,67,.18)}
.guide a.guide-fn-back{color:var(--emerald);text-decoration:none;font-weight:700;margin-left:2px}
#fnref-1{scroll-margin-top:120px}

/* Closing editorial quote */
.guide-closing-quote{margin:56px 0 44px;padding:0;border:0;background:none}
.guide .guide-closing-line{margin:0;font:800 clamp(30px,5.4vw,48px)/1.1 var(--display);letter-spacing:-.04em;color:var(--ink)}
.guide .guide-closing-line.italic{font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-weight:600;letter-spacing:-.02em;color:var(--emerald);margin-top:8px;font-variation-settings:"opsz" 14}
@media(max-width:600px){
  .guide-closing-quote{margin:44px 0 36px}
  .guide .guide-closing-line{font-size:31px}
  .guide .guide-closing-line.italic{font-size:33px}
}
/* v15: opening statement + one-story fictional example */
.guide .guide-opener{margin:30px 0 22px;padding:0;font:800 clamp(42px,7vw,70px)/1.02 var(--display);letter-spacing:-.045em;color:var(--ink);max-width:none}
.guide-opener-line{display:block}
.guide-opener-serif{font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-.02em;margin-top:4px;font-variation-settings:"opsz" 14}
.guide-opener-accent{color:#9b2316}
.guide .guide-lede{font-size:19px;line-height:1.6;margin:0 0 8px;color:var(--ink)}
.guide-story{margin:44px 0 30px;padding:0;border:0;background:none}
.guide .guide-story .guide-annot-tag{font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7a5410;margin:0;padding:0;border:0}
.guide-story-step{padding-top:36px}
.guide .guide-story-head{font:800 22px/1.3 var(--display);letter-spacing:-.02em;color:var(--emerald);margin:0 0 10px;padding:0;border:0}
.guide .guide-story-ask{margin:0}
.guide .guide-notes-lines.is-terms li + li{margin-top:2px}
@media(max-width:600px){.guide .guide-opener{font-size:46px}.guide .guide-lede{font-size:17.5px}.guide .guide-story-head{font-size:20px}.guide-story-step{padding-top:32px}.guide-story-step.is-check{padding-top:44px}}
/* v16: story example sits in the plain reading column; Angie's Notes is the only callout (this article only) */
.guide-story.guide-example:target{outline:none}
.guide .guide-story .guide-annot-tag{margin:0 0 -6px}
.guide-story-step.is-check{padding-top:48px}
.page-ai-source .guide-notes{border:0;border-left:3px solid #aa7516}
/* v17: timeline example with one rule above grouped source notes */
.guide ul.guide-timeline{margin:0;padding-left:1.15em}
.guide ul.guide-timeline li{margin:0 0 6px}
.guide-annot-notes{margin:16px 0 0;padding-top:10px;border-top:1px solid var(--line)}
.guide .guide-annot-notes-label{margin:0 0 4px;font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#3b4740}
.guide .guide-annot-notes .guide-annot-note{margin:4px 0 0;padding:2px 4px 2px 0;border-top:0}
/* v18: homepage featured guides (Five Lies, AI 101) */
.page-five-lies .guide-notes,.page-ai-101 .guide-notes{border:0;border-left:3px solid #aa7516}
.guide-beliefs{list-style:none;margin:36px 0 12px;padding:0}
.guide .guide-beliefs>li.guide-belief{display:grid;grid-template-columns:58px minmax(0,1fr);gap:0 18px;margin:0;padding:28px 0;border-top:1px solid var(--line)}
.guide .guide-beliefs>li.guide-belief:last-child{border-bottom:1px solid var(--line)}
.guide-belief-num{font:800 30px/1 var(--display);letter-spacing:-.03em;color:#aa7516;padding-top:3px}
.guide .guide-belief-title{font:800 clamp(22px,2.6vw,26px)/1.25 var(--display);letter-spacing:-.025em;color:var(--ink);margin:0 0 14px;padding:0;border:0}
.guide-belief-pair{margin:0;display:grid;gap:14px}
.guide-belief-pair dt{font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7a5410;margin:0 0 3px}
.guide-belief-pair .is-say dt{color:var(--emerald)}
.guide-belief-pair dd{margin:0;font-size:17px;line-height:1.7;color:var(--ink)}
.guide .guide-story-say{font-weight:600}
.guide .guide-next{margin:30px 0 22px}
.guide .guide-next a{color:var(--emerald);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.guide-agenda{margin:6px 0 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.guide-agenda-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 20px;padding:16px 0;border-top:1px solid var(--line)}
.guide-agenda-row:first-child{border-top:0}
.guide-agenda-label{font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7a5410;padding-top:5px}
.guide .guide-agenda-row p{margin:0}
.guide-agenda-row.is-decision p{font-weight:700}
.guide-agenda-row.is-confirm .guide-agenda-label{color:var(--emerald)}
.guide ol.guide-agenda-items{list-style:none;margin:0;padding:0}
.guide ol.guide-agenda-items li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;margin:0;padding:0 0 8px}
.guide ol.guide-agenda-items li:last-child{padding-bottom:0}
.guide-agenda-time{font:800 16px/1.7 var(--display);color:var(--emerald);white-space:nowrap}
.guide-check-compare{margin:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.guide-check-compare dt{font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--emerald);margin:0 0 3px}
.guide-check-compare .is-wrong dt{color:#9b2316}
.guide-check-compare dd{margin:0;font-weight:600}
.guide-check-compare .is-wrong s{text-decoration-color:#9b2316;text-decoration-thickness:2px}
@media(max-width:600px){
.guide .guide-beliefs>li.guide-belief{grid-template-columns:40px minmax(0,1fr);gap:0 12px;padding:24px 0}
.guide-belief-num{font-size:24px}
.guide .guide-belief-title{font-size:21px}
.guide-belief-pair dd{font-size:16px}
.guide-agenda-row{grid-template-columns:1fr;gap:6px}
.guide-agenda-label{padding-top:0}
.guide-check-compare{grid-template-columns:1fr;gap:16px}
}

/* v19: AI 101 three-step map */
.guide-map-wrap{margin:40px 0 34px}
.guide .guide-map-wrap .guide-annot-tag{font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7a5410;margin:0 0 14px;padding:0;border:0}
.guide ol.guide-map{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.guide .guide-map>li.guide-map-step{position:relative;margin:0;padding:22px 20px 24px;background:#E8EDE2;border-radius:6px;font-size:17px;line-height:1.6}
.guide .guide-map>li.guide-map-step.is-check{background:#F3F5EE}
.guide .guide-map>li.guide-map-step:not(:last-child)::after{content:'';position:absolute;top:50%;right:-31px;width:22px;height:2px;background:var(--emerald);transform:translateY(-50%)}
.guide .guide-map>li.guide-map-step:not(:last-child)::before{content:'';position:absolute;top:50%;right:-31px;width:9px;height:9px;border-top:2px solid var(--emerald);border-right:2px solid var(--emerald);transform:translateY(-50%) rotate(45deg);transform-origin:center}
.guide-map-num{display:block;font:800 26px/1 var(--display);letter-spacing:-.03em;color:#aa7516;margin:0 0 8px}
.guide .guide-map-title{font:800 19px/1.3 var(--display);letter-spacing:-.02em;color:var(--emerald);margin:0 0 12px;padding:0;border:0}
.guide-map-label{display:block;font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#3b4740;margin:0 0 6px}
.guide ul.guide-map-notes{margin:0;padding-left:1.1em}
.guide ul.guide-map-notes li{margin:0 0 4px;font-size:17px;line-height:1.55}
.guide .guide-map-step p{margin:0;font-size:17px;line-height:1.6}
.guide-map-flag{background:rgba(223,173,67,.6);color:var(--ink);font-weight:700;padding:1px 3px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.guide-map-fixed{margin:26px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.guide-map-fixed .guide-map-label{color:var(--emerald)}
.guide .guide-map-fixed p{margin:0;font-size:18px;line-height:1.6;font-weight:600}
.guide .guide-cs-next{margin:-6px 0 30px}
.guide .guide-cs-next a{color:var(--emerald);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.guide .guide-closing-plain{font-size:19px;line-height:1.6;margin:34px 0 10px}
.guide .guide-template-note{margin:12px 0 0;font-size:15px;line-height:1.6;color:#3b4740}
@media(max-width:760px){
.guide ol.guide-map{grid-template-columns:1fr;gap:38px}
.guide .guide-map>li.guide-map-step:not(:last-child)::after{top:auto;right:auto;left:50%;bottom:-30px;width:2px;height:20px;transform:translateX(-50%)}
.guide .guide-map>li.guide-map-step:not(:last-child)::before{top:auto;right:auto;left:50%;bottom:-30px;width:9px;height:9px;transform:translateX(-50%) rotate(135deg)}
.guide .guide-closing-plain{font-size:17.5px}
}

@media(min-width:1100px){.guide-map-wrap{width:min(1020px,calc(100vw - 80px));margin-left:calc(50% - min(510px,50vw - 40px))}}

/* v20: AI 101 three uses */
.guide .guide-statement{margin:38px 0 34px;font:800 clamp(30px,4.2vw,42px)/1.12 var(--display);letter-spacing:-.04em;color:var(--ink)}
.guide-statement-serif{font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-.02em;color:var(--emerald);font-variation-settings:"opsz" 14}
.guide-flow-wrap{margin:34px 0 46px}
.guide .guide-map.is-compact>li.guide-map-step{padding:18px 18px 20px}
.guide .guide-map.is-compact .guide-map-num{font-size:22px;margin-bottom:6px}
.guide .guide-map.is-compact .guide-map-title{font:800 18px/1.3 var(--display);letter-spacing:-.02em;color:var(--emerald);margin:0}
.guide .guide-map.is-compact>li.guide-map-step.is-check,.guide .guide-map.is-compact>li.guide-map-step:last-child{background:#E8EDE2}
.guide-use{margin:0 0 40px;padding-top:26px;border-top:1px solid var(--line)}
.guide-use.is-main{margin-bottom:52px}
.guide .guide-use-title{font:800 clamp(23px,2.8vw,28px)/1.22 var(--display);letter-spacing:-.03em;color:var(--ink);margin:0 0 16px;padding:0;border:0}
.guide-use-num{color:#aa7516;margin-right:6px}
.guide-use-list{margin:0}
.guide-use-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:4px 22px;padding:12px 0}
.guide-use.is-main .guide-use-row{padding:16px 0}
.guide-use-row + .guide-use-row{border-top:1px solid var(--line)}
.guide-use-row dt{font:700 10.5px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7a5410;padding-top:5px}
.guide-use-row.is-check dt,.guide-use-row.is-send dt{color:var(--emerald)}
.guide-use-row dd{margin:0;font-size:17px;line-height:1.65;color:var(--ink)}
.guide-use.is-main .guide-use-row dd{font-size:18px}
.guide-use-row.is-send dd{font-weight:600}
.guide ul.guide-use-notes{margin:0;padding-left:1.1em}
.guide ul.guide-use-notes li{margin:0 0 2px;font-size:inherit;line-height:1.6}
.guide-use-flag{background:rgba(223,173,67,.38);color:var(--ink);font-weight:600;padding:1px 3px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.guide .guide-use-more{margin:14px 0 0;font-size:16px}
.guide .guide-use-more a{color:var(--emerald);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
@media(max-width:600px){
.guide .guide-statement{font-size:30px;margin:32px 0 28px}
.guide-use-row{grid-template-columns:1fr;gap:4px}
.guide-use-row dt{padding-top:0}
.guide-use-row dd,.guide-use.is-main .guide-use-row dd{font-size:16.5px}
.guide .guide-use-title{font-size:22px}
}