@charset "UTF-8";
.guide-hero{padding:35px 0 30px}.guide-back{font-size:11px;color:var(--muted);display:inline-flex;margin-bottom:25px}.guide-hero>div{display:flex;justify-content:space-between;gap:35px;align-items:center}.guide-hero h1{font-size:35px;margin:12px 0}.guide-hero>div>div:first-child>p:last-child{font-size:13px;color:var(--muted);max-width:570px}.progress-summary{min-width:140px;border-left:1px solid var(--line);padding-left:23px}.progress-summary>span{display:block;font-size:10px;color:var(--muted)}.progress-summary>strong{display:block;font:32px/1.5 Georgia,serif}.progress-summary b{font-weight:400}.progress-summary small{font-size:17px;color:#85947e}.progress-summary progress{appearance:none;display:block;width:110px;height:5px;border:0;border-radius:4px;background:#d9e0d0;overflow:hidden;margin:7px 0}.progress-summary progress::-webkit-progress-bar{background:#d9e0d0}.progress-summary progress::-webkit-progress-value{background:var(--orange);border-radius:4px;transition:width .3s}.progress-summary progress::-moz-progress-bar{background:var(--orange);border-radius:4px}.reset-progress{font-size:9px;background:none;color:#829078;padding:3px 0}.reset-progress:hover{color:#a85834}.guide-workspace{display:grid;grid-template-columns:182px minmax(0,1fr);gap:22px;margin-bottom:40px;align-items:start}.step-nav{position:sticky;top:25px;padding-top:5px}.step-nav>a{display:flex;align-items:center;gap:9px;padding:13px 10px;margin:4px 0;border-radius:9px;border:1px solid transparent;position:relative;transition:background .2s}.step-nav>a:hover{background:#e9eddf}.step-nav>a.active{background:var(--dark);color:white;border-color:var(--dark)}.nav-number{font:italic 17px Georgia,serif;color:#84957e;min-width:22px}.step-nav strong{display:block;font-size:12px}.step-nav small{display:block;font-size:9px;color:#85927d;margin-top:2px}.step-nav>a.active small,.step-nav>a.active .nav-number{color:#afc5ae}.nav-check{display:none;font-style:normal;font-size:10px;margin-left:auto;color:#8ba17e}.step-nav>a.done .nav-check{display:block}.step-nav>a.active .nav-check{color:#f1ad7a}.nav-note{border-top:1px solid var(--line);margin:20px 12px 0;padding-top:20px}.nav-note span{font-size:9px;color:#9b7754}.nav-note p{font-size:10px;line-height:1.8;color:#74856e;margin:4px 0 12px}.step-stage{min-width:0;scroll-margin-top:25px}.step-panel{border:1px solid var(--line);background:var(--white);border-radius:16px;overflow:hidden;animation:rise .25s ease-out;scroll-margin-top:25px}.step-heading{padding:29px 30px 23px;border-bottom:1px solid #dce2d3;background:#e7eddc}.stage-tag{font-size:10px;color:#8e5e3d;font-weight:700;letter-spacing:.04em}.step-heading h2{font-size:27px;margin:12px 0}.step-heading>p{font-size:12px;line-height:1.9;color:#61745c}.step-io{display:grid;grid-template-columns:1fr 1fr;margin:0 30px;padding:23px 0;border-bottom:1px solid var(--line);gap:25px}.step-io>div+div{border-left:1px solid var(--line);padding-left:25px}.io-label{font-size:9px;letter-spacing:.05em;color:#7f8d78;font-weight:700}.output-label{color:#ae623b}.step-io p{font-size:12px;line-height:1.8;margin-top:7px}.action-section,.result-section{padding:25px 30px}.action-section h3,.result-heading h3,.step-confirm h3{font-size:17px;display:flex;align-items:center;gap:10px}.action-section h3>span,.result-heading h3>span,.step-confirm h3>span{height:22px;width:22px;border:1px solid #b4c3aa;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;color:#80916e;flex:none}.action-list{padding:0;margin:20px 0 0;list-style:none;counter-reset:actions}.action-list li{position:relative;padding-left:24px;font-size:13px;line-height:1.95;color:#536956;margin:12px 0}.action-list li:before{counter-increment:actions;content:counter(actions) ".";position:absolute;left:1px;top:0;font:italic 16px/1.95 Georgia,serif;color:#b9865b}.prompt-section{margin:0 30px 3px;padding:24px;border-radius:12px;background:var(--dark);color:#fff6e7;display:grid;grid-template-columns:1fr auto;gap:20px 15px;align-items:center}.prompt-section .eyebrow{color:#acbfa8;font-size:8px}.prompt-section h3{font-size:18px;margin:5px 0 8px}.prompt-section>div>p:last-child{font-size:10px;color:#b4c6ac;line-height:1.8}.prompt-section>.button{font-size:11px;gap:10px;padding:11px 15px;white-space:nowrap}.prompt-section>.button svg{width:16px;height:16px}.prompt-details{grid-column:1/-1;border-top:1px solid #a1b69b45;padding-top:14px}.prompt-details summary{font-size:10px;color:#abc1ab;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.prompt-details summary::-webkit-details-marker{display:none}.prompt-details summary>span{font-size:18px;font-weight:400}.prompt-details[open] summary>span{transform:rotate(45deg)}.prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:2.05;margin:15px 0 0}.prompt-details .prompt-text{color:#e0ead9}.result-section{padding-top:28px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.result-heading small{font-size:9px;color:#98a08e}.result-paper{padding:23px 25px;background:#f5f2e7;border:1px solid #e2e1d3;border-left:3px solid #d4a47c;border-radius:4px;position:relative}.example-label{display:block;font-size:10px;color:#a4825e;margin-bottom:15px;letter-spacing:.04em}.result-paper>div{font-size:12px;line-height:1.95;color:#65725e}.result-paper>div p+p{margin-top:16px}.sample-source{margin-top:13px}.sample-source summary{font-size:10px;color:#8b967e;cursor:pointer}.sample-source>p{font-size:12px;line-height:1.95;color:#7f8b74;background:#f4f5ed;padding:18px;margin-top:12px;border-radius:6px}.why-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 30px;padding:15px 0}.why-section summary{font-size:12px;color:#7b8a70;display:flex;justify-content:space-between;cursor:pointer;list-style:none}.why-section summary::-webkit-details-marker{display:none}.why-section[open] summary>span{transform:rotate(45deg)}.why-section>p{font-size:12px;line-height:1.95;color:#7d8c72;padding:15px 5px 3px}.step-confirm{padding:25px 30px 29px}.checklist{display:flex;flex-direction:column;gap:10px;margin:20px 0 23px}.checklist label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:10px 12px;background:#f1f4e9;border-radius:7px;font-size:12px;line-height:1.8;color:#6b7b60}.checklist input{appearance:none;width:16px;height:16px;border:1px solid #b8c7a8;border-radius:4px;flex:none;margin:2px 0 0;background:white;cursor:pointer}.checklist input:checked{background:var(--dark);border-color:var(--dark)}.checklist input:checked:before{content:"✓";display:block;color:white;font-size:11px;line-height:14px;text-align:center}.step-actions{display:flex;gap:20px;justify-content:space-between;align-items:center}.step-actions .button{font-size:11px;padding:12px 17px;gap:12px}.step-actions svg{width:18px;height:18px}.previous-step{font-size:11px;color:#7b8b70}.confirmation-note{font-size:9px;color:#929e84}.step-complete-note{font-size:10px;color:#8b6a48;margin-top:15px;text-align:right}.finish-message{display:flex;gap:18px;align-items:center;background:#e3ecd7;border:1px solid #cbdabb;border-radius:14px;margin-top:18px;padding:24px}.finish-message>span{font-size:22px;color:#849b71}.finish-message h2{font-size:21px}.finish-message p{font-size:11px;margin-top:6px;color:#788b66}.finish-message a{font-size:10px;display:flex;align-items:center;gap:8px;white-space:nowrap;margin-left:auto}.fix-workbench{margin:26px 30px 0;padding:24px;background:#faecde;border:1px solid #efd7c2;border-radius:12px}.fix-workbench>.eyebrow{color:#a57c57;font-size:9px}.fix-workbench>h3{font-size:21px;margin:6px 0 18px}.fix-tabs{display:flex;gap:7px;flex-wrap:wrap}.fix-tabs button{background:#fffbf4;border:1px solid #dfcbb6;border-radius:7px;padding:7px 10px;font-size:10px;color:#9c7754}.fix-tabs button.active{background:#af6847;color:white;border-color:#af6847}.fix-panel{animation:rise .2s ease-out}.fix-signal{font-size:12px;color:#9b7958;margin-top:18px}.fix-direction{padding:13px 0;margin:10px 0;border-top:1px solid #e8d8c6;border-bottom:1px solid #e8d8c6;display:flex;gap:15px;align-items:baseline}.fix-direction span{font-size:9px;color:#b29171;white-space:nowrap}.fix-direction p{font-size:12px;line-height:1.9;color:#866846}.fix-panel>.prompt-text{font-size:11px;color:#8a7056;line-height:1.95}.fix-panel .button{margin-top:18px;font-size:11px;padding:10px 15px}.fix-panel .button svg{height:16px;width:16px}
@media(max-width:1350px) and (min-width:1091px){.guide-workspace{grid-template-columns:150px minmax(0,1fr);gap:15px}.step-nav>a{padding:12px 7px;gap:6px}.step-nav strong{font-size:11px}.step-nav small{font-size:8px}.nav-number{min-width:18px;font-size:15px}.step-heading{padding:25px}.step-heading h2{font-size:24px}.step-io{margin:0 25px;gap:20px}.step-io>div+div{padding-left:20px}.action-section,.result-section,.step-confirm{padding:23px 25px}.prompt-section{margin:0 25px;padding:20px;display:block}.prompt-section>.button{margin-top:16px}.prompt-details{margin-top:19px}.why-section{margin:0 25px}.fix-workbench{margin:23px 25px 0;padding:20px}.result-heading{display:block}.result-heading small{display:block;margin-top:8px}.guide-hero h1{font-size:30px}.confirmation-note{max-width:80px}.finish-message{flex-wrap:wrap}.finish-message a{margin-left:40px}}
@media(max-width:760px){.guide-hero{padding:26px 0 22px}.guide-back{margin-bottom:20px;font-size:11px}.guide-hero>div{gap:15px;align-items:flex-start}.guide-hero h1{font-size:29px;margin:10px 0}.guide-hero>div>div:first-child>p:last-child{font-size:12px;line-height:1.9}.guide-hero .eyebrow{font-size:8px}.progress-summary{min-width:65px;padding-left:14px;margin-top:27px}.progress-summary>span{font-size:8px}.progress-summary>strong{font-size:27px}.progress-summary small{font-size:13px}.progress-summary progress{width:62px}.reset-progress{font-size:8px}.guide-workspace{display:block}.step-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0;margin-bottom:19px}.step-nav>a{display:block;padding:12px 9px;margin:0;gap:7px;background:#e9eddf;border:1px solid #dbe2d0;border-radius:8px;align-items:flex-start}.step-nav strong{font-size:10px}.step-nav small{display:none}.nav-number{display:block;margin-bottom:5px;font-size:14px;min-width:16px;line-height:1.3}.nav-check{position:absolute;right:5px;bottom:2px;font-size:8px}.nav-note{display:none}.step-heading{padding:24px 22px}.step-heading h2{font-size:25px;margin:12px 0}.step-heading>p{font-size:12px}.stage-tag{font-size:9px}.step-io{margin:0 22px;padding:20px 0;gap:18px}.step-io>div+div{padding-left:18px}.step-io p{font-size:11px}.io-label{font-size:9px}.action-section,.result-section,.step-confirm{padding:24px 22px}.action-section h3,.result-heading h3,.step-confirm h3{font-size:17px}.action-list{margin-top:17px}.action-list li{font-size:12px}.prompt-section{display:block;margin:0 22px;padding:22px}.prompt-section h3{font-size:19px}.prompt-section>div>p:last-child{font-size:10px}.prompt-section>.button{margin-top:18px;font-size:12px;padding:12px 17px}.prompt-details{margin-top:20px}.prompt-details summary{font-size:10px}.prompt-text{font-size:12px}.result-heading{display:block;margin-bottom:17px}.result-heading small{display:block;margin:9px 0 0 32px;font-size:9px}.result-paper{padding:21px 19px}.result-paper>div{font-size:11px}.why-section{margin:0 22px}.why-section summary{font-size:11px}.checklist label{padding:12px 10px;font-size:11px}.step-actions{gap:10px;align-items:center}.step-actions .button{font-size:10px;padding:12px 14px;gap:8px}.confirmation-note{font-size:8px;max-width:75px}.step-complete-note{font-size:9px}.fix-workbench{margin:24px 22px 0;padding:21px}.fix-workbench>h3{font-size:21px}.fix-tabs button{padding:7px 9px;font-size:9px}.fix-direction{display:block}.fix-direction p{margin-top:6px;font-size:11px}.fix-signal{font-size:11px}.finish-message{padding:22px;flex-wrap:wrap;gap:12px}.finish-message>div{flex:1}.finish-message h2{font-size:21px}.finish-message p{font-size:11px}.finish-message a{margin-left:34px}.guide-page .contact-section{margin-top:20px}}
@media(max-width:380px){.guide-hero h1{font-size:25px}.guide-hero .eyebrow{letter-spacing:.04em}.step-nav>a{padding:10px 6px;gap:5px}.step-nav strong{font-size:9px}.step-heading,.action-section,.result-section,.step-confirm{padding-left:18px;padding-right:18px}.step-io,.prompt-section,.why-section{margin-left:18px;margin-right:18px}.step-heading h2{font-size:23px}.prompt-section{padding:18px}.fix-workbench{margin-left:18px;margin-right:18px;padding:18px}.step-actions .button{font-size:9px}}
