.guide-mode{min-height:100dvh;overflow:auto;background:radial-gradient(ellipse at 80% 0,#12503a 0,transparent 50%),#032a20}
.guide-mode header{max-width:960px;margin:auto;padding:16px 22px;border-bottom:1px solid #285746;gap:16px}
.guide-mode .brand{font-size:23px}.guide-mode .brand-icon{width:36px;height:36px}.guide-return{font-size:13px;white-space:nowrap;text-decoration:none;border:1px solid var(--line);border-radius:24px;padding:10px 14px}
.guide-main{max-width:740px;padding:30px 22px 20px}.guide-main h1{font-size:clamp(32px,7vw,48px);line-height:1.1;margin:16px 0}.guide-lead{font-size:17px;color:var(--muted);margin-bottom:24px;max-width:560px}
.platforms{display:grid;gap:12px;margin:24px 0}.platform-link{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#0b392a;text-decoration:none;font-size:20px;font-weight:750;min-height:76px}.platform-link>span:first-child{font-size:28px;width:36px;text-align:center}.platform-link>span:last-child{margin-left:auto;color:var(--lime)}.platform-link.facebook>span:first-child{color:#77aaff}.platform-link.instagram>span:first-child{color:#eda5d7}.platform-link.youtube>span:first-child{color:var(--orange)}
.guide-panel{border:1px solid var(--line);border-radius:16px;background:#0b392a;padding:22px;margin:20px 0}.guide-panel h2{font-size:21px}.guide-panel p{font-size:15px;color:#d6e5dc;line-height:1.65}.guide-panel ol{padding-left:22px}.guide-panel li{padding:5px 0;font-size:15px;line-height:1.65}.guide-panel summary{cursor:pointer;font-size:17px;font-weight:700;min-height:28px;line-height:1.4}.guide-panel summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.fallback{border-color:#85b949}
.back-guide{display:inline-block;font-size:13px;color:var(--muted);text-decoration:none;margin-bottom:26px}.guide-tabs{display:flex;gap:6px;flex-wrap:nowrap;margin-bottom:24px}.guide-tabs a{flex:1;text-align:center;border:1px solid var(--line);padding:11px 8px;border-radius:24px;font-size:13px;text-decoration:none}.guide-tabs a[aria-current]{background:var(--lime);color:#073224;border-color:var(--lime);font-weight:750}
.share-example{display:flex;justify-content:center;align-items:center;gap:30px;background:#092e25;border:1px solid #285746;border-radius:20px;padding:25px 15px}.share-example>span{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:40px}.share-example small{font-size:12px;color:var(--muted);font-weight:500}.destination-badge img{width:52px;height:52px;border-radius:14px}.share-arrow{color:var(--lime)}.illustration-note{font-size:11px;color:var(--muted);text-align:center;margin:8px 0 28px}
.guide-steps{list-style:none;padding:0;margin:0}.guide-steps>li{display:flex;gap:16px;border-bottom:1px solid #285746;padding:22px 0}.step-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--lime);color:#073224;font-weight:800}.guide-steps h2{font-size:20px;margin:3px 0 8px}.guide-steps p{font-size:15px;line-height:1.65;color:#d6e5dc;margin:0}.guide-source{font-size:12px;color:var(--muted);line-height:1.6}.guide-main footer{border-top:1px solid #285746;margin-top:30px;padding-top:20px;font-size:12px}
@media(max-width:390px){.guide-mode header{padding:12px 16px}.guide-mode .brand{font-size:20px;gap:6px}.guide-return{padding:10px;font-size:12px}.guide-main{padding:24px 16px}.guide-panel{padding:18px}.share-example{gap:23px}.guide-tabs a{font-size:12px;padding:11px 5px}}

.device-tabs{display:flex;gap:6px;margin:0 0 26px;padding:4px;border:1px solid var(--line);border-radius:28px;background:#092e25}
.device-tabs a{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:24px;text-decoration:none;font-size:14px}
.device-tabs a[aria-current]{background:var(--lime);color:#073224;font-weight:750}
.copy-example{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:18px 12px;background:#092e25;border:1px solid var(--line);border-radius:16px;margin:20px 0;font-size:12px;text-align:center}
.copy-example span:nth-child(even){color:var(--lime);font-size:18px}

.about-story{max-width:620px;margin:0 auto}
.about-story>p:not(.guide-lead){font-size:16px;line-height:1.75;color:#d6e5dc;margin:22px 0}
.about-story .about-signoff{color:var(--lime)!important;margin-top:30px!important}
.about-story .about-signature{font-weight:750;color:#f3f6e9!important;margin:0 0 28px!important}
.about-mode footer{flex-wrap:wrap;line-height:1.5}