/* Scoped read-only work guide, with the app's shared light/dark tokens. */
.prevention-guide{display:grid;gap:24px;min-width:0}
.prevention-guide .page-heading{margin-bottom:0}
.prevention-guide .panel{margin:0}
.prevention-guide h2{font-size:clamp(1.2rem,1.1rem + .35vw,1.5rem);line-height:1.35;letter-spacing:-.025em}
.prevention-guide h3{font-size:1rem;line-height:1.4;margin:0 0 8px}
.prevention-guide p{line-height:1.7}
.prevention-guide a,.prevention-guide summary,.prevention-guide button{overflow-wrap:anywhere}
.prevention-guide a:focus-visible,.prevention-guide summary:focus-visible,.prevention-guide button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.prevention-guide details>summary{list-style:none;cursor:pointer}
.prevention-guide details>summary::-webkit-details-marker{display:none}
.prevention-guide .guide-welcome{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--blue)}
.guide-welcome-copy{max-width:780px;min-width:0}
.guide-welcome-copy h2{margin:0 0 8px}
.guide-welcome-copy p:not(.eyebrow){color:var(--muted);margin:0 0 18px}
.guide-welcome-art{flex:0 0 142px;align-self:center}
.guide-welcome-art .illustration{display:block;width:142px;height:auto}
.guide-quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px}
.guide-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:9px 12px;border-radius:9px;font-size:.84rem;font-weight:650;line-height:1.4;text-decoration:none;min-height:40px;max-width:100%}
.guide-link:hover{border-color:var(--blue);color:var(--blue)}
.guide-link span{flex-shrink:0}
.guide-page-nav{display:flex;flex-wrap:wrap;gap:8px;padding:6px 0}
.guide-page-nav button{padding:10px 15px;min-height:42px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-size:.85rem;font-weight:650;cursor:pointer}
.guide-page-nav button:hover{border-color:var(--blue);color:var(--blue)}
.guide-role p:last-child{margin-bottom:0}
.guide-sources{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;line-height:1.6}
.guide-source-link{color:var(--blue);font-size:.8rem;line-height:1.6;text-decoration:underline;text-underline-offset:3px}
.guide-note{font-size:.86rem;color:var(--muted)}
.guide-count{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);font-size:.76rem;font-weight:650;line-height:1.4}
.guide-foundation .panel-top{gap:16px;align-items:flex-start;border-bottom:0;padding-bottom:0;margin-bottom:12px}
.guide-foundation .panel-top h2{margin:0}
.guide-foundation>p{margin:0 0 18px;color:var(--muted);font-size:.9rem}
.guide-foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.guide-foundation-item{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;gap:11px;align-items:start;padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);text-decoration:none;min-width:0}
.guide-foundation-item:hover{border-color:var(--blue)}
.guide-foundation-item b{display:block;font-size:.85rem;line-height:1.45;font-weight:650}
.guide-foundation-item small{display:block;color:var(--muted);font-size:.75rem;line-height:1.5;margin-top:5px}
.guide-item-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);background:var(--paper);color:var(--blue);border-radius:8px}
.guide-item-icon svg{width:17px;height:17px}
.guide-section-heading{margin:0 0 16px;max-width:850px}
.guide-section-heading h2{margin:0 0 8px}
.guide-section-heading>p:not(.eyebrow){margin:0 0 8px;color:var(--muted);font-size:.92rem}
.guide-mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.prevention-guide .guide-mission{padding:0;overflow:hidden;border:1px solid var(--line)}
.guide-mission>summary{display:grid;grid-template-columns:72px minmax(0,1fr) 22px;gap:14px;align-items:center;padding:20px;min-height:144px}
.guide-mission>summary:hover,.guide-topic>summary:hover,.guide-directory-group>summary:hover{background:var(--bg)}
.guide-mission-art{display:grid;place-items:center;width:72px;height:74px;border:1px solid var(--line);border-radius:14px;background:var(--bg);align-self:center}
.guide-mission-art .illustration{width:68px;height:auto;display:block}
.guide-mission-title{min-width:0;display:grid;gap:5px}
.guide-mission-title small{font-size:.66rem;letter-spacing:.1em;color:var(--muted);line-height:1.5;font-weight:700}
.guide-mission-title b{font-size:1rem;line-height:1.4;letter-spacing:-.01em;color:var(--ink)}
.guide-mission-title>span{font-size:.82rem;line-height:1.5;color:var(--muted)}
.guide-expand{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:1rem;line-height:1;transition:transform .15s ease}
.guide-mission[open]>summary .guide-expand,.guide-topic[open]>summary .guide-expand{transform:rotate(45deg)}
.guide-mission-body{padding:20px;border-top:1px solid var(--line)}
.guide-mission-body>p{font-size:.88rem;margin:0 0 16px}
.guide-mission-body dl{display:grid;gap:12px;margin:0}
.guide-mission-body dl>div{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}
.guide-mission-body dt{font-size:.72rem;color:var(--muted);font-weight:700;line-height:1.5;margin:0 0 4px}
.guide-mission-body dd{font-size:.83rem;line-height:1.55;color:var(--ink);margin:0}
.guide-practical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.prevention-guide .guide-topic{padding:0;overflow:hidden;border:1px solid var(--line)}
.guide-topic>summary{display:grid;grid-template-columns:34px minmax(0,1fr) 22px;gap:12px;align-items:center;min-height:100px;padding:18px}
.guide-topic>summary b{font-size:.94rem;line-height:1.45;color:var(--ink);min-width:0}
.guide-topic-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);background:var(--bg);border-radius:10px;color:var(--blue)}
.guide-topic-icon svg{width:19px;height:19px}
.guide-topic-body{padding:18px;border-top:1px solid var(--line)}
.guide-topic-body>p{font-size:.86rem;margin:0 0 14px}
.guide-topic-body .guide-note{padding:12px;background:var(--bg);border-radius:9px;border:1px solid var(--line)}
.guide-danger{padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:10px;background:var(--paper);color:var(--ink);font-size:.9rem}
.guide-danger a{color:var(--blue)}
.guide-directory>p:not(.eyebrow){color:var(--muted);font-size:.9rem}
.guide-directory-group{border-top:1px solid var(--line)}
.guide-directory-group>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:12px 4px;font-size:.9rem;font-weight:650;color:var(--ink)}
.guide-directory-group>summary>span:first-child::before{content:'＋';display:inline-block;font-weight:500;width:25px;color:var(--muted)}
.guide-directory-group[open]>summary>span:first-child::before{content:'−'}
.guide-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 0 18px}
.guide-control-link{display:grid;grid-template-columns:58px minmax(0,1fr) 14px;gap:9px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:.82rem;line-height:1.5;text-decoration:none;min-width:0}
.guide-control-link:hover{border-color:var(--blue)}
.guide-control-link small{color:var(--muted);font-size:.72rem;font-weight:700;line-height:1.7}
.guide-source-review>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;color:var(--ink);font-size:.9rem;min-height:35px}
.guide-source-review>summary>span{color:var(--muted);font-size:.78rem}
.guide-source-review>summary>b::before{content:'＋';display:inline-block;width:25px;font-weight:500;color:var(--muted)}
.guide-source-review[open]>summary>b::before{content:'−'}
.guide-source-review>p,.guide-source-review li{font-size:.83rem;line-height:1.7}
.guide-source-review small{font-size:.75rem;color:var(--muted)}
.guide-source-review ul{display:grid;gap:6px;padding-left:20px;margin-bottom:0}
@media(min-width:1500px){.guide-practical-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.guide-practical-grid,.guide-foundation-grid,.guide-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-mission>summary{grid-template-columns:60px minmax(0,1fr) 22px;gap:12px;padding:18px}.guide-mission-art{width:60px;height:66px}.guide-mission-art .illustration{width:58px}}
@media(max-width:760px){.prevention-guide{gap:20px}.prevention-guide .guide-welcome{padding:20px;gap:16px}.guide-welcome-art{display:none}.guide-mission-grid,.guide-practical-grid{grid-template-columns:1fr}.guide-mission>summary{min-height:124px}.guide-mission-title b{font-size:.95rem}.guide-foundation .panel-top{flex-wrap:wrap}.guide-source-review>summary{align-items:flex-start}.guide-page-nav{gap:7px}.guide-page-nav button{font-size:.79rem;padding:9px 12px}.guide-topic>summary{min-height:84px}.guide-mission-body,.guide-topic-body{padding:18px}}
@media(max-width:520px){.guide-foundation-grid,.guide-control-grid{grid-template-columns:1fr}.guide-mission>summary{grid-template-columns:52px minmax(0,1fr) 20px;gap:10px;padding:16px}.guide-mission-art{width:52px;height:60px;border-radius:11px}.guide-mission-art .illustration{width:50px}.guide-mission-title>span{font-size:.79rem}.guide-topic>summary{padding:16px;gap:10px}.guide-quick-links{gap:8px}.guide-link{font-size:.79rem;padding:9px 10px}.guide-control-link{grid-template-columns:58px minmax(0,1fr) 14px}.guide-source-review>summary>span{margin-left:25px}}
@media(prefers-reduced-motion:reduce){.guide-expand{transition:none}}