/* "What to write" guide pages (/guides/). Loaded only on those pages, so the main style.css stays unchanged. */
.guide-head .lede{max-width:46ch}
.short-answer{margin-top:1.75rem;max-width:44rem;background:var(--surface);border-radius:14px;padding:1.15rem 1.35rem;box-shadow:var(--shadow);border-left:5px solid #B4513A}
.short-answer h2{font-size:var(--step1);margin-bottom:.35em}
.short-answer p{margin:0;font-size:var(--step1);line-height:1.5}
.guide-body{padding-bottom:4rem}
.guide-body > section{margin-top:clamp(2.5rem,6vw,4rem)}
.guide-body > section:first-child{margin-top:1rem}
.lines{max-width:46rem}
.lines-head p{margin-bottom:.8rem}
.lines h3{margin:2rem 0 .6rem;font-family:var(--sans);font-weight:700;font-size:var(--step-1);color:#8A3C2A}
.line-list{list-style:none;padding:0;margin:0;counter-reset:none}
.line-list li{display:grid;grid-template-columns:2.4rem 1fr auto;gap:.25rem .75rem;align-items:start;padding:.9rem 0;border-top:1px solid var(--line)}
.line-list li:last-child{border-bottom:1px solid var(--line)}
.line-list li::before{content:attr(data-n);font-family:var(--serif);font-size:var(--step1);color:#B4513A;line-height:1.35}
.line{margin:0;font-family:var(--serif);font-size:var(--step1);line-height:1.45}
.ph{color:#8A8279;border-bottom:1.5px dashed #C9C0B4}
.ph.filled{color:inherit;border-bottom-color:transparent}
.copy-line{padding:.25rem .1rem;min-height:2.75rem;font-size:1rem}
.copy-line.done{text-decoration:none;font-weight:700}
.name-fill{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:.4rem 0 .2rem;font-weight:700;font-size:var(--step-1)}
.name-fill input{font:inherit;font-weight:400;font-size:var(--step0);padding:.6rem .85rem;border:1.5px solid var(--ink);border-radius:10px;background:var(--surface);color:var(--ink);width:min(16rem,100%);min-height:2.9rem}
.copied{min-height:1.5em;margin:.6rem 0 0;color:var(--ink-2);font-size:var(--step-1)}
.guide-cards h3{margin:1.6rem 0 .9rem;font-family:var(--sans);font-weight:700;font-size:var(--step-1);color:var(--ink-2)}
.guide-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(2.5rem,6vw,4rem)}
.guide-two h2{margin-bottom:.6rem}
.avoid{list-style:none;padding:0;margin:0}
.avoid li{padding:.8rem 0;border-top:1px solid var(--line)}
.avoid p{margin:0;font-size:var(--step-1)}
.avoid .avoid-what{font-weight:700;font-size:var(--step0);text-decoration:line-through;text-decoration-color:rgba(180,81,58,.55);text-decoration-thickness:2px}
.tips{margin:0}
.tips dt{font-weight:700;margin-top:1rem}
.tips dt:first-child{margin-top:.8rem}
.tips dd{margin:.15rem 0 0;font-size:var(--step-1);color:var(--ink-2)}
.faq{max-width:46rem}
.faq details{border-top:1px solid var(--line);padding:.2rem 0}
.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:700;padding:.8rem 0;min-height:2.75rem}
.faq details p{font-size:var(--step-1);margin:0 0 1rem}
.more-guides{margin-top:clamp(2.5rem,6vw,4rem);padding:1.2rem 1.35rem;background:var(--surface);border-radius:14px;max-width:46rem}
.more-guides h2{font-size:var(--step1)}
.more-guides ul{margin:0;padding-left:1.2rem}
.more-guides li{margin:.35rem 0}
.guide-index{display:grid;grid-template-columns:minmax(0,56rem);gap:1.25rem;padding-bottom:4rem}
.guide-link{display:grid;grid-template-columns:7.5rem 1fr;gap:1.25rem;align-items:center;text-decoration:none;background:var(--surface);border-radius:14px;padding:1rem;box-shadow:var(--shadow)}
.guide-link:hover{box-shadow:0 2px 4px rgba(34,48,59,.08),0 14px 28px -10px rgba(34,48,59,.28)}
.guide-link img{border-radius:6px}
.guide-link > span{display:flex;flex-direction:column;gap:.3rem}
.gl-when{font-weight:700;font-size:var(--step-1);color:#8A3C2A}
.gl-title{font-family:var(--serif);font-size:var(--step1);line-height:1.3}
.guide-link .muted{font-size:var(--step-1)}
.guide-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}
.guide-links a{font-weight:700}
@media (max-width:760px){
  .guide-two{grid-template-columns:1fr;gap:2.5rem}
  .line-list li{grid-template-columns:1.8rem 1fr}
  .copy-line{grid-column:2;justify-self:start;min-height:2.4rem;padding-top:0}
  .guide-link{grid-template-columns:5rem 1fr;gap:.9rem}
}
@media print{.copy-line,.name-fill,.guide-cards,.more-guides{display:none}}