.mount-guide,.mount-hub{--mount-ink:#142b43;--mount-text:#314b62;--mount-gold:#a46726;--mount-line:#dce5ec;--mount-paper:#f2f6f8;color:var(--mount-ink);font-family:inherit;line-height:1.7}
.mount-guide *,.mount-hub *{box-sizing:border-box;min-width:0}
.mount-guide{width:min(calc(100% - 2.5rem),1180px);margin:0 auto;padding:1.2rem 0 4rem}
.mount-guide :is(h1,h2,h3),.mount-hub h2{margin:0;color:inherit;line-height:1.22;letter-spacing:-.025em}
.mount-guide h2,.mount-hub h2{font-size:clamp(1.55rem,4vw,2.55rem);font-weight:800}
.mount-guide h3{font-size:1.16rem;font-weight:750}
.mount-guide p,.mount-hub p{margin:.65rem 0 0;color:var(--mount-text)}
.mount-guide :is(a,summary):focus-visible,.mount-hub a:focus-visible{outline:3px solid #8b5217;outline-offset:4px}
.mount-guide :is(section,aside)[id],.mount-hub[id]{scroll-margin-top:115px}
.mount-breadcrumb{display:flex;gap:.62rem;align-items:center;flex-wrap:wrap;font-size:.88rem;padding:.15rem 0 1rem;color:#475f73}
.mount-breadcrumb a{color:#214b69;text-decoration:underline;text-underline-offset:.2em}
.mount-hero{display:grid;grid-template-columns:1.12fr .88fr;align-items:stretch;gap:clamp(1rem,4vw,3.6rem);padding:clamp(1.3rem,4vw,3.4rem);border-radius:26px;background:linear-gradient(130deg,#102439,#1d3a54);color:#fff}
.mount-guide.mount-a .mount-hero{background:linear-gradient(130deg,#183346,#28546a)}
.mount-hero-copy{align-self:center}
.mount-guide .mount-kicker,.mount-hub .mount-kicker{margin:0 0 .65rem;color:#88531c;font-size:.77rem;line-height:1.45;font-weight:800;letter-spacing:.13em}
.mount-hero .mount-kicker,.mount-end .mount-kicker{color:#f0c58e}
.mount-guide .mount-hero h1{font-size:clamp(2rem,5.7vw,4.1rem);font-weight:850;line-height:1.1;overflow-wrap:anywhere;color:#fff}
.mount-hero h1 span{display:block;margin-bottom:.45rem;color:#f0c58e;font-size:.61em;letter-spacing:.015em}
.mount-hero .mount-lede,.mount-end p{color:#e5edf2;font-size:1rem;max-width:44ch}
.mount-direction{display:flex;align-items:center;gap:.85rem;width:fit-content;max-width:100%;margin-top:1.45rem;padding:.65rem 1.05rem .65rem .65rem;background:#f4dcb9;border-radius:15px;color:#152b3c;line-height:1.25}
.mount-direction>span{display:grid;place-items:center;min-width:46px;min-height:46px;border-radius:10px;background:#192f46;color:#fff;font-size:2.05rem;font-family:system-ui,sans-serif}
.mount-direction small,.mount-direction strong{display:block}.mount-direction small{font-size:.8rem}.mount-direction strong{font-size:clamp(.98rem,2.3vw,1.27rem);margin-top:.14rem}
.mount-guide figure{margin:0;overflow:hidden}
.mount-guide img{display:block;max-width:100%;height:auto}
.mount-hero-figure{display:grid;align-content:space-between;gap:.65rem;border-radius:19px;background:#fff;color:var(--mount-ink);padding:.95rem 1.05rem;text-align:center}
.mount-figure-label{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.74rem;font-weight:760;letter-spacing:.08em;color:#496376;text-align:left}
.mount-figure-label span:first-child{padding:.18rem .58rem;background:#edf3f7;color:#1b435d;border-radius:5px}
.mount-hero-figure img{width:min(100%,250px);margin:0 auto}
.mount-guide figcaption{font-size:.87rem;color:#445e74}
.mount-jump{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.25rem;padding-bottom:1.3rem;border-bottom:1px solid var(--mount-line)}
.mount-jump a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .88rem;border:1px solid #d4e0e9;border-radius:8px;background:#f9fbfc;color:#214961;font-weight:720;font-size:.9rem;text-decoration:none}
.mount-jump a:hover{background:#e7eef4;text-decoration:underline}
.mount-section{margin-top:clamp(2.25rem,6vw,4.2rem)}
.mount-method-grid,.mount-check-grid{display:grid;gap:1rem;margin-top:1.25rem}
.mount-method-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mount-method,.mount-check-grid article{background:#fff;border:1px solid var(--mount-line);border-radius:16px;overflow:hidden}
.mount-method figure{display:grid;place-items:center;background:var(--mount-paper);height:148px;border-bottom:1px solid var(--mount-line);padding:.8rem}
.mount-method figure img{width:138px;height:118px;object-fit:contain;mix-blend-mode:multiply}
.mount-method>div,.mount-check-grid article{padding:1rem}
.mount-method p{font-size:.93rem}
.mount-method .mount-kicker{margin-bottom:.4rem}
.mount-note{margin:1rem 0 0;padding:1rem 1.15rem;background:#fbf5ec;border-left:4px solid #bc874d;border-radius:0 10px 10px 0}
.mount-note p{margin:.2rem 0 0}
.mount-note a,.mount-guide .mount-end a{font-weight:780}
.mount-step-grid{display:grid;grid-template-columns:1fr 1.22fr;align-items:start;gap:clamp(1.1rem,4vw,2.35rem);margin-top:1.25rem}
.mount-step-grid figure{background:var(--mount-paper);border:1px solid var(--mount-line);border-radius:15px}
.mount-step-grid figure img{width:100%}
.mount-step-grid figure figcaption{padding:.85rem 1rem}
.mount-guide .mount-steps{padding:0;margin:0;list-style:none;counter-reset:mount-step}
.mount-steps li{position:relative;padding:.1rem 0 1rem 3rem;border-bottom:1px solid var(--mount-line);margin:0 0 .9rem;counter-increment:mount-step}
.mount-steps li::before{content:counter(mount-step,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:10px;background:#e9f0f5;color:#1a4058;font-size:.84rem;font-weight:820}
.mount-steps li p{margin:.16rem 0 0}
.mount-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mount-guide .mount-source{margin-top:1.15rem;color:#445e74;font-size:.88rem}
.mount-end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.35rem;margin-top:2.4rem;padding:clamp(1.3rem,4vw,2.45rem);border-radius:18px;background:#172f46;color:#fff}
.mount-end h2{font-size:clamp(1.4rem,4vw,2rem)}
.mount-end a{display:inline-flex;align-items:center;min-height:45px;border-radius:9px;padding:.55rem 1.1rem;background:#f4dcb9;color:#172f46;text-decoration:none}
.mount-end a:hover{text-decoration:underline}
.mount-hub{margin:1.5rem 0;padding:clamp(1.15rem,4vw,2.25rem);border:1px solid #d6e2ea;border-radius:20px;background:#edf3f7}
.mount-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1.15rem}
.mount-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.45rem .8rem;padding:1rem;background:#fff;color:#142b43;text-decoration:none;border:1px solid #d5e0e8;border-radius:12px}
.mount-card:hover{border-color:#637f93;color:#142b43;box-shadow:0 4px 14px #192f4612}
.mount-card strong,.mount-card>span:nth-child(2)>span{display:block}
.mount-card strong{font-size:1.1rem}
.mount-card>span:nth-child(2)>span{font-size:.91rem;color:#445e74}
.mount-card .mount-card-cta{grid-column:2;font-weight:780;color:#295472;font-size:.9rem}
.mount-card:hover .mount-card-cta{text-decoration:underline;text-underline-offset:3px}
.mount-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:9px;background:#e7eef4;color:#24475e}
.mount-a .mount-icon{background:#f7eddc;color:#805322}
.mount-icon svg{width:35px;height:35px;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:940px){.mount-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.mount-guide{width:calc(100% - 1.35rem);padding-top:.75rem}.mount-hero,.mount-step-grid,.mount-card-grid,.mount-check-grid{grid-template-columns:1fr}.mount-hero{border-radius:17px}.mount-hero-figure img{width:min(100%,210px)}.mount-breadcrumb{font-size:.8rem}.mount-jump a{padding:.36rem .65rem}.mount-end{margin-bottom:1rem}}
@media(max-width:460px){.mount-method-grid{grid-template-columns:1fr}.mount-method{display:grid;grid-template-columns:minmax(88px,34%) 1fr;align-items:stretch}.mount-method figure{height:100%;min-height:113px;border-bottom:none;border-right:1px solid var(--mount-line);padding:.5rem}.mount-method figure img{height:92px}.mount-method>div{padding:.75rem}.mount-method p{font-size:.87rem}.mount-card{padding:.8rem;gap:.35rem .6rem}.mount-icon{width:42px;height:42px}.mount-icon svg{width:28px;height:28px}}
