.guide-title{font-size:45px;line-height:1.3;letter-spacing:-2px;font-weight:900;margin:10px 0 20px}.guide-title em{font-style:normal;color:#a27512}.guide-subtitle{font-size:17px;color:#756b56;margin-bottom:32px}.guide-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:23px}.guide-step{grid-column:span 2;border:1px solid #dfd4b9;background:#fffdf5;border-radius:19px;overflow:hidden;min-width:0;box-shadow:0 7px 18px #44351608}.guide-step.step-watch,.guide-step.step-draw,.guide-step.step-speak,.guide-step.step-test{grid-column:span 3}.guide-step-top{padding:24px 22px 18px;display:flex;gap:17px;align-items:flex-start;min-height:142px}.guide-step-number{font-size:43px;line-height:1;font-weight:900;letter-spacing:-2px;color:#b68a25;flex-shrink:0}.guide-step-number small{display:block;font-size:10px;letter-spacing:2px;color:#82704a;margin-bottom:6px}.guide-step h3{font-size:26px;line-height:1.35;letter-spacing:-1px;margin:0 0 9px;font-weight:900;word-break:keep-all}.guide-step-top p{font-size:13px;line-height:1.6;margin:0;color:#716755;word-break:keep-all}.guide-step-image{margin:0 15px;position:relative;background:#f3ebd8;border-radius:11px;overflow:hidden}.guide-step-image img{display:block;width:100%;height:226px;object-fit:cover;object-position:75% 26%;transition:transform .3s}.guide-step-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:6px 11px;background:#2b2c2de0;color:#fff5dd;font-size:9px;line-height:1.5}.step-watch .guide-step-image img{object-fit:contain;background:white;height:270px}.step-draw .guide-step-image img{height:270px;object-position:50% 52%}.step-write .guide-step-image img{object-position:80% 0}.step-speak .guide-step-image img{height:255px;object-position:70% 28%}.step-test .guide-step-image img{height:255px;object-position:50% 0}.step-draw{background:#2f3031;border:2px solid #ba8d24;box-shadow:0 8px 22px #3b2e191a}.step-draw h3{color:#f6d06b}.step-draw .guide-step-number{color:#f2c455}.step-draw .guide-step-number small{color:#c6b98f}.step-draw .guide-step-top p{color:#e4dbc4}.guide-step-bottom{padding:17px 20px;display:flex;gap:10px;align-items:center;justify-content:space-between}.guide-step-bottom>span{font-size:11px;color:#83724c;word-break:keep-all}.guide-step-bottom button{padding:5px 0;border:0;border-radius:0;background:transparent;color:#806018;font-size:11px;white-space:nowrap;font-weight:bold}.guide-step-bottom button:hover{text-decoration:underline;color:#2e2f30}.step-draw .guide-step-bottom>span{color:#d7caab}.step-draw .guide-step-bottom button{color:#f1c55c}.guide-connection{margin-top:10px}.guide-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:35px 0 25px}.guide-flow button{text-align:left;border-radius:14px;padding:20px 13px;background:#2f3031;color:#fff9e8;border:1px solid #2f3031;position:relative;min-height:150px}.guide-flow button:not(:last-child):after{content:'→';position:absolute;right:-13px;top:43%;font-size:20px;color:#bb8b18;z-index:1}.guide-flow span{display:flex;align-items:baseline;gap:6px;font-size:10px;letter-spacing:1px;color:#d5c49a}.guide-flow span b{font-size:31px;line-height:1}.guide-flow strong{display:block;font-size:18px;letter-spacing:-.6px;margin:15px 0 6px;word-break:keep-all}.guide-flow small{font-size:10px;color:#c8c1b0;word-break:keep-all}.guide-flow .drawing-focus{background:#edc04e;border:2px solid #2f3031;transform:translateY(-8px);box-shadow:0 8px 0 #2f3031}.guide-flow .drawing-focus span,.guide-flow .drawing-focus strong,.guide-flow .drawing-focus small{color:#2f3031}.guide-flow button:hover{background:#4b4639;color:white}.guide-flow .drawing-focus:hover{background:#f3ce70}.guide-drawing-message{display:flex;align-items:center;justify-content:space-between;gap:23px;background:#f0e3bd;border-left:6px solid #b88a21;padding:25px 28px;border-radius:0 14px 14px 0}.guide-drawing-message>b{font-size:25px;line-height:1.4;letter-spacing:-1px}.guide-drawing-message p{font-size:14px;line-height:1.6;margin:0;color:#766649}.guide-drawing-message button{font-size:12px;font-weight:bold;border-color:#c9ae64;white-space:nowrap}.guide-flow button:focus-visible,.guide-step button:focus-visible{outline:3px solid #ba8a16;outline-offset:4px}#processNav{scroll-margin-top:100px}
@media(max-width:1050px){.guide-title{font-size:37px}.guide-step h3{font-size:23px}.guide-step-top{padding:20px 16px;gap:12px;min-height:145px}.guide-step-number{font-size:36px}.guide-step-bottom{padding:15px;display:block}.guide-step-bottom button{display:block;margin-top:7px}.guide-flow strong{font-size:16px}.guide-flow button{padding:16px 10px}.guide-drawing-message>b{font-size:21px}}
@media(max-width:700px){.guide-title{font-size:31px;letter-spacing:-1.3px}.guide-subtitle{font-size:14px}.guide-steps{display:block}.guide-step{margin-bottom:21px}.guide-step-top{min-height:0;padding:22px 19px;gap:17px}.guide-step h3{font-size:25px}.guide-step-top p{font-size:13px}.guide-step-number{font-size:42px}.guide-step-image img,.step-watch .guide-step-image img,.step-draw .guide-step-image img,.step-speak .guide-step-image img,.step-test .guide-step-image img{height:235px}.guide-step-bottom{display:flex;gap:10px}.guide-step-bottom button{margin:0}.guide-step-bottom>span{font-size:10px}.guide-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:25px}.guide-flow button{min-height:140px;padding:18px}.guide-flow button:not(:last-child):after{display:none}.guide-flow .drawing-focus{transform:none;box-shadow:0 4px 0 #2f3031}.guide-flow strong{font-size:20px}.guide-flow button:last-child{grid-column:1/-1;min-height:120px}.guide-drawing-message{display:block;padding:22px}.guide-drawing-message>b{font-size:24px}.guide-drawing-message p{margin:14px 0}.guide-drawing-message button{padding:8px 12px}#processNav{scroll-margin-top:15px}}
@media print{.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide-step,.guide-step.step-watch,.guide-step.step-draw,.guide-step.step-speak,.guide-step.step-test{grid-column:span 1;break-inside:avoid}.guide-step h3{font-size:20px}.guide-step-image img,.step-watch .guide-step-image img,.step-draw .guide-step-image img,.step-speak .guide-step-image img,.step-test .guide-step-image img{height:180px}.guide-step-top{min-height:0;padding:15px}.guide-step-number{font-size:30px}.guide-step-bottom button{display:none}.guide-flow{grid-template-columns:repeat(7,1fr)}.guide-flow button{display:block;padding:10px;min-height:110px}.guide-flow strong{font-size:12px}.guide-flow small{font-size:8px}.guide-flow span b{font-size:20px}.guide-drawing-message{display:block}}
.guide-title{word-break:keep-all}