dialog.lm-guide,
dialog.lm-guide.is-preparation { background:transparent; isolation:isolate; }
.lm-guide::backdrop { background:transparent; }
.lm-guide .lg-city,
.lm-guide .lg-city-shade { position:absolute; inset:0; pointer-events:none; }
.lm-guide .lg-city { overflow:hidden; background:#02050c; }
.lm-guide .lg-city-fallback,
.lm-guide .lg-city .home-city-poster,
.lm-guide .lg-city .home-city-world { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; }
.lm-guide .lg-city .home-city-world { opacity:0; }
.lm-guide .lg-city[data-ready] .home-city-world { opacity:1; }
.lm-guide .lg-city[data-ready] :is(.home-city-poster,.lg-city-fallback) { visibility:hidden; }
.lm-guide .lg-city .home-city-raster { display:block; position:absolute; inset:0; width:100%; height:100%; }
.lm-guide .lg-city .neon-part { position:absolute; contain:strict; }
.lm-guide .lg-city .home-city-traffic { contain:strict; }
.lm-guide .lg-city-shade { background:rgb(2 6 11 / 90%); }
.lm-guide .lg-frame { position:relative; z-index:1; }
.lm-guide[open] .lg-frame { animation:lg-guide-arrive 720ms ease-out both; }
.lm-guide[open] .lg-city-shade { animation:lg-guide-dim 720ms ease-out both; }
.lm-guide .lg-header,
.lm-guide.is-preparation .lg-header { height:64px; padding:4px clamp(20px,3vw,52px); gap:20px; background:rgb(4 10 16 / 65%); }
.lm-guide .lg-header img { width:170px; height:52px; }
.lm-guide .lg-header #lg-guide-title { flex:1; font-size:18px; text-align:center; font-weight:500; color:#d2e2e9; }
.lm-guide .lg-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; width:170px; }
.lm-guide .lg-header-actions button { min-width:32px; min-height:32px; width:32px; padding:0; background:transparent; border-color:transparent; }
.lm-guide .lg-header-actions .lg-motion { font-size:13px; color:#92aab8; }
.lm-guide .lg-header .lg-close { margin:0; font-size:27px; }
.lm-guide .lg-layout,
.lm-guide.is-preparation .lg-layout { max-width:1800px; width:calc(100% - clamp(32px,6vw,120px)); margin:24px auto; gap:18px; }
.lm-guide.has-equipment .lg-layout { grid-template-columns:minmax(0,1fr) clamp(300px,27vw,400px); }
.lm-guide.has-equipment[data-step="welcome"] .lg-layout { grid-template-columns:minmax(0,1fr) clamp(340px,41vw,620px); }
.lm-guide .lg-main,
.lm-guide.is-preparation .lg-main,
.lm-guide:not(.has-equipment) .lg-main { padding:20px 24px 16px; border:1px solid #2d5d6b; border-radius:5px; background:rgb(4 14 22 / 95%); }
.lm-guide .lg-stages,
.lm-guide.is-preparation .lg-stages { align-items:center; gap:14px; margin:0 0 20px; padding-bottom:12px; border-bottom:1px solid #1b3948; }
.lm-guide .lg-stages button { position:relative; flex-direction:row; justify-content:flex-start; min-height:40px; gap:10px; padding:6px 12px; border:1px solid transparent; font-size:12px; border-radius:0; }
.lm-guide .lg-stages button:not(:last-child)::after { content:""; position:absolute; left:calc(100% + 3px); width:8px; height:1px; background:#456274; }
.lm-guide .lg-stages button span { width:auto; height:auto; border:0; background:none; font-size:24px; color:#7ea8b9; }
.lm-guide .lg-stages [aria-current] { border-color:#65b4c6; border-radius:9px 2px 9px 2px; color:#d2edf1; background:#0c2330; box-shadow:inset 0 0 14px #5fb2c015; }
.lm-guide .lg-stages [aria-current] span { background:none; color:#93dae6; }
.lm-guide #lg-title { flex:none; font-size:clamp(23px,2.2vw,34px); line-height:1.35; font-weight:600; }
.lm-guide.is-preparation .lg-step-scroll { padding:0; }
.lm-guide.is-preparation .lg-diagram { min-height:180px; margin-top:6px; }
.lm-guide .lg-welcome-image { mix-blend-mode:lighten; }
.lm-guide .lg-welcome-labels b { display:none; }
.lm-guide .lg-welcome-labels > span { font-size:clamp(12px,1.6cqw,18px); }
.lm-guide[data-gear="guitar"] .lg-label-guitar,
.lm-guide[data-gear="interface"] .lg-label-interface,
.lm-guide[data-gear="laptop"] .lg-label-laptop,
.lm-guide[data-gear="cable"] .lg-label-cable,
.lm-guide[data-gear="usb"] .lg-label-usb,
.lm-guide[data-gear="earphones"] .lg-label-earphones { color:#b8ecf2; text-decoration:underline; text-underline-offset:7px; text-decoration-color:#76c6d6; }
.lm-guide .lg-label-interface { left:42%; top:43%; }
.lm-guide .lg-label-earphones { left:83%; top:88%; }
.lm-guide .lg-equipment-selector { display:flex; align-items:stretch; justify-content:space-between; flex:none; margin:12px 0; padding:4px 0; border-bottom:1px solid #244652; }
.lm-guide .lg-equipment-selector button { position:relative; flex:1; gap:7px; min-width:0; min-height:52px; padding:6px 7px 12px; border:0; border-radius:0; color:#abcad9; background:none; font-size:12px; line-height:1.4; }
.lm-guide .lg-equipment-selector button + button::before { content:""; position:absolute; left:0; top:14px; bottom:17px; width:1px; background:#35505e; }
.lm-guide .lg-equipment-selector button[data-gear="interface"] { flex:1.8; }
.lm-guide .lg-equipment-selector .lg-icon { flex:none; width:30px; height:34px; filter:none; stroke-width:4; }
.lm-guide .lg-equipment-selector [aria-pressed="true"] { color:#d2ecf2; }
.lm-guide .lg-equipment-selector [aria-pressed="true"]::after { content:""; position:absolute; bottom:1px; left:10%; right:10%; height:2px; background:#83d3e3; box-shadow:0 0 8px #69c5db77; }
.lm-guide .lg-equipment-selector button:hover { color:#cdeaf0; background:#132532; }
.lm-guide .lg-controls,
.lm-guide.is-preparation .lg-controls { border:0; padding-top:2px; gap:12px; }
.lm-guide .lg-count { margin-right:auto; font-size:13px; }
.lm-guide[data-step="welcome"] [data-prev] { display:none; }
.lm-guide .lg-controls button.lg-primary { min-width:160px; min-height:43px; background:#102b37; border-color:#74bfcc; }
.lm-guide .lg-equipment.is-billboard { --theme-ink:#202723; --theme-muted:#5d665f; --theme-hover:#edf3e9; --theme-accent:#426e37; --theme-border:#dce3d8; --theme-strong-line:#7a966b; --lg-muted:#5d665f; padding:0; background:#fff; color:#202723; border:3px solid #a7bf94; border-radius:3px; outline:0; overflow:hidden; color-scheme:light; container:product-panel / inline-size; }
.lm-guide .is-billboard a { color:#355a38; }
.lm-guide .is-billboard :is(button,a,summary,input):focus-visible { outline:2px solid #426e37; outline-offset:3px; }
.lm-guide .is-billboard .lg-equipment-heading,
.lm-guide .is-billboard .lg-equipment-tabs { display:none; }
.lm-guide .is-billboard .lg-equipment-body { padding:0; flex:1; overflow:hidden; scrollbar-gutter:auto; }
.lm-guide .lg-ad-creative { display:flex; flex-direction:column; height:100%; min-height:0; color:#202723; }
.lm-guide .lg-ad-visual { display:flex; flex-direction:column; flex:0 0 34%; min-height:180px; max-height:290px; padding:19px 22px 9px; background:#fff; color:#202723; border-bottom:1px solid #e0e5dc; }
.lm-guide .lg-ad-tag { font-size:11px; letter-spacing:.08em; }
.lm-guide .lg-ad-visual h3 { font-size:clamp(22px,2.1vw,31px); font-weight:700; line-height:1.35; margin-top:9px; overflow-wrap:anywhere; }
.lm-guide .lg-ad-art { display:flex; align-items:center; justify-content:center; flex:1; min-height:0; padding:10px 0 4px; }
.lm-guide .lg-ad-art svg { display:block; width:100%; height:100%; max-height:150px; min-height:0; color:#24394b; filter:none; overflow:hidden; }
.lm-guide .lg-art-caption { flex:none; text-align:center; font-size:10px; color:#354158; }
.lm-guide .lg-ad-copy { display:flex; flex-direction:column; min-height:0; flex:1; padding:16px 22px 12px; background:#fff; }
.lm-guide .lg-ad-explanation { flex:1; min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#abb7a3 transparent; padding-right:4px; font-size:13px; line-height:1.85; }
.lm-guide .lg-ad-summary { font-size:13px; }
.lm-guide .lg-ad-explanation h4 { margin:10px 0 5px; font-size:15px; line-height:1.5; font-weight:600; }
.lm-guide .lg-ad-explanation > p + p { margin-top:8px; }
.lm-guide .lg-ad-caution { color:#5d665f; font-size:12px; }
.lm-guide .lg-ad-help { margin-top:14px; border-top:1px solid #dce3d8; }
.lm-guide .lg-ad-help summary { padding:9px 0 4px; color:#354832; font-size:12px; cursor:pointer; }
.lm-guide .lg-ad-help p { padding:5px 0; font-size:12px; color:inherit; }
.lm-guide .lg-ad-help .lg-routes { flex-direction:column; gap:8px; margin:8px 0; }
.lm-guide .lg-ad-help legend { color:#5d665f; }
.lm-guide .lg-ad-actions { flex:none; padding-top:10px; }
.lm-guide .lg-ad-actions .lg-shop-links { flex-wrap:wrap; gap:10px; margin:0; }
.lm-guide .lg-ad-copy .lg-shop-links a { flex:0 1 auto; padding:6px 12px; border:1px solid #829e6e; border-radius:2px; text-align:center; font-size:12px; color:#253823; background:#fff; text-decoration:none; }
.lm-guide .lg-ad-copy .lg-shop-links a:hover { background:#edf3e9; }
.lm-guide .lg-ad-source { margin-top:7px; text-align:center; font-size:11px; }
.lm-guide .lg-ad-source a { color:#355a38; }
.lm-guide .lg-product-pagination { display:flex; align-items:center; justify-content:space-between; margin-top:9px; font-size:12px; }
.lm-guide .lg-product-pagination button { width:30px; min-height:30px; padding:0; border:1px solid #829e6e; border-radius:50%; font-size:24px; line-height:1; color:#355a38; background:transparent; }
.lm-guide .lg-ad-disclosure { flex:none; margin-top:10px; padding-top:8px; border-top:1px solid #dce3d8; font-size:11px; line-height:1.6; color:#5d665f; }
.lm-guide .lg-ad-disclosure p { margin-top:4px; }
.lm-guide .lg-product-board { display:flex; flex-direction:column; height:100%; min-height:0; background:#fff; color:#202723; }
.lm-guide .lg-product-board-heading { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; padding:14px 22px 12px; font-size:12px; }
.lm-guide .lg-product-board-heading > span { color:#5d665f; font-size:11px; }
.lm-guide .lg-product-pr { display:inline-block; margin-right:5px; padding:1px 6px; border:1px solid #94a487; border-radius:2px; color:#415339; font-size:10px; letter-spacing:.06em; }
.lm-guide .lg-product-choices { display:flex; flex:none; gap:10px; padding:0 22px 16px; border-bottom:1px solid #e0e5dc; overflow-x:auto; scrollbar-width:thin; }
.lm-guide .lg-product-choices button { flex:1 0 88px; min-height:36px; padding:5px 8px; background:#eff4fb; border:1px solid #becde1; border-radius:2px; font-size:12px; color:#304d72; }
.lm-guide .lg-product-choices button:hover { background:#dfe9f7; border-color:#7f9ac1; color:#24466f; }
.lm-guide .lg-product-choices [aria-pressed="true"], .lm-guide .lg-product-choices [aria-pressed="true"]:hover { background:#426bab; border-color:#355c97; color:#fff; }
.lm-guide .lg-product-scroll { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#abb7a3 #fff; }
.lm-guide .lg-product-scroll:focus-visible { outline:2px solid #426e37; outline-offset:-3px; }
.lm-guide .lg-product-hero { display:grid; grid-template-columns:minmax(0,1fr) 256px; align-items:center; gap:16px; padding:20px 22px 18px; }
.lm-guide .lg-product-identity { min-width:0; padding:6px 0 6px 14px; border-left:2px solid #7a8e70; }
.lm-guide .lg-product-brand { color:#394333; font-size:12px; font-weight:600; }
.lm-guide .lg-product-identity h3 { margin:3px 0 8px; font-size:25px; line-height:1.3; color:#172018; overflow-wrap:anywhere; }
.lm-guide .lg-product-identity h3 small { display:block; margin-top:6px; font-size:12px; font-weight:400; color:#5d665f; }
.lm-guide .lg-product-category { color:#414c43; font-size:12px; line-height:1.65; }
.lm-guide .lg-product-purpose { font-size:13px; line-height:1.85; color:#384138; white-space:pre-line; }
.lm-guide .lg-product-media { min-width:0; }
.lm-guide .lg-product-photo { margin:0; text-align:center; }
.lm-guide .lg-product-photo iframe { display:block; width:256px; height:256px; margin:0 auto; border:0; background:#fff; color-scheme:light; }
.lm-guide .lg-product-photo figcaption { margin-top:6px; font-size:10px; color:#5d665f; }
.lm-guide .lg-product-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:256px; padding:16px; background:#f4f7f2; border:1px solid #e0e5dc; border-radius:2px; color:#47635a; font-size:11px; }
.lm-guide .lg-product-placeholder .lg-icon { height:115px; max-width:230px; filter:none; }
.lm-guide .lg-product-placeholder small { margin-top:3px; color:#5d665f; font-size:10px; }
.lm-guide .lg-product-description { padding:0 24px 22px; font-size:13px; line-height:1.85; }
.lm-guide .lg-product-section { margin-top:22px; }
.lm-guide .lg-product-section h4 { margin:0 0 9px; color:#202723; font-size:15px; font-weight:600; }
.lm-guide .lg-product-section > p { white-space:pre-line; }
.lm-guide .lg-product-specifications { margin:0; font-size:13px; }
.lm-guide .lg-product-specifications > div { display:grid; grid-template-columns:76px minmax(0,1fr); gap:10px; padding:7px 0; border-bottom:1px solid #e8ece5; }
.lm-guide .lg-product-specifications dt { color:#5d665f; }
.lm-guide .lg-product-specifications dd { margin:0; color:#202723; }
.lm-guide .lg-product-board .lg-ad-help { border-color:#dce3d8; }
.lm-guide .lg-product-board .lg-ad-help summary { padding-block:10px; font-size:12px; color:#354832; }
.lm-guide .lg-product-board .lg-ad-help p { padding:4px 0 10px; white-space:pre-line; }
.lm-guide .lg-product-board .lg-ad-help .lg-routes { display:flex; flex-direction:column; gap:8px; margin:8px 0; }
.lm-guide .lg-product-verification { margin-top:16px; color:#5d665f; font-size:11px; }
.lm-guide .lg-product-reference { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-top:9px; font-size:11px; }
.lm-guide .lg-product-reference > span { color:#5d665f; }
.lm-guide .lg-product-purchase { margin-top:20px; }
.lm-guide .lg-product-purchase-end { padding-top:16px; border-top:1px solid #dce3d8; }
.lm-guide .lg-purchase-label { margin-top:10px; font-size:10px; color:#5d665f; }
.lm-guide .lg-product-purchase .lg-shop-links { display:flex; flex-wrap:wrap; gap:8px; margin:0; }
.lm-guide .lg-product-purchase .lg-shop-links a { display:inline-flex; align-items:center; justify-content:center; min-height:33px; padding:5px 10px; font-size:12px; border:1px solid #829e6e; border-radius:2px; text-decoration:none; background:#fff; color:#253823; }
.lm-guide .lg-product-purchase .lg-shop-links a:hover { background:#edf3e9; border-color:#587346; }
.lm-guide .lg-product-disclosure { flex:none; padding:11px 22px; border-top:1px solid #dce3d8; background:#f7f9f5; color:#5d665f; font-size:10px; line-height:1.6; }
.lm-guide .lg-product-disclosure p + p { margin-top:3px; }
.lm-guide .lg-ad-visual.is-optional { background:#fff; color:#202723; }
.lm-guide .is-optional .lg-ad-art { margin:10px 0 4px; padding:8px; border-radius:2px; background:#080e13; }
.lm-guide .is-optional .lg-ad-art svg { mix-blend-mode:lighten; }
.lm-guide .is-optional .lg-art-caption { color:#5d665f; }
.lm-guide[data-step="optional"] .lg-diagram { min-height:230px; }
.lm-guide .lg-optional-item h2 span { display:none; }
.lm-guide .lg-optional-item h2 { font-size:14px; }
.lm-guide .lg-optional-item p { font-size:11px; }
@keyframes lg-guide-arrive { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@keyframes lg-guide-dim { from { opacity:0; } to { opacity:1; } }
@container product-panel (max-width:475px) {
  .lm-guide .lg-product-hero { grid-template-columns:minmax(0,1fr); gap:12px; }
  .lm-guide .lg-product-purchase { margin-top:12px; }
  .lm-guide .lg-product-placeholder { min-height:200px; }
}
@media (max-width:1350px) {
  .lm-guide .lg-layout, .lm-guide.is-preparation .lg-layout { width:calc(100% - 40px); gap:16px; margin-block:18px; }
  .lm-guide .lg-main, .lm-guide.is-preparation .lg-main { padding:16px; }
  .lm-guide .lg-stages button { padding-inline:5px; gap:6px; font-size:11px; }
  .lm-guide .lg-equipment-selector button { gap:5px; padding-inline:4px; }
}
@media (max-width:1100px) {
  .lm-guide .lg-equipment-selector button { flex-direction:column; gap:4px; font-size:11px; }
  .lm-guide .lg-equipment-selector .lg-icon { height:25px; }
}
@media (max-height:780px) {
  .lm-guide .lg-header, .lm-guide.is-preparation .lg-header { height:56px; }
  .lm-guide .lg-layout, .lm-guide.is-preparation .lg-layout { margin-block:14px; }
  .lm-guide .lg-main, .lm-guide.is-preparation .lg-main { padding-block:12px; }
  .lm-guide .lg-stages, .lm-guide.is-preparation .lg-stages { margin-bottom:10px; padding-bottom:8px; }
  .lm-guide .lg-stages button { min-height:32px; }
  .lm-guide #lg-title { font-size:26px; }
  .lm-guide .lg-equipment-selector { margin-block:6px; }
  .lm-guide .lg-equipment-selector button { min-height:45px; padding-bottom:8px; }
  .lm-guide .lg-ad-visual { padding:13px 18px 8px; min-height:160px; }
  .lm-guide .lg-ad-visual h3 { font-size:24px; margin-top:6px; }
  .lm-guide .lg-ad-copy { padding:12px 16px 10px; }
}
@media (max-width:800px) {
  .lm-guide .lg-header img { width:125px; }
  .lm-guide .lg-header-actions { width:auto; }
  .lm-guide .lg-header #lg-guide-title { font-size:15px; }
  .lm-guide.has-equipment .lg-layout { display:block; overflow:auto; }
  .lm-guide.has-equipment .lg-main { display:flex; min-height:540px; }
  .lm-guide .lg-equipment.is-billboard { min-height:680px; margin-top:18px; }
  .lm-guide .lg-ad-creative { min-height:680px; }
}
@media (prefers-reduced-motion:reduce) {
  .lm-guide[open] .lg-frame, .lm-guide[open] .lg-city-shade { animation:none; }
  .lm-guide .lg-motion { display:none; }
}