@layer components{.ay-hero-wrap{padding-top:clamp(8px,2vw,24px)}.ay-hero{isolation:isolate;border:1.5px solid var(--line);text-align:center;background:#f7f4ee;border-radius:32px;justify-items:center;gap:18px;padding:clamp(44px,7vw,96px) clamp(16px,5vw,64px) clamp(36px,6vw,72px);display:grid;position:relative;overflow:hidden}.ay-hero:before{content:"";z-index:-1;background:radial-gradient(46% 55% at 50% 0,#ff66403d,#0000 70%),radial-gradient(30% 40% at 100% 100%,#ff66401a,#0000 70%);position:absolute;inset:0}.ay-h1{max-width:15ch;letter-spacing:var(--ld-track);text-wrap:balance;font-size:clamp(2.375rem,5.6vw,4.25rem);font-weight:800;line-height:1.02}.ay-h1 em{color:var(--yapa-text);font-style:normal;display:block}.ay-hero .ld-lead{margin-inline:auto}.ay-search-wrap{gap:18px;width:100%;max-width:720px;margin-top:10px;display:grid}.ay-search{position:relative}.ay-search>svg{width:24px;height:24px;color:var(--ink);pointer-events:none;position:absolute;top:50%;left:24px;translate:0 -50%}.ay-search-input{border:1.5px solid var(--line);border-radius:var(--r-pill);width:100%;height:68px;color:var(--ink);font:inherit;background:#fff;padding:0 64px 0 60px;font-size:1.125rem;font-weight:500;transition:border-color .15s,box-shadow .2s;box-shadow:0 26px 50px -30px #10101273}.ay-search-input::placeholder{color:var(--text-3);opacity:1}.ay-search-input:hover{border-color:var(--line-strong)}.ay-search-input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 4px #ff664040,0 26px 50px -30px #10101273}.ay-search-input::-webkit-search-cancel-button{display:none}.ay-search-input:placeholder-shown{padding-right:24px}.ay-search-clear{background:var(--ld-red-soft);width:44px;height:44px;color:var(--yapa-text);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:background-color .15s;display:grid;position:absolute;top:50%;right:12px;translate:0 -50%}.ay-search-clear:hover{background:#ffdccf}.ay-search-clear svg{width:18px;height:18px}.ay-popular{color:var(--text-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:.875rem;display:flex}.ay-popular>span{font-weight:600}.ay-popular ul{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ay-popular button{border:1.5px solid var(--line);border-radius:var(--r-pill);height:38px;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s, transform .15s var(--ease-out);background:#fff;padding:0 16px;font-weight:600}.ay-popular button:hover{border-color:var(--ink)}.ay-popular button:active{transform:scale(.97)}.ay-results{text-align:left;gap:12px;display:grid}.ay-results-count{color:var(--text-2);padding-inline:10px;font-size:.9375rem;font-weight:600}.ay-results-list{border:1.5px solid var(--line);box-shadow:var(--ld-shadow);background:#fff;border-radius:24px;overflow:clip}.ay-results-list>li+li,.ay-guide-list>li+li{border-top:1.5px solid #10101212}.ay-results-ask{background:#fff4ef;border:1.5px solid #ff664033;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 14px 14px 22px;font-weight:600;display:flex}.ay-guide-row{color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:background-color .15s;display:flex}.ay-guide-row:hover{background:#fbf9f5}.ay-guide-row>span:first-child{gap:3px;min-width:0;display:grid}.ay-guide-row small{color:var(--yapa-text);font-size:.75rem;font-weight:700}.ay-guide-row strong{letter-spacing:-.01em;font-size:1rem;font-weight:700}.ay-guide-row>span:first-child>span{color:var(--text-2);text-wrap:pretty;font-size:.9375rem;line-height:1.45}.ay-row-arrow{background:var(--ld-red-soft);width:36px;height:36px;color:var(--yapa-text);transition:background-color .15s, color .15s, transform .2s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.ay-row-arrow svg{width:16px;height:16px}:is(.ay-guide-row,.ay-related-card):hover .ay-row-arrow{background:var(--yapa);color:var(--ink);transform:translate(2px)}.ay-topic-nav ul{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1100px;margin:0 auto clamp(32px,4vw,48px);display:flex}.ay-topic-nav a{border:1.5px solid var(--line);border-radius:var(--r-pill);height:44px;color:var(--ink);background:#fff;align-items:center;gap:8px;padding:0 8px 0 16px;font-size:.9375rem;font-weight:700;text-decoration:none;transition:border-color .15s;display:inline-flex;position:relative}.ay-topic-nav a:hover{border-color:var(--ink)}.ay-topic-nav a>svg{width:18px;height:18px;color:var(--yapa-text)}.ay-topic-nav .mono{border-radius:var(--r-pill);min-width:28px;height:28px;color:var(--text-2);background:#f7f4ee;place-items:center;padding:0 8px;font-size:.8125rem;display:grid}.ay-topic-grid{columns:2 440px;column-gap:24px}.ay-topic{break-inside:avoid;border:1.5px solid var(--line);box-shadow:var(--ld-shadow);background:#fff;border-radius:28px;margin-bottom:24px;overflow:clip}.ay-topic-head{border-bottom:1.5px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:22px 22px 18px;display:grid}.ay-topic-icon{background:var(--ld-red-soft);width:48px;height:48px;color:var(--yapa-text);border-radius:16px;place-items:center;display:grid}.ay-topic-icon svg{width:24px;height:24px}.ay-topic-name{gap:2px;display:grid}.ay-topic-name h3{letter-spacing:-.03em;font-size:1.25rem;font-weight:800;line-height:1.15}.ay-topic-name span{color:var(--text-2);font-size:.9375rem}.ay-topic-count{border-radius:var(--r-pill);color:var(--text-2);white-space:nowrap;background:#f7f4ee;align-self:start;padding:5px 10px;font-size:.75rem}.ay-topic .ay-guide-row{padding-inline:22px}.ay-faq-sec{padding-top:0}.ay-faq-grid{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}@media (min-width:1024px){.ay-faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:72px}.ay-faq-side{position:sticky;top:112px}}.ay-faq-side .ld-head{text-align:left;justify-items:start;margin:0}.ay-faq{gap:12px;display:grid}.ay-faq details{border:1.5px solid var(--line);background:#fff;border-radius:20px;transition:border-color .2s,box-shadow .2s}.ay-faq details[open]{border-color:#ff664073;box-shadow:0 20px 40px -30px #c83c1780}.ay-faq summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 18px 24px;font-size:1.0625rem;font-weight:700;list-style:none;display:flex}.ay-faq summary::-webkit-details-marker{display:none}.ay-faq-icon{background:var(--ld-red-soft);width:36px;height:36px;color:var(--yapa-text);border-radius:50%;flex:none;place-items:center;transition:background-color .2s;display:grid}.ay-faq-icon svg{width:16px;height:16px}.ay-faq .is-minus,.ay-faq details[open] .is-plus{display:none}.ay-faq details[open] .is-minus{display:block}.ay-faq details[open] .ay-faq-icon{background:var(--yapa);color:var(--ink)}.ay-faq details p{max-width:62ch;color:var(--text-2);padding:0 24px 22px;line-height:1.55}.ay-final-wrap{padding-bottom:clamp(48px,6vw,80px)}.ay-final{isolation:isolate;border:1.5px solid var(--line);background:#f7f4ee;border-radius:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,5vw,64px);display:grid;position:relative;overflow:hidden;box-shadow:0 36px 72px -52px #10101266}.ay-final:before{content:"";z-index:-1;background:radial-gradient(55% 80% at 85%,#ff66403d,#0000 65%);position:absolute;inset:0}.ay-final-copy{justify-items:start;gap:16px;display:grid}.ay-final-copy .ld-btn{margin-top:8px}.ay-final-owner{border:1.5px solid var(--line);box-shadow:var(--ld-shadow);background:#fff;border-radius:24px;justify-items:start;gap:8px;padding:26px;display:grid}.ay-final-owner-icon{background:var(--ld-red-soft);width:44px;height:44px;color:var(--yapa-text);border-radius:14px;place-items:center;margin-bottom:6px;display:grid}.ay-final-owner-icon svg{width:22px;height:22px}.ay-final-owner strong{letter-spacing:-.025em;font-size:1.1875rem;font-weight:800}.ay-final-owner p{color:var(--text-2);line-height:1.5}@media (max-width:859px){.ay-final{grid-template-columns:minmax(0,1fr)}}.ay-guide-head{justify-items:start;gap:18px;padding-block:clamp(28px,5vw,64px) clamp(32px,4vw,48px);display:grid}.ay-crumbs{flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.ay-crumbs a{border:1.5px solid var(--line);border-radius:var(--r-pill);height:36px;color:var(--ink);background:#fff;align-items:center;gap:6px;padding:0 14px;text-decoration:none;transition:border-color .15s;display:inline-flex}.ay-crumbs a:hover{border-color:var(--ink)}.ay-crumbs svg{width:14px;height:14px}.ay-crumbs-sep{color:var(--text-3)}.ay-guide-title{max-width:20ch;letter-spacing:var(--ld-track);text-wrap:balance;font-size:clamp(2.25rem,5.2vw,4rem);font-weight:800;line-height:1.03}.ay-guide-meta{flex-wrap:wrap;gap:8px;display:flex}.ay-guide-meta>span{border-radius:var(--r-pill);height:32px;color:var(--text-2);background:#f7f4ee;align-items:center;gap:6px;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.ay-guide-meta svg{width:16px;height:16px;color:var(--yapa-text)}.ay-guide-body{gap:32px;padding-bottom:clamp(56px,7vw,96px);display:grid}@media (min-width:1024px){.ay-guide-body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:72px}.ay-guide-aside{position:sticky;top:112px}}.ay-article{gap:28px;min-width:0;max-width:780px;display:grid}.ay-steps{gap:14px;display:grid}.ay-steps>li{border:1.5px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:22px 24px;transition:border-color .2s;display:grid;box-shadow:0 26px 50px -42px #10101280}.ay-steps>li:target{border-color:#ff66408c}.ay-step-n{background:var(--yapa);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;font-size:.875rem;font-weight:700;display:grid}.ay-steps h3{letter-spacing:-.025em;text-wrap:balance;padding-top:9px;font-size:1.1875rem;font-weight:800;line-height:1.25}.ay-steps p{max-width:68ch;color:var(--text-2);text-wrap:pretty;margin-top:6px;font-size:1.0625rem;line-height:1.6}.ay-tips{background:#fff4ef;border:1.5px solid #ff664033;border-radius:24px;gap:14px;padding:24px 26px;display:grid}.ay-tips h2{letter-spacing:-.025em;align-items:center;gap:10px;font-size:1.125rem;font-weight:800;display:flex}.ay-tips h2 svg{width:22px;height:22px;color:var(--yapa-text)}.ay-tips ul{gap:10px;display:grid}.ay-tips li{max-width:68ch;color:var(--text-2);text-wrap:pretty;padding-left:20px;line-height:1.55;position:relative}.ay-tips li:before{content:"";background:var(--yapa);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:2px}.ay-guide-links{flex-wrap:wrap;gap:12px;display:flex}.ay-guide-aside{gap:16px;display:grid}.ay-toc{display:none}@media (min-width:1024px){.ay-toc{border:1.5px solid var(--line);background:#fff;border-radius:24px;gap:10px;padding:20px 14px 14px;display:grid}}.ay-toc h2{color:var(--yapa-text);padding-inline:10px;font-size:.8125rem;font-weight:700}.ay-toc ol{gap:2px;display:grid}.ay-toc a{color:var(--text-2);border-radius:12px;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:8px 10px;font-size:.9375rem;font-weight:600;line-height:1.35;text-decoration:none;transition:background-color .15s,color .15s;display:grid}.ay-toc a:hover{color:var(--ink);background:#f7f4ee}.ay-toc a>.mono{color:var(--yapa-text);padding-top:1px;font-size:.8125rem}.ay-toc a>svg{width:18px;height:18px;color:var(--yapa-text)}.ay-help-card{background:var(--ink);color:var(--chalk);border-radius:24px;justify-items:start;gap:8px;padding:24px;display:grid}.ay-help-card strong{letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.ay-help-card p{color:#f4f4f0bf;margin-bottom:8px;line-height:1.5}.ay-help-card .ld-btn-white{border-color:#0000}.ay-related{background:#f7f4ee;padding-block:clamp(56px,7vw,96px)}.ay-related-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;margin-bottom:28px;display:flex}.ay-related-title{letter-spacing:var(--ld-track);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:800;line-height:1.06}.ay-related-title em{color:var(--yapa-text);font-style:normal}.ay-related-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.ay-related-grid>li{display:grid}.ay-related-card{border:1.5px solid var(--line);box-shadow:var(--ld-shadow);color:var(--ink);transition:border-color .15s, transform .2s var(--ease-out);background:#fff;border-radius:24px;grid-template-rows:auto auto 1fr auto;gap:8px;padding:24px;text-decoration:none;display:grid}.ay-related-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.ay-related-topic{color:var(--yapa-text);font-size:.8125rem;font-weight:700}.ay-related-card strong{letter-spacing:-.025em;font-size:1.1875rem;font-weight:800;line-height:1.2}.ay-related-summary{color:var(--text-2);line-height:1.5}.ay-related-foot{color:var(--text-3);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;font-size:.875rem;font-weight:600;display:flex}@media (max-width:719px){.ay-topic-nav{margin:0 -24px clamp(32px,4vw,48px);overflow:hidden}.ay-topic-nav ul{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;justify-content:flex-start;max-width:none;margin:0;padding:4px 24px 8px;overflow-x:auto}.ay-topic-nav ul::-webkit-scrollbar{display:none}.ay-topic-nav li{flex:none}}@media (max-width:479px){.ay-topic-nav{margin-inline:-16px}.ay-topic-nav ul{padding-inline:16px}.ay-hero{border-radius:26px}.ay-final{border-radius:26px;padding:28px 20px 20px}.ay-final-owner{padding:22px 20px}.ay-search-input{height:60px;padding:0 56px 0 50px;font-size:1rem}.ay-search>svg{width:22px;height:22px;left:18px}.ay-search-clear{right:8px}.ay-topic-head{grid-template-columns:auto minmax(0,1fr)}.ay-topic-count{display:none}.ay-topic .ay-guide-row,.ay-guide-row{padding:14px 16px}.ay-steps>li{gap:14px;padding:18px 18px 20px}.ay-step-n{width:36px;height:36px;font-size:.8125rem}.ay-steps h3{padding-top:6px;font-size:1.0625rem}.ay-steps p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.ay-row-arrow,.ay-related-card,.ay-popular button{transition:none}:is(.ay-guide-row,.ay-related-card):hover .ay-row-arrow,.ay-related-card:hover{transform:none}}}