.guide-page{color:#25231f}
.guide-page h1,.guide-page h2,.guide-page h3{overflow-wrap:anywhere;line-height:1.5;letter-spacing:-.035em}
.guide-label{font-size:11px;font-weight:800;letter-spacing:.07em}
.guide-article{max-width:850px;margin:0 auto;padding:30px 32px 90px}
.guide-hero{padding:25px 0 32px;border-bottom:2px solid #25231f}
.guide-hero h1{font-size:clamp(27px,3.8vw,42px);margin:18px 0 24px}
.guide-intro{font-size:16px;line-height:2.1}
.guide-meta{font-size:11px;line-height:1.9;margin-top:25px;color:#5d5852}
.guide-page a:not(.brand):not(.footer-brand){text-underline-offset:4px}
.guide-answer{background:#e4eccd;border:1px solid #25231f;border-radius:14px;padding:22px 26px;margin:30px 0}
.guide-answer>strong{font-size:12px}
.guide-answer p{font-size:15px;line-height:2;margin:8px 0 0}
.guide-toc{background:#fffaf0;padding:23px 26px;border:1px solid #c8c3b6;border-radius:14px}
.guide-toc h2{font-size:16px;margin:0 0 14px}
.guide-toc ol{padding-left:23px;margin:0;display:grid;gap:10px}
.guide-toc a{font-size:13px;line-height:1.8;text-decoration:underline}
.guide-body{font-size:14px;line-height:2.1}
.guide-body section{padding-top:48px;scroll-margin-top:110px}
.guide-body h2{font-size:23px;margin:0 0 20px;border-left:5px solid #f2ba4d;padding-left:16px}
.guide-body h3{font-size:16px;margin:16px 0 8px}
.guide-body p{margin:16px 0}
.guide-body ul,.guide-body ol{padding-left:24px}
.guide-body li+li{margin-top:9px}
.guide-body a,.guide-meta a,.guide-service-link a{font-weight:700;text-decoration:underline}
.guide-table-wrap{width:100%;overflow:auto;margin:25px 0 12px;border:1px solid #c8c3b6;border-radius:8px;background:#fffaf0}
.guide-table-wrap:focus-visible{outline:3px solid #25231f;outline-offset:3px}
.guide-table-wrap table{width:100%;min-width:570px;border-collapse:collapse;font-size:12px;line-height:1.9;text-align:left}
.guide-table-wrap caption{text-align:left;font-weight:700;padding:12px 16px;border-bottom:1px solid #c8c3b6}
.guide-table-wrap th,.guide-table-wrap td{padding:13px 16px;vertical-align:top;border-bottom:1px solid #d9d4c8}
.guide-table-wrap thead{background:#e4eccd}
.guide-table-wrap tbody th{width:23%}
.guide-table-wrap tr:last-child>*{border-bottom:0}
.guide-caption{font-size:11px;color:#625b50}
.guide-example{border:1px solid #25231f;border-radius:14px;background:#f5e6bb;padding:22px 25px;margin:25px 0}
.guide-example .guide-label{margin-top:0;font-size:10px}
.guide-example>:last-child{margin-bottom:0}
.guide-download{background:#f5e6bb;border:2px solid #25231f;box-shadow:5px 5px 0 #25231f;border-radius:18px;padding:30px;margin:42px 5px 38px 0}
.guide-download small{font-size:10px;font-weight:800;letter-spacing:.08em}
.guide-download h2{font-size:24px;margin:12px 0}
.guide-download p{font-size:13px;line-height:1.9}
.guide-download a{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:100%;background:#25231f;color:#fffaf0;padding:16px 20px;border-radius:7px;font-size:13px;font-weight:800;line-height:1.8;margin-top:22px}
.guide-related{margin:36px 0 0}
.guide-related h2{font-size:17px}
.guide-related ul{list-style:none;padding:0}
.guide-related li{border-bottom:1px solid #c8c3b6}
.guide-related a{display:flex;justify-content:space-between;gap:24px;padding:17px 0;font-size:13px;font-weight:700}
.guide-index,.guide-blog-section{max-width:1100px;margin:0 auto;padding:50px 32px 80px}
.guide-index-heading{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:center;margin-bottom:50px}
.guide-index-heading h1{font-size:clamp(35px,4.7vw,58px);line-height:1.4;margin:18px 0 22px}
.guide-index-heading p:not(.guide-label){font-size:14px;line-height:2.1}
.guide-index-heading img{width:100%;height:auto;max-width:280px}
.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.guide-card{display:flex;flex-direction:column;background:#fffaf0;border:2px solid #25231f;box-shadow:5px 5px 0 #25231f;border-radius:18px;padding:28px 28px 24px;min-width:0}
.guide-card:nth-child(2){background:#e4eccd}
.guide-card small{font-size:10px;font-weight:800;letter-spacing:.06em}
.guide-card h2,.guide-card h3{font-size:24px;line-height:1.6;margin:16px 0 18px}
.guide-card p{font-size:13px;line-height:2;margin:0 0 25px}
.guide-card-link{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;font-weight:800;margin-top:auto;border-top:1px solid #25231f;padding-top:17px}
.guide-index-note{font-size:12px;line-height:2;margin-top:34px}
.guide-blog-section{padding-top:20px;padding-bottom:40px}
.guide-blog-section .section-intro{padding:0;margin-bottom:30px}
.guide-blog-section>.text-link{margin-top:25px}
.guide-service-link{max-width:var(--max);margin:10px auto 35px;padding:0 32px;font-size:13px;line-height:2}
@media(max-width:760px){
 .guide-article{padding:10px 24px 60px}
 .guide-hero{padding:18px 0 26px}
 .guide-hero h1{font-size:28px;line-height:1.65}
 .guide-intro{font-size:14px}
 .guide-answer,.guide-toc{padding:20px}
 .guide-body section{padding-top:38px}
 .guide-body h2{font-size:20px;padding-left:12px}
 .guide-example{padding:20px}
 .guide-download{padding:23px}
 .guide-download h2{font-size:21px}
 .guide-download a{padding:15px;font-size:12px}
 .guide-index,.guide-blog-section{padding:30px 24px 55px}
 .guide-index-heading{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:30px}
 .guide-index-heading img{max-width:150px;justify-self:end;margin-top:-18px}
 .guide-index-heading h1{font-size:38px}
 .guide-cards{grid-template-columns:minmax(0,1fr);gap:26px}
 .guide-card{padding:24px}
 .guide-card h2,.guide-card h3{font-size:23px}
 .guide-desktop-break{display:none}
 .guide-service-link{padding:0 24px}
 .guide-page .breadcrumb{flex-wrap:wrap;font-size:10px;gap:8px}
}

/* Avoid downloading dozens of Japanese font subsets on the first-step guide. */
.guide-page--ai-first-step { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
