.ai-guide-page{width:min(1180px,calc(100% - 48px));margin:30px auto 65px}.ai-guide-page>h1{font-size:clamp(30px,4vw,46px);line-height:1.2;margin:28px 0 18px}.ai-guide-page>section{margin:34px 0;padding:26px;border:1px solid #ccdccc;border-radius:17px;background:#fffef9;min-width:0}.ai-guide-page h2{font-size:29px;line-height:1.3;margin:0 0 17px}.ai-guide-page h3{font-size:24px}.ai-guide-page p,.ai-steps{font-size:17px;line-height:1.7}.ai-steps{padding-left:25px}.ai-steps li{padding-left:5px;margin:14px 0}.real-screen{margin:24px 0}.real-screen>a{display:block;position:relative}.real-screen img{display:block;width:100%;height:auto;border:1px solid #cdd9ce;border-radius:12px}.real-screen figcaption{font-size:14px;line-height:1.65;margin-top:12px;color:#526b5c}.detail-screen{max-width:450px;margin:20px auto}.screen-mark{position:absolute;border:3px solid #ce6d34;border-radius:8px;box-shadow:0 0 0 3px #fff7;pointer-events:none}.screen-mark:after{content:'↖';position:absolute;right:-18px;bottom:-30px;font-size:32px;color:#17645d;text-shadow:1px 1px white,-1px -1px white}.ai-guide-page .walkthrough{grid-template-columns:220px minmax(0,1fr);gap:20px}.ai-guide-date{font-size:14px!important;color:var(--muted)}@media(max-width:850px){.ai-guide-page .walkthrough{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.ai-guide-page{width:calc(100% - 24px)}.ai-guide-page>section{padding:18px}.ai-guide-page h2{font-size:25px}.ai-guide-page p,.ai-steps{font-size:16px}.screen-mark{border-width:2px}}