.name-art-page{background:linear-gradient(180deg,#eef7f1,#fff 58%)}.name-art-main{max-width:1240px;margin:0 auto;padding:26px 22px 70px}.name-art-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:24px 0}.name-art-hero h1{font-size:clamp(2.2rem,5vw,4rem);margin:0;letter-spacing:-.04em}.name-art-hero p{max-width:760px;color:#416659;font-size:1.1rem}.name-art-note{border:1px solid #b8ddc9;background:#eaf8ef;border-radius:14px;padding:15px;max-width:290px;color:#185d3b}.name-art-workspace{border:1px solid #cfe1d8;border-radius:20px;background:#f8fcfa;box-shadow:0 15px 48px #0d2b2015;padding:12px}.name-art-frame{display:block;width:100%;height:min(900px,78vh);min-height:640px;border:0;border-radius:12px;background:#edf5f0}.name-art-guidance{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.name-art-guidance article,.name-art-faq{background:#fff;border:1px solid #dbe9e2;border-radius:16px;padding:20px}.name-art-guidance h2,.name-art-faq h2{margin-top:0}.name-art-faq{margin-top:18px}.name-art-faq details{border-top:1px solid #e0ebe6;padding:13px 0}.name-art-faq summary{font-weight:700;cursor:pointer}.name-art-related a{color:#0c7044}.stylish-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.name-art-main{padding:14px 10px 50px}.name-art-hero{display:block}.name-art-note{max-width:none}.name-art-workspace{padding:5px;border-radius:12px}.name-art-frame{height:78vh;min-height:560px}.name-art-guidance{grid-template-columns:1fr}}