.guide-page { background: var(--cream); }
.guide-hero { padding: clamp(4rem, 9vw, 7rem) 0; }
.guide-hero__grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr); gap:clamp(2.5rem,7vw,6rem); align-items:center; }
.guide-hero h1 { max-width: 10ch; }
.guide-priority-card { padding:clamp(1.4rem,3vw,2rem); background:var(--paper); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); }
.guide-priority-card img { display:block; margin-bottom:1rem; }
.guide-priority-card__label { color:var(--terracotta); font-size:.78rem; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.guide-priority-card ol { list-style:none; padding:0; margin:0; display:grid; gap:.85rem; counter-reset:priority; }
.guide-priority-card li { display:grid; grid-template-columns:auto 1fr; gap:.7rem 1rem; padding-top:.85rem; border-top:1px solid var(--line); counter-increment:priority; }
.guide-priority-card li::before { content:counter(priority); display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:var(--sage); color:var(--green); font-weight:900; grid-row:1 / span 2; }
.guide-priority-card strong { color:var(--green); }
.guide-priority-card span { color:var(--muted); font-size:.9rem; }

.guide-choice-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.65rem; }
.guide-choice-grid button { min-height:56px; padding:.7rem .8rem; border:1px solid var(--line); border-radius:14px; background:var(--paper); color:var(--green); font-weight:800; cursor:pointer; }
.guide-choice-grid button:hover,.guide-choice-grid button:focus-visible { background:var(--sage); border-color:#aeb9ad; }
.guide-choice-grid button[aria-pressed="true"] { background:var(--green); color:#fff; border-color:var(--green); }
.guide-choice-result { margin-top:1rem; padding:1.3rem; border:1px solid var(--line); border-left:4px solid var(--terracotta); border-radius:16px; background:var(--sage-2); }
.guide-choice-result h3 { font-size:1.35rem; margin-bottom:.55rem; }
.guide-choice-result p:last-child,.guide-choice-result ul { margin-bottom:0; }
.guide-choice-result a { font-weight:850; color:var(--green); }

.guide-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:clamp(2rem,6vw,5rem); align-items:start; }
.guide-toc { position:sticky; top:96px; padding:1.1rem; border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.guide-toc nav { display:grid; }
.guide-toc nav a { padding:.45rem .25rem; color:var(--muted); text-decoration:none; font-size:.88rem; font-weight:700; }
.guide-toc nav a:hover,.guide-toc nav a:focus-visible { color:var(--green); text-decoration:underline; }
.guide-toc__actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem; padding-top:1rem; border-top:1px solid var(--line); }
.text-action { border:0; background:transparent; padding:.2rem 0; color:var(--green); font-weight:800; text-decoration:underline; text-underline-offset:.2em; cursor:pointer; }

.guide-chapters { display:grid; gap:.85rem; min-width:0; }
.guide-chapter { border:1px solid var(--line); border-radius:18px; background:var(--paper); overflow:hidden; }
.guide-chapter[open] { box-shadow:var(--shadow); }
.guide-chapter > summary { display:grid; grid-template-columns:3rem 1fr auto; gap:1rem; align-items:center; min-height:92px; padding:1.1rem 1.25rem; cursor:pointer; list-style:none; }
.guide-chapter > summary::-webkit-details-marker { display:none; }
.guide-chapter > summary::after { content:"+"; color:var(--terracotta); font-size:1.8rem; font-weight:700; }
.guide-chapter[open] > summary::after { content:"−"; }
.guide-chapter > summary > span { color:var(--terracotta); font-size:.8rem; font-weight:900; }
.guide-chapter > summary strong { display:block; color:var(--green); font-size:1.25rem; line-height:1.2; }
.guide-chapter > summary small { display:block; color:var(--muted); margin-top:.25rem; font-size:.88rem; }
.guide-chapter__body { padding:0 1.25rem 1.4rem; border-top:1px solid var(--line); }
.guide-chapter__body > p:first-child { margin-top:1.2rem; }
.guide-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; margin:1.1rem 0; }
.guide-cards article { padding:1rem; border:1px solid var(--line); border-radius:14px; background:var(--sage-2); }
.guide-cards h3 { font-size:1rem; margin-bottom:.35rem; }
.guide-cards p { color:var(--muted); font-size:.9rem; margin:0; }
.guide-tip { margin-top:1.1rem; padding:1rem; border-left:3px solid var(--terracotta); background:#fffaf5; color:#4f554f; }
.guide-tip strong { color:var(--green); }
.guide-action-list { display:grid; gap:.7rem; padding-left:1.15rem; }
.guide-action-list li { padding-left:.25rem; }
.media-scale { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; margin:1.2rem 0; }
.media-scale div { padding:1rem; border-radius:14px; background:var(--sage-2); border-top:3px solid var(--green); }
.media-scale strong,.media-scale span { display:block; }
.media-scale strong { color:var(--green); }
.media-scale span { color:var(--muted); font-size:.86rem; margin-top:.4rem; }
.guide-steps { list-style:none; padding:0; display:grid; gap:.65rem; }
.guide-steps li { display:grid; grid-template-columns:2.2rem 1fr; gap:.8rem; padding:.85rem 0; border-bottom:1px solid var(--line); }
.guide-steps li > span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:var(--green); color:#fff; font-weight:850; }
.guide-steps p { color:var(--muted); margin:.2rem 0 0; }
.guide-criteria { margin:0; }
.guide-criteria div { display:grid; grid-template-columns:150px 1fr; gap:1rem; padding:.8rem 0; border-bottom:1px solid var(--line); }
.guide-criteria dt { color:var(--green); font-weight:850; }
.guide-criteria dd { margin:0; color:var(--muted); }
.myths { display:grid; gap:.65rem; margin-top:1rem; }
.myths article { padding:1rem; border-radius:14px; background:var(--sage-2); }
.myths h3 { font-size:1rem; margin-bottom:.35rem; }
.myths p { margin:0; color:var(--muted); }

.checklist-layout { display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr); gap:clamp(2rem,6vw,5rem); align-items:start; }
.guide-progress { display:grid; gap:.45rem; margin:1.3rem 0 .7rem; }
.guide-progress progress { width:100%; height:14px; accent-color:var(--terracotta); }
.guide-progress strong { color:var(--green); }
.guide-checklist { display:grid; gap:.65rem; }
.guide-checklist label { display:grid; grid-template-columns:auto 1fr; gap:.75rem; align-items:start; padding:.9rem 1rem; border:1px solid var(--line); border-radius:14px; background:var(--paper); cursor:pointer; }
.guide-checklist label:has(input:checked) { background:#edf4ea; border-color:#b8c9b4; }
.guide-checklist input { width:1.2rem; height:1.2rem; margin-top:.15rem; accent-color:var(--green); }

.guide-month { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.guide-month article { position:relative; padding:1.2rem; border:1px solid var(--line); border-radius:16px; background:var(--paper); }
.guide-month article > span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:var(--terracotta); color:#fff; font-weight:900; margin-bottom:1rem; }
.guide-month h3 { margin-bottom:.45rem; }
.guide-month p { color:var(--muted); font-size:.9rem; margin:0; }

.source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
.source-grid a { display:block; padding:1rem; border:1px solid var(--line); border-radius:14px; background:var(--paper); text-decoration:none; }
.source-grid a:hover,.source-grid a:focus-visible { background:var(--sage-2); border-color:#aeb9ad; }
.source-grid strong,.source-grid span { display:block; }
.source-grid strong { color:var(--green); }
.source-grid span { color:var(--muted); font-size:.88rem; margin-top:.25rem; }
.guide-source-note { margin-top:1rem; color:var(--muted); font-size:.88rem; }

@media (max-width:1000px) {
  .guide-choice-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .media-scale,.guide-month { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:860px) {
  .guide-hero__grid,.guide-layout,.checklist-layout { grid-template-columns:1fr; }
  .guide-toc { position:static; }
  .guide-toc nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.15rem .8rem; }
}
@media (max-width:620px) {
  .guide-choice-grid,.guide-cards,.media-scale,.guide-month,.source-grid,.guide-toc nav { grid-template-columns:1fr; }
  .guide-chapter > summary { grid-template-columns:2rem 1fr auto; gap:.65rem; padding:1rem; }
  .guide-chapter__body { padding:0 1rem 1.2rem; }
  .guide-criteria div { grid-template-columns:1fr; gap:.2rem; }
}
html[data-lpw-accessible="true"] .guide-priority-card,
html[data-lpw-accessible="true"] .guide-chapter,
html[data-lpw-accessible="true"] .guide-choice-result { box-shadow:none!important; }
html[data-lpw-accessible="true"] .guide-choice-grid button[aria-pressed="true"] { background:#005a70!important; color:#fff!important; }