@import url("../../style.css?v=20260912");
.guide-shell{min-height:100vh}.guide-shell .nav{border-bottom:1px solid rgba(17,17,20,.04)}
.guide-main{max-width:780px;margin:0 auto;padding:70px 32px 104px}.guide-main.wide{max-width:1040px}
.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--sub);font-size:13px;font-weight:650;margin-bottom:36px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--ink)}
.guide-main h1{font-size:48px;margin-bottom:18px}.guide-main h2{font-size:28px;margin:64px 0 18px;scroll-margin-top:96px}.guide-main h3{font-size:18px;margin:0 0 8px}
.guide-main p,.guide-main li{font-size:16px;line-height:1.75}.guide-main p{margin-bottom:16px}.guide-main p.lead{font-size:19px;line-height:1.65;max-width:720px}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 34px}.meta span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--sub);font-size:12px;font-weight:650}.meta .checked{color:#0b7d3c;background:#edf9f1;border-color:#d8f1e1}
.answer{background:var(--yellow);color:var(--yellow-ink);padding:28px 30px;border-radius:24px;box-shadow:none}.answer strong{display:block;font-size:13px;letter-spacing:.02em;margin-bottom:8px}.answer p{color:var(--yellow-ink);margin:0;font-weight:560}
.scope-grid,.route,.related,.guide-grid,.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scope-item,.route a,.related a,.outcome{background:#fff;border-radius:20px;padding:20px;border:1px solid var(--line);text-decoration:none;box-shadow:0 8px 24px rgba(20,20,30,.035)}
.scope-item b,.route a,.related a,.outcome b{display:block;font-weight:750}.scope-item span,.route small,.outcome span{display:block;color:var(--sub);font-size:13px;line-height:1.55;margin-top:5px}.route a:hover,.related a:hover{border-color:#c9c9cf;transform:translateY(-1px)}
.toc{background:#fff;border-radius:22px;padding:22px 24px;margin:28px 0 8px;border:1px solid var(--line)}.toc b{font-size:13px}.toc ol{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;margin:12px 0 0;padding-left:20px}.toc a{color:var(--sub);font-size:14px;text-decoration:none}
.notice{background:#fff;border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:16px;padding:17px 19px;margin:20px 0;color:var(--ink);font-size:14.5px;line-height:1.7}.notice.danger{border-left-color:var(--orange)}
.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:12px}.steps li{counter-increment:step;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px 20px 62px;position:relative}.steps li::before{content:counter(step);position:absolute;left:20px;top:20px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:750}.steps li b{display:block;margin-bottom:3px}.steps li small{display:block;color:var(--sub);font-size:13px;margin-top:5px}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px}table{width:100%;border-collapse:collapse;min-width:580px}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px;line-height:1.6}th{background:var(--soft);font-size:12px;color:var(--sub)}tr:last-child td{border-bottom:0}
.checklist{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checklist li{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px 14px 48px;position:relative}.checklist li::before{content:"✓";position:absolute;left:16px;top:14px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e9f8ee;color:#118447;font-size:12px;font-weight:800}
.proof{background:var(--ink);color:#fff;border-radius:24px;padding:26px}.proof p,.proof li{color:rgba(255,255,255,.72)}.proof h3{color:#fff}.proof code{display:block;background:rgba(255,255,255,.08);border-radius:14px;padding:16px;white-space:pre-wrap;font-family:var(--sans);font-size:13px;line-height:1.65}
.button,.copy-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff!important;text-decoration:none;border:0;font-weight:750;font-size:14px;cursor:pointer}.button.secondary,.copy-button.secondary{background:var(--soft);color:var(--ink)!important}.button + .button{margin-left:6px}
.source-list{padding-left:20px}.source-list li{margin:9px 0}.source-list a{color:var(--blue)}.history{font-size:13px!important;color:var(--sub)}
.cta{margin-top:70px;padding:34px;border-radius:28px;background:#fff}.cta h2{margin:12px 0 10px}.cta p{color:var(--sub)}.pill{display:inline-flex;border-radius:999px;padding:5px 10px;background:#edf9f1;color:#118447;font-size:12px;font-weight:750}
.hub-hero{padding:76px 0 34px}.hub-hero .hero-box{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}.hub-intro{padding:48px 0}.hub-intro p.lead{max-width:620px}.hub-tool{background:var(--yellow);border-radius:30px;padding:30px;color:var(--yellow-ink);display:flex;flex-direction:column;justify-content:space-between}.hub-tool .big{font-size:35px;font-weight:750;letter-spacing:-.04em}.hub-tool p{color:var(--yellow-ink);opacity:.76}.hub-tool .btn{align-self:flex-start;background:var(--ink);color:#fff}
.guide-grid{grid-template-columns:repeat(3,1fr)}.guide-tile{display:flex;flex-direction:column;min-height:190px;background:#fff;border-radius:24px;padding:24px;text-decoration:none;box-shadow:var(--shadow)}.guide-tile.featured{background:var(--yellow);color:var(--yellow-ink)}.guide-tile .k{font-size:12px;color:var(--sub);font-weight:700}.guide-tile.featured .k{color:var(--yellow-ink);opacity:.62}.guide-tile h3{margin:12px 0 8px;font-size:20px}.guide-tile p{font-size:14px;color:var(--sub);margin:0}.guide-tile.featured p{color:var(--yellow-ink);opacity:.72}.guide-tile .go{margin-top:auto;padding-top:20px;font-size:13px;font-weight:750}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.trust-strip div{padding:18px 20px;border-radius:18px;background:#fff}.trust-strip b{display:block;font-size:14px}.trust-strip span{font-size:12px;color:var(--sub)}
.guide-footer{border-top:1px solid var(--line);padding:30px 0;color:var(--sub);font-size:13px}.guide-footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.guide-footer a{color:inherit}
.sub-row{display:grid;grid-template-columns:1.2fr .85fr .9fr .85fr auto;gap:8px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.sub-row:last-child{border:0}.sub-row button{height:44px;border:0;border-radius:12px;padding:0 14px}.field{display:grid;gap:7px}.field label{font-weight:750;font-size:13px}.field input,.field select{width:100%;border:1px solid #d7d8d2;border-radius:12px;background:#fff;padding:12px 13px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:18px;background:#fff;border-radius:16px;border:1px solid var(--line)}.metric b{display:block;font-size:24px;letter-spacing:-.03em}.metric span{font-size:12px;color:var(--sub)}
@media(max-width:760px){.guide-main{padding:42px 20px 76px}.guide-main h1{font-size:38px}.guide-main h2{font-size:25px;margin-top:52px}.hub-hero{padding-top:40px}.hub-hero .hero-box,.scope-grid,.route,.related,.guide-grid,.outcome-grid,.trust-strip{grid-template-columns:1fr}.hub-intro{padding:34px 0}.toc ol{grid-template-columns:1fr}.sub-row{grid-template-columns:1fr 1fr}.sub-row .wide{grid-column:1/-1}.summary{grid-template-columns:1fr}.guide-shell .nav a.m{display:none}.guide-shell .nav .wrap{padding:0 20px}.answer{padding:24px}.guide-tile{min-height:160px}}


/* 2026-09-13 directory */
.section-number{margin-top:42px}.hub-title{margin:14px 0!important}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-card{min-height:145px;padding:20px;border-radius:22px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;text-decoration:none}.choice-card.hot{background:var(--yellow)}.choice-card span{font-size:11px;opacity:.55}.choice-card b{font-size:17px;margin-top:18px}.choice-card small{font-size:12px;color:var(--sub);margin-top:auto}.directory-section{padding-top:34px;scroll-margin-top:70px}.directory-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.directory-head h2{font-size:24px;margin:0!important}.directory-list{display:grid;grid-template-columns:1fr 1fr}.directory-list a{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:15px 12px;border-bottom:1px solid var(--line);text-decoration:none}.directory-list span{font-size:12px;color:var(--sub)}.directory-list em{font-style:normal}@media(max-width:760px){.choice-grid{grid-template-columns:1fr 1fr}.choice-card:last-child{grid-column:1/-1}.directory-list{grid-template-columns:1fr}.choice-card{min-height:130px}}
.prose{font-size:16px;line-height:1.82;color:#373733}.prose p{margin:0 0 16px}.prose p:last-child{margin-bottom:0}.card.prose p{margin-bottom:12px}@media(max-width:640px){.prose{font-size:15px;line-height:1.78}}

/* finder-20260913g */
.hub-hero.compact{min-height:auto;padding-bottom:18px}.guide-finder{margin:18px 0 44px;padding:22px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 10px 34px rgba(15,15,15,.045)}.guide-finder>label{display:block;font-size:13px;font-weight:800;margin-bottom:9px}.search-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 14px;border:1px solid #d7d7d3;border-radius:15px;background:#f7f7f5}.search-box:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,20,20,.07)}.search-box span{font-size:25px;line-height:1}.search-box input{width:100%;height:54px;border:0;outline:0;background:transparent;font:inherit;font-size:15px}.search-box button{border:0;background:transparent;color:var(--sub);font-size:12px;cursor:pointer}.filter-block{margin-top:22px}.filter-block>strong{display:block;font-size:13px;margin-bottom:10px}.filter-chips,.service-chips{display:flex;flex-wrap:wrap;gap:7px}.filter-chip,.service-chip{border:1px solid var(--line);background:#f7f7f5;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:700;cursor:pointer}.filter-chip.active,.service-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.service-chooser{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.service-chooser summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.service-chooser summary::-webkit-details-marker{display:none}.service-chooser summary span{display:flex;align-items:center;gap:10px}.service-chooser summary b{font-size:13px}.service-chooser summary small,.service-chooser summary em{font-size:12px;color:var(--sub);font-style:normal}.service-chips{padding-top:15px}.all-articles{scroll-margin-top:80px}.results-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.results-head h2{margin:5px 0 0!important;font-size:28px}.results-head p{margin:0;color:var(--sub)}.results-head p b{color:var(--ink);font-size:22px}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.article-card{min-height:190px;padding:20px;border:1px solid var(--line);border-radius:19px;background:#fff;text-decoration:none;display:flex;flex-direction:column;transition:transform .16s ease,border-color .16s ease}.article-card:hover{transform:translateY(-2px);border-color:#b5b5af}.article-meta{display:flex;align-items:center;justify-content:space-between}.article-meta b{font-size:12px}.article-meta em{font-size:11px;font-style:normal;color:var(--sub);background:#f2f2ef;border-radius:999px;padding:5px 8px}.article-card h2{font-size:19px;line-height:1.42;margin:18px 0 7px!important}.article-card p{font-size:13px;line-height:1.6;color:var(--sub);margin:0}.read-link{font-size:12px;font-weight:800;margin-top:auto;padding-top:18px}.empty-result{padding:42px 20px;text-align:center;border:1px dashed var(--line);border-radius:19px}.empty-result p{color:var(--sub)}@media(max-width:760px){.guide-finder{padding:17px;border-radius:19px}.filter-chips{display:grid;grid-template-columns:1fr 1fr}.filter-chip{text-align:left;border-radius:12px}.article-grid{grid-template-columns:1fr}.article-card{min-height:168px}.results-head{align-items:flex-start}.results-head h2{font-size:23px}.service-chooser summary span{align-items:flex-start;flex-direction:column;gap:2px}}

/* resolution-first-guides-20260913 */
.self-done{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:20px 0 34px;padding:18px 20px;border:1px solid #b9e6cb;border-radius:16px;background:#edfaf2;color:#124b2a}
.self-done b{font-size:15px}.self-done span{font-size:14px;line-height:1.5;text-align:right}
.support-gate{margin:16px 0;padding:20px 22px;border-radius:16px;background:#f1f1f3}
.support-gate b{display:block;margin-bottom:6px}.support-gate p{margin:0;color:#5e6269;line-height:1.65}
.support-details{margin:16px 0 40px;border:1px solid #dedfe2;border-radius:18px;background:#fff;overflow:hidden}
.support-details summary{cursor:pointer;padding:19px 22px;font-weight:800;list-style:none}
.support-details summary::-webkit-details-marker{display:none}
.support-details summary:after{content:"＋";float:right;color:#8d9096}
.support-details[open] summary{border-bottom:1px solid #ececee}
.support-details[open] summary:after{content:"－"}
.support-details>.proof,.support-details>.card,.support-details>.subsection-title{margin-left:20px;margin-right:20px}
.support-details>.proof{margin-top:20px}
.support-details>.card{margin-bottom:20px}
.situation-list p{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;margin:0;padding:17px 0}
.situation-list p+p{border-top:1px solid #ececee}
.situation-list span{color:#666a72;line-height:1.65}
@media(max-width:640px){
 .self-done{display:block}.self-done span{display:block;margin-top:7px;text-align:left}
 .situation-list p{grid-template-columns:1fr;gap:5px}
}
/* editorial-depth-layout-20260913 */
.guide-main .guide-intro{
  margin:28px 0 54px;
  padding:0 2px 30px;
  border-bottom:1px solid var(--line);
}
.guide-main .guide-intro p:first-child{font-size:18px;color:var(--ink)}
.guide-main .guide-intro p,
.guide-main .table-context p,
.guide-main .step-bridge p,
.guide-main .situation-intro p,
.guide-main .support-context p,
.guide-main .completion-note p{
  font-size:16px;
  line-height:1.85;
  letter-spacing:-.012em;
}
.guide-main .table-context{margin:22px 2px 52px}
.guide-main .step-bridge{margin:0 2px 18px}
.guide-main .situation-intro{margin:0 2px 22px}
.guide-main .support-context{margin:20px 2px 22px}
.guide-main .completion-note{margin:20px 2px 34px}
.steps{
  gap:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.steps li{
  min-height:76px;
  padding:22px 4px 22px 54px;
  border:0;
  border-radius:0;
  background:transparent;
}
.steps li+li{border-top:1px solid var(--line)}
.steps li::before{left:4px;top:22px}
.steps li b{font-size:17px;margin-bottom:7px}
.steps li small{font-size:15px;line-height:1.75}
.situation-list.card{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.situation-list p{
  display:block;
  padding:22px 2px;
  border-top:1px solid var(--line);
}
.situation-list p:last-child{border-bottom:1px solid var(--line)}
.situation-list p+p{border-top:1px solid var(--line)}
.situation-list b{display:block;margin-bottom:8px;font-size:17px}
.situation-list span{display:block;font-size:15px;line-height:1.78}
.table-wrap{margin-top:18px}
@media(max-width:640px){
 .guide-main .guide-intro p:first-child{font-size:17px}
 .guide-main .guide-intro p,
 .guide-main .table-context p,
 .guide-main .step-bridge p,
 .guide-main .situation-intro p,
 .guide-main .support-context p,
 .guide-main .completion-note p{font-size:15.5px;line-height:1.8}
 .steps li{padding-left:48px}
}
