/* Daitoku free tools: original how-to guides */
.guide-hero{margin-top:var(--header);padding:80px 6vw 66px;background:linear-gradient(120deg,#04172f 0%,#06386a 74%,#0b5585 100%);color:#fff}
.guide-hero-inner{max-width:1050px;margin:auto}.guide-eyebrow{font:600 12px/1.6 "Noto Sans JP",sans-serif;letter-spacing:.16em;color:#e0b96b;margin:0 0 12px}
.guide-hero h1{max-width:950px;margin:0;font:500 clamp(30px,4.2vw,50px)/1.45 "Noto Serif JP",serif;letter-spacing:.03em}
.guide-hero .guide-lead{max-width:820px;font-size:15px;line-height:2;color:rgba(255,255,255,.87);margin:23px 0 0}
.guide-crumb{max-width:1050px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:12px;color:#607084}.guide-crumb a{color:#0a508b;text-decoration:underline;text-underline-offset:3px}
.guide-layout{max-width:1090px;margin:0 auto;padding:24px 24px 92px;display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:53px;align-items:start}
.guide-main{min-width:0}.guide-main>section{margin-bottom:60px;scroll-margin-top:100px}
.guide-main h2{font:500 clamp(23px,2.6vw,30px)/1.5 "Noto Serif JP",serif;margin:0 0 20px;padding-left:16px;border-left:4px solid var(--gold)}
.guide-main h3{font-size:17px;color:#163659;margin:27px 0 12px;font-weight:600}
.guide-main p,.guide-main li{font-size:14px;line-height:2;color:#445262}
.guide-main p{margin:0 0 15px}.guide-main ul{padding-left:22px;margin:12px 0}.guide-main li{margin-bottom:9px}
.guide-intro{font-size:16px!important;color:#263a4e!important}
.guide-steps{display:grid;gap:14px;padding:0;list-style:none;counter-reset:guide-step}
.guide-step{position:relative;padding:22px 23px 20px 67px;border:1px solid #dde5ed;background:#fff;border-radius:7px;counter-increment:guide-step;box-shadow:0 4px 20px rgba(4,21,45,.035)}
.guide-step:before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:20px;top:22px;color:#aa823e;font:600 17px Georgia,serif}
.guide-step h3{margin:0 0 7px;font-size:16px}.guide-step p{margin:0}
.guide-example{padding:26px 28px;background:#f3f7fa;border-left:4px solid #15658a;border-radius:0 6px 6px 0}
.guide-example strong{display:block;margin-bottom:10px;color:#11385a}.guide-example p:last-child{margin-bottom:0}
.guide-warning{background:#fff8ec;border:1px solid #e7d2a5;padding:22px 25px;border-radius:6px}
.guide-warning p:last-child{margin-bottom:0}.guide-warning strong{color:#77531b;display:block;margin-bottom:7px}
.guide-faq{border-top:1px solid #dce3eb}.guide-faq details{border-bottom:1px solid #dce3eb;padding:16px 0}.guide-faq summary{cursor:pointer;font-weight:600;color:#143b5a;font-size:14px}.guide-faq details p{margin:12px 0 0}
.guide-aside{position:sticky;top:96px;border:1px solid #dce5ee;background:#f7fafc;padding:22px;border-radius:7px}
.guide-aside h2{font-size:14px;margin:0 0 12px;color:#133c63}
.guide-aside a{display:block;padding:11px 0;border-top:1px solid #dbe5ed;color:#284e70;font-size:13px;line-height:1.5}
.guide-aside a:hover,.guide-related a:hover{color:#0066a8;text-decoration:underline}
.guide-action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:13px;margin-top:24px}
.guide-primary{display:inline-block;padding:15px 23px;background:#0a4279;color:#fff;font-size:14px;font-weight:600;border-radius:3px}
.guide-primary:hover{background:#0d609d}.guide-back{font-size:13px;color:#0d579b;text-decoration:underline}
.guide-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-related a{border:1px solid #dbe3ed;padding:20px;background:#fff;border-radius:5px}
.guide-related span{display:block;color:#9a773d;font-size:10px;letter-spacing:.1em;margin-bottom:7px}.guide-related strong{display:block;font-size:15px;color:#203d59;margin-bottom:4px}.guide-related p{font-size:12px;margin:0}
.guide-hub-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.guide-hub-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cbd9e5;background:#fff;padding:14px 16px;color:#0a4e83;font-size:13px;font-weight:600;border-radius:4px;transition:.2s}
.guide-hub-links a:hover{background:#edf5fa;border-color:#8ab3cd}
.guide-hub-links a.external{background:#0a4279;color:#fff;border-color:#0a4279}
.guide-hub-links a.external:hover{background:#095b9e}
.guide-source{font-size:12px!important;color:#6b7783!important;padding-top:8px}
.guide-related-band{padding:48px 24px;background:#f1f6f9}.guide-related-band .guide-related-wrap{max-width:1050px;margin:auto}
.guide-related-band h2{font:500 24px "Noto Serif JP",serif;margin:0 0 20px}
.guide-hub-intro{max-width:930px;margin:0 auto 45px;padding:0 20px;text-align:center}
.guide-hub-intro h2{font:500 30px "Noto Serif JP",serif}
.guide-hub-intro p{font-size:14px;line-height:2;color:#546677}
@media(max-width:850px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:26px}.guide-aside{position:static;grid-row:1}.guide-aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}.guide-hero{padding:65px 24px 55px}}
@media(max-width:600px){.guide-layout{padding:14px 19px 65px}.guide-hero h1{font-size:29px}.guide-hero .guide-lead{font-size:13px}.guide-crumb{padding:16px 19px}.guide-step{padding:20px 17px 18px 56px}.guide-step:before{left:15px}.guide-example{padding:21px}.guide-hub-links,.guide-related{grid-template-columns:1fr}.guide-aside nav{grid-template-columns:1fr}.guide-main h2{font-size:24px}}

/* Hub cards: two independent links per tool */
.tool-card-body{min-height:300px;display:grid;grid-template-columns:170px minmax(0,1fr)}
.tool-card-body .tool-icon{min-height:100%}
.tool-card-body .tool-card-copy{display:flex;flex-direction:column}
.tool-card-body .tool-card-copy>span{display:block}
.tool-card-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:9px;padding-top:10px}
.tool-card-actions a{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:39px;padding:9px 13px;border-radius:3px;border:1px solid #0a4e83;color:#0a4e83;font-size:12px;font-weight:600;transition:background .2s}
.tool-card-actions a:first-child{background:#fff}
.tool-card-actions a:last-child{background:#0a4e83;color:#fff}
.tool-card-actions a:hover{background:#dfeef7}
.tool-card-actions a:last-child:hover{background:#0b659e}
.tool-card:not(:has(> a)):hover{transform:none}
.hub-howto{margin:0 auto 70px;max-width:1160px;padding:40px 25px;background:#f2f6f9;border:1px solid #e0e7ed}
.hub-howto h2{font:500 27px "Noto Serif JP",serif;margin:3px 0 12px}
.hub-howto>p{font-size:13px;line-height:2;color:#536374}
.hub-howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.hub-howto-grid article{padding:24px;background:#fff;border:1px solid #e0e7ed}
.hub-howto-grid strong{font-size:16px;color:#153e60}
.hub-howto-grid p{font-size:12px;color:#536374;line-height:2;margin:9px 0 0}
@media(max-width:900px){.tool-card-body{grid-template-columns:135px minmax(0,1fr)}}
@media(max-width:760px){.tool-card-body{display:block;min-height:0}.tool-card-body .tool-icon{min-height:135px}.tool-card-actions{margin-top:14px}.hub-howto-grid{display:block}.hub-howto-grid article{margin-bottom:13px}.hub-howto{margin:0 19px 50px;padding:28px 21px}.hub-howto h2{font-size:25px}}