.project-guide{max-width:1000px;margin:auto}.guide-progress{display:flex;list-style:none;padding:0;gap:10px;margin:0 0 28px}.guide-progress li{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;padding-bottom:14px;border-bottom:3px solid #e7e3dc;color:var(--muted)}.guide-progress li[aria-current]{border-color:var(--accent);color:var(--accent-dark);font-weight:700}.guide-progress li>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e9eddf;flex-shrink:0}.project-guide>h2{font-size:clamp(22px,3vw,30px);margin:16px 0;outline-offset:8px}.project-guide>p{color:var(--muted);line-height:1.8;font-size:14px}.guide-back{min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--accent-dark);font-size:13px;cursor:pointer;margin-block:8px}.guide-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.guide-options>a,.guide-options>button{background:#fffefa;border:1px solid var(--line);border-radius:16px;padding:24px 44px 24px 22px;text-align:left;position:relative;cursor:pointer}.guide-options strong{display:block;font-size:17px;margin-bottom:8px}.guide-options span{display:block;color:var(--muted);font-size:13px;line-height:1.8}.guide-options svg{position:absolute;right:18px;top:28px}.guide-options>a:hover,.guide-options>button:hover{border-color:var(--accent);background:#f6f7f0}.guide-project-options{grid-template-columns:repeat(3,minmax(0,1fr));margin-block:24px}.guide-project-options button{text-align:left;cursor:pointer}.guide-color-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:26px 0}.guide-color-options button{background:#fffefa;border:1px solid var(--line);padding:18px 8px;border-radius:14px;display:grid;justify-items:center;gap:10px;font-size:13px;min-height:80px;cursor:pointer}.guide-color-options button>span{width:32px;height:32px;border-radius:50%;border:1px solid #aaa6}.guide-result{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:28px;margin:26px 0;padding:28px;background:#fffefa;border:1px solid var(--line);border-radius:20px}.guide-result>div:first-child{border-radius:40%;display:grid;place-items:center;padding-block:12px}.guide-result h3{font-size:24px;margin:8px 0}.guide-result p{font-size:14px;line-height:1.9}.guide-result .button{margin:14px 0}.guide-result .text-link{display:block}.guide-books,.guide-items{margin-top:38px}.guide-books>h3,.guide-items>h3{font-size:21px;display:flex;align-items:center;gap:8px}.guide-items .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.guide-books>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.guide-books article{background:#f1eee7;border-radius:14px;padding:22px}.guide-books h4{font-size:17px;margin:8px 0 12px;line-height:1.7}.guide-books p{font-size:13px;line-height:1.8}.guide-books small{color:var(--muted)}.guide-flowchart{margin-top:36px;border-top:1px solid var(--line);padding-top:20px}.guide-flowchart summary{cursor:pointer;min-height:44px;color:var(--accent-dark)}.guide-flowchart p{font-size:13px;line-height:1.9}.guide-flowchart ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guide-flowchart li{border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;background:#fffefa;font-size:13px}.guide-flowchart li>span{display:block;color:var(--accent);margin:12px}.guide-flowchart a{display:block;padding-block:10px;text-decoration:underline}.guide-next-materials{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.guide-progress{gap:6px}.guide-progress li{flex-direction:column;font-size:10px;text-align:center;gap:6px}.guide-books>div,.guide-next-materials,.guide-options{grid-template-columns:1fr}.guide-project-options{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-color-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.guide-result{grid-template-columns:1fr;padding:20px;gap:12px}.guide-result>div:first-child{width:160px;justify-self:center}.guide-result h3{font-size:22px}.guide-result .button{width:100%;font-size:13px}.guide-items .product-grid{grid-template-columns:1fr}.guide-flowchart ul{grid-template-columns:repeat(2,minmax(0,1fr))}}