/* Practical guide v2. Same white/blue brand, clearer lesson boundaries. */
body{background:#faf9f7}
.hero{background:#fff;padding:52px 0;border-bottom:3px solid #c63030}
.hero .wrap{max-width:1240px}.hero-grid{gap:34px}
.h1-a{font-size:clamp(32px,4vw,50px)}.h1-b{font-size:clamp(22px,2.6vw,32px);white-space:pre-line}
.hero-by{border-top:1px solid #ddd7cf;padding-top:14px;color:#49443e}
.signature{font-size:21px;font-weight:850;color:#a12626;margin:4px 0 18px}
.layout.wrap{max-width:1440px;padding:0 28px}
#guide-article{max-width:900px;width:100%;padding-bottom:56px}
.sec{margin-top:44px;padding:32px;background:white;border:1px solid #dfdbd5;border-radius:20px}
.sec>h2{font-size:clamp(26px,3vw,34px);border-bottom:3px solid #c63030;padding-bottom:16px;margin-bottom:22px}
.sec>.lead{font-size:18px}
.group{margin-top:52px;padding:24px 26px;border:0;border-left:7px solid #c63030;border-radius:0 14px 14px 0;background:#f4f1eb}
.group-title{font-size:26px}.group-tag{font-size:14px;margin-bottom:7px}
.case{position:relative;margin:24px 0 56px;padding:32px;border:2px solid #d8d1c9;border-top:7px solid #c63030;border-radius:18px;box-shadow:0 10px 25px #192d5d08}
.case-head{gap:20px;padding-bottom:20px;border-bottom:1px solid #dfdbd5}
.case-no{font-size:52px}.case-head h3{font-size:28px;line-height:1.4}
.case-kicker{font-size:13px}.case-outcome{margin:18px 0;padding:14px 18px;background:#f7f3ef;color:#a12626;font-size:19px;font-weight:800;border-radius:10px}
.case h4{margin-top:32px;padding:10px 0 10px 13px;border-left:4px solid #c63030;font-size:21px}
.case .shots{display:grid;grid-template-columns:1fr;gap:22px;margin:20px 0}
.case .shots figure{grid-column:auto;margin:0;border:1px solid #ddd7cf;border-radius:12px;overflow:hidden;background:#f7f5f2}
.case .shots img{width:100%;height:auto;max-height:none;object-fit:contain}
.case .shots figcaption{padding:14px 16px;font-size:15px;color:#49443e;background:#f7f5f2}
.zoomable{display:block;cursor:zoom-in}.zoomable:focus-visible{outline:4px solid #c63030;outline-offset:3px}
.rcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rcards a{padding:20px;border:1px solid #ded8d1;border-radius:14px;gap:10px;transition:border-color .15s,box-shadow .15s}
.rcards a:hover{transform:none;border-color:#c63030;box-shadow:0 6px 18px #c6303012}
.result-top{display:flex;align-items:center;gap:10px}.result-index{font-size:14px;font-weight:800;background:#c63030;color:#fff;padding:3px 8px;border-radius:5px}
.result-service{font-size:19px;font-weight:850;color:#a12626}.result-title{font-size:21px;font-weight:800;line-height:1.45}
.result-proof{font-size:14px;color:#666059;line-height:1.5}.result-image{margin-top:auto;border:1px solid #e0e6f1;border-radius:7px;overflow:hidden;background:#f2eee8}
.result-image img{width:100%;aspect-ratio:16/9;object-fit:contain}.rgo{font-size:14px;color:#a12626;padding-top:4px}
.toc{background:white;border:1px solid #dfdbd5;border-radius:16px;padding:16px}
.toc-title{font-size:19px;color:#222222;line-height:1.4;margin:8px 0 18px}
.toc-quick{display:flex;gap:6px;border-bottom:1px solid #dfdbd5;padding-bottom:14px}
.toc .toc-quick a{font-size:14px;font-weight:800;color:#c63030;background:#f7f3ef;padding:9px;flex:1;text-align:center;border-radius:8px;line-height:1.4}
.toc ol{margin:0}.toc li{margin:5px 0}.toc a{display:flex;align-items:baseline;gap:9px;font-size:18px;line-height:1.45;font-weight:800;padding:11px 10px;border-radius:8px}
.toc a b{font-variant-numeric:tabular-nums;flex:none;font-size:14px;color:#c63030}.toc a span{min-width:0}
.toc .sub a{font-size:15px;padding:8px 8px 8px 18px;font-weight:600;color:#57514a}
.toc .sub a b{font-size:12px}.toc .nav-feature{margin-top:18px;border-top:2px solid #c63030;padding-top:12px}
.toc .nav-feature>a{background:#c63030;color:#fff}.toc .nav-feature>a b{color:#fff}
.toc .nav-prompt a{color:#a12626;background:#f7f5f2}.toc a.is-active{background:#eee8e0;color:#a12626;box-shadow:inset 4px 0 #c63030}
.prompt-banner{margin:-32px -32px 26px;padding:34px 32px;background:#c63030;color:#fff;border-radius:18px 18px 0 0}
.prompt-banner h2{font-size:36px;color:#fff;margin-bottom:18px;line-height:1.3}
.prompt-banner .eyebrow{font-size:15px;font-weight:800;color:#e4ebff}.prompt-banner p{font-size:18px}
.prompt-banner .prompt-disclosure{font-size:14px;line-height:1.65;color:#e4ebff;border-top:1px solid #ffffff50;padding-top:15px}
.prompt-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:24px}
.prompt-jumps a{color:#102962;background:#fff;text-decoration:none;display:flex;gap:10px;align-items:center;font-size:16px;font-weight:750;padding:12px;border-radius:8px}
.prompt-jumps a b{color:#c63030}.prompt-jumps a span{margin-left:auto}.prompt-how{font-size:17px}
.mm-card{border:2px solid #c1cff2;border-top:6px solid #c63030;padding:26px;margin:32px 0 44px;border-radius:14px;box-shadow:none}
.mm-head{border-bottom:1px solid #dbe3f2;padding-bottom:20px}.mm-card h3{font-size:26px}.mm-step{font-size:13px}
.mm-id{background:#c63030;width:58px;height:58px;font-size:30px}.mm-meta{font-size:16px}
.mm-ptop{display:flex;align-items:center;justify-content:space-between;gap:12px}.mm-ptop .prompt-label{font-size:16px;color:#21375f}
.mm-ptop .copy{background:#c63030;color:#fff;padding:12px 22px;font-size:17px;min-width:90px}
.mm-prompt .prompt-text{max-height:560px;font-size:16px;line-height:1.85;padding:18px}
.mm-ours{border:2px solid #b6c7ef;border-left:7px solid #c63030;padding:22px;background:#f0f4ff;border-radius:12px}
.mm-end{border:2px solid #c63030;border-radius:12px;padding:22px;font-size:21px;font-weight:750;background:#f7f3ef;margin-top:24px}
.chat{border:3px solid #c63030;margin:44px 0;padding:30px;border-radius:18px}.chat h2{font-size:30px}
.topbar{border-bottom:1px solid #dfdbd5}.fab{font-size:14px}
.toc ol .sub>a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:10px 8px!important}
.toc ol .sub>a>b{margin:2px 0 0!important;text-align:center;line-height:22px;border-radius:5px;background:#f4f1eb;color:#c63030}
.toc ol .sub>a>span{display:block;min-width:0}.toc ol .sub strong{display:block;font-size:16px;line-height:1.45;color:#38342f}.toc ol .sub small{display:block;font-size:14px;line-height:1.45;margin-top:2px;color:#6c655e;font-weight:500}
.toc ol .nav-prompt>a{align-items:center}.toc ol .nav-prompt>a>span{font-size:15px;line-height:1.45}
#start .pick{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
#start .pick li{padding:24px 20px;border:2px solid #cedbff;border-top:6px solid #c63030;border-radius:14px;background:#f5f8ff}
#start .pick h3{font-size:25px;line-height:1.35;color:#a12626;margin:0 0 18px;letter-spacing:-.03em}
#start .pick a{display:block;background:white;padding:10px 12px;border:1px solid #e1e7f3;border-radius:7px;margin-top:7px;font-size:16px;font-weight:700;text-decoration:none}
.download-guide{padding:26px;border:2px solid #c9d7ff;border-radius:16px;background:#f5f8ff;margin:24px 0 36px}
.download-label{font-weight:800;color:#c63030;font-size:15px}.download-guide h3{font-size:29px;margin:0 0 16px}.download-guide figure{margin:20px 0;border:1px solid #ddd7cf;background:#fff;border-radius:12px;overflow:hidden}.download-guide figure img{width:100%;height:auto}.download-guide figcaption{font-size:14px;padding:13px;color:#53617b}.download-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.download-actions .btn{font-size:17px}.download-steps{counter-reset:download;list-style:none;padding:0;margin:24px 0}.download-steps li{position:relative;padding:0 0 22px 45px;counter-increment:download}.download-steps li:before{content:counter(download);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:50%;background:#c63030;color:white;text-align:center;font-weight:800;line-height:30px}.download-steps b{display:block;font-size:20px;margin-bottom:5px}.download-steps span{display:block;font-size:16px}.download-preview{border-top:1px solid #cbd6f0;margin-bottom:18px}.download-preview summary{cursor:pointer;padding:18px 0;font-weight:800;color:#a12626;font-size:17px}
@media(max-width:600px){#start .pick{grid-template-columns:1fr}#start .pick h3{font-size:25px}.download-guide{padding:20px 14px}.download-guide h3{font-size:25px}.download-actions .btn{width:100%;font-size:16px}.download-steps b{font-size:18px}.toc ol .sub strong{font-size:14px}.toc ol .sub small{font-size:12px}.toc ol .sub>a{grid-template-columns:23px minmax(0,1fr);gap:6px}}
@media(min-width:1100px){.layout{grid-template-columns:290px minmax(0,900px);gap:32px}.toc{top:76px;max-height:calc(100vh - 92px);margin-top:44px;padding:16px;scrollbar-width:thin}.toc-title{font-size:19px}.toc ol{display:block}.toc .toc-quick{position:sticky;top:-16px;padding-top:8px;background:white;z-index:2}.hero-grid{grid-template-columns:minmax(0,1fr) 390px}}
@media(max-width:1099px){.layout.wrap{padding:0 20px}.toc{margin-top:24px}.toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.toc li{margin:0;min-width:0}.toc a{height:100%;font-size:16px;border:1px solid #dfdbd5;border-radius:8px}.toc .sub a{padding:10px;font-size:14px}.toc .nav-feature{margin-top:0;padding-top:0;border:0}.toc-title{cursor:pointer;margin:8px 0}.toc-title::after{font-size:14px}.toc-quick{padding-bottom:10px}}
@media(max-width:600px){.layout.wrap{padding:0 14px}.hero{padding:30px 0}.sec{padding:20px 16px;margin-top:28px;border-radius:14px}.case{padding:22px 16px;margin-bottom:36px}.case-head{flex-direction:row;gap:12px}.case-no{font-size:36px}.case-head h3{font-size:23px}.case-no small{font-size:11px}.case-outcome{font-size:16px}.rcards{grid-template-columns:1fr}.rcards a{padding:18px}.result-image img{max-height:150px}.group{padding:20px 18px}.group-title{font-size:23px}.prompt-banner{margin:-20px -16px 24px;padding:25px 20px;border-radius:12px 12px 0 0}.prompt-banner h2{font-size:29px}.prompt-jumps{grid-template-columns:1fr}.prompt-jumps a{font-size:16px}.mm-card{padding:20px 14px}.mm-card h3{font-size:23px}.mm-id{width:45px;height:45px;font-size:25px}.mm-meta{font-size:16px}.prompt.mm-prompt{padding:12px 10px}.mm-ptop .prompt-label{font-size:14px}.mm-ptop .copy{font-size:15px;padding:10px 12px;min-width:66px}.mm-prompt .prompt-text{font-size:15px;padding:12px}.mm-end{font-size:18px;padding:18px}.chat{padding:22px 18px}.chat h2{font-size:25px}.toc a{font-size:15px}.toc .sub a{font-size:13px}.fab{bottom:12px;right:12px;padding:8px 12px}}
@media print{body{background:#fff}.toc-quick,.result-image,.prompt-jumps{display:none!important}.layout.wrap{padding:0}.sec,.case{box-shadow:none;border:0;padding:0;margin:4mm 0}.prompt-banner{margin:0;padding:4mm;background:#fff;color:#111;border:2px solid #c63030}.prompt-banner h2,.prompt-banner p,.prompt-banner .eyebrow,.prompt-banner .prompt-disclosure{color:#111}.mm-card{break-inside:avoid;padding:3mm}.mm-prompt .prompt-text{max-height:none;font-size:8.5pt;line-height:1.4;padding:0}.case .shots figure:not(:first-child){display:none}.case .shots img{max-height:50mm}.case .shots figcaption{font-size:8pt;padding:1mm}.toc ol{columns:2}.toc a,.toc .sub a{font-size:9pt;padding:1mm}.group{break-inside:avoid}.case-outcome{font-size:11pt;padding:2mm}}
/* Full videos: actual thumbnails and separate reading/watch actions. */
#videos .vlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border:0;margin-top:28px}
#videos .vlist>li{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border:1px solid #dce5f1;border-radius:18px;background:#fff;box-shadow:0 6px 20px #183b6810}
#videos .video-thumb{display:block;position:relative;aspect-ratio:16/9;background:#e9eef7;overflow:hidden}
#videos .video-thumb img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border:0;border-radius:0}
#videos .vno{position:absolute;top:12px;left:12px;background:#fff;color:#1749a5;padding:5px 10px;border-radius:7px;font-size:13px;font-weight:800;width:auto}
#videos .live .vno{background:#ad253e;color:white}
#videos .video-play{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:44px;height:34px;background:#1357cf;color:white;border-radius:10px;font-size:18px;box-shadow:0 2px 12px #0003}
#videos .video-card-body{padding:20px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
#videos .vtitle{font-size:20px;line-height:1.5;font-weight:800;color:#172e50;text-decoration:none;margin:3px 0 12px}
#videos .vmeta{font-size:13px;margin:0 0 8px;color:#52657e}
#videos .vlinks{font-size:13px;margin:0 0 16px}
#videos .video-watch{margin-top:auto;display:inline-block;background:#edf4ff;color:#174fac;font-size:14px;font-weight:750;padding:9px 12px;border-radius:8px;text-decoration:none}
#videos .video-thumb:hover img{filter:brightness(1.06)}
#videos a:focus-visible{outline:3px solid #2468e8;outline-offset:3px}
@media(max-width:680px){#videos .vlist{grid-template-columns:1fr;gap:20px}#videos .vtitle{font-size:19px}#videos .video-card-body{padding:17px}}
@media print{#videos .vlist>li{break-inside:avoid;box-shadow:none}#videos .video-play{display:none}}