/* 2026-09: blue pixel identity, calmer surfaces and accessible reading. */
:root{--dl-ink:#243a5b;--dl-blue:#2563eb;--dl-line:#344c70;--dl-paper:#fcfdff;--dl-muted:#657791}
/* Restore the original blue/lavender atmosphere while keeping the new layout. */
body:not(.dl-admin):not(.dl-login){color:var(--dl-ink);font-size:15px;line-height:1.65;background:#e7edff}
body:not(.dl-admin) .p-bgMonster:before{background-image:url('/js/data/guides/src/css/1.png')!important;opacity:.36;animation-duration:90s}
body>.container,body>header>.container,body>main.container{max-width:1240px}
body>header.container{padding-top:28px;padding-bottom:22px}
body>header h1{font-size:clamp(26px,3.5vw,40px)!important}
body>header h1>span{display:inline-block;border:3px solid var(--dl-line)!important;box-shadow:5px 5px 0 #9aafd1;padding:14px 20px!important;border-radius:3px!important}
body>header .pixel-border:not(h1>span){border-width:2px;box-shadow:3px 3px 0 #afbdd5}
body>nav.container{margin-bottom:24px}
body>nav>div{justify-content:flex-start!important;gap:10px!important;align-items:center;flex-wrap:wrap}
body>nav .nav-item{font-size:15px;border:2px solid var(--dl-line)!important;box-shadow:3px 3px 0 #b0bfda;background:#fff!important;color:#294d84!important;border-radius:4px!important;padding:10px 17px!important;transform:none;white-space:nowrap}
body>nav .nav-item:hover{background:#edf4ff!important;transform:translateY(-2px);filter:none}
body>nav .nav-item[aria-current=page]{background:var(--dl-blue)!important;color:#fff!important}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:disabled{cursor:not-allowed}
:focus-visible{outline:3px solid #f4ae32!important;outline-offset:3px}
body:not(.dl-admin) main>section.pixel-border{background:rgba(255,255,255,.97)!important;border:2px solid var(--dl-line);box-shadow:5px 5px 0 #b7c5de;border-radius:5px!important;padding:28px;margin-bottom:28px;min-height:0}
body:not(.dl-admin) main>section>h2{font-size:25px;text-align:left!important;border-bottom:2px solid #e6edf8;padding-bottom:16px;margin-bottom:22px}
body:not(.dl-admin) input[type=text],body:not(.dl-admin) input[type=search]{min-height:46px;border:2px solid #c5d3e9;border-radius:5px;padding:10px 14px;background:#fff;max-width:100%}
body:not(.dl-admin) input:focus{border-color:#2563eb}
.card:hover,.digimon-card:hover{transform:translateY(-3px)!important}
body[data-page=index] .animate-pulse{animation:none;border:2px solid #82a5e4;box-shadow:3px 3px 0 #b7c5de;background:#edf4ff;color:#284b7b;text-align:left}
body[data-page=index] .animate-pulse>span{font-size:16px!important;line-height:1.7}
body[data-page=index] .link-highlight{color:#1d4ed8;font-weight:bold}
#latest-news-list>li{padding:8px 0;border-bottom:1px solid #e4ebf5;gap:9px}
#latest-news-list a{font-size:15px;line-height:1.7;text-decoration:none!important;color:#274e86!important}
#latest-news-list a:hover{text-decoration:underline!important}
body[data-page=index] main>section:nth-of-type(2){padding:24px}
body[data-page=index] main>section:nth-of-type(2) .pixel-border:not(img){border:2px solid var(--dl-line);box-shadow:4px 4px 0 #b7c5de;border-radius:5px;background:#f8fbff!important;transform:none}
body[data-page=index] main>section:nth-of-type(2) h3{text-align:left;font-size:18px;margin-bottom:14px}
body[data-page=index] main>section:nth-of-type(2) .image-container{height:205px;padding:0;background:#fff;border:1px solid #d7e2f2;border-radius:3px}
body[data-page=index] main>section:nth-of-type(2) .responsive-image{object-fit:contain;object-position:center;border:0;box-shadow:none;padding:8px}
body[data-page=index] main>section:nth-of-type(2) p{font-size:16px;font-weight:bold;margin-top:14px}
#prev-digimon-btn,#next-digimon-btn{opacity:1!important;min-width:36px;min-height:36px;background:#294b79cc;border-radius:4px}
#prev-btn,#next-btn{min-width:36px;min-height:36px;display:grid;place-items:center;border-radius:4px}
#digimon-grid{gap:22px!important;padding:0!important}
#digimon-grid .digimon-card{max-width:none;border:2px solid #a7bfe3;border-radius:5px;padding:20px;box-shadow:3px 3px 0 #dbe5f5}
#digimon-grid .digimon-card img{object-fit:contain}
#digimon-grid .digimon-card .hover-container{width:100%!important;height:190px!important;margin:0!important}
#digimon-grid .digimon-card .hover-image{width:100%!important;height:190px!important}
#digimon-grid .digimon-card .digimon-name-display{margin:12px 0 0!important;font-size:19px!important;line-height:1.5;transform:none!important}
#item-grid{gap:22px!important}
#guides-container>div{border-radius:5px}
[id$=pagination-controls]{gap:8px;flex-wrap:wrap}
[id$=pagination-controls] button{min-width:38px;min-height:38px;border-radius:4px}
body:not(.dl-admin) .footer-wrapper{margin-top:32px;background:#e4ebf8;border-top:2px solid #c4d1e7;color:#62718b;padding:16px}
body:not(.dl-admin) .modal-overlay>.modal-content{border:2px solid var(--dl-line);box-shadow:5px 5px 0 #152d5155;border-radius:5px}
.dl-search-trigger{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-left:auto;padding:10px 14px;border:2px solid #a6bbdf;background:#f8fbff;color:#506482;border-radius:4px;min-height:46px}
.dl-search-trigger kbd{font-size:12px;border:1px solid #c6d4e8;padding:0 6px;background:white;border-radius:3px}
.dl-overlay{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px;background:#102444b8;backdrop-filter:blur(3px)}
.dl-dialog{background:#f8fbff;color:#243a5b;border:3px solid #293f61;border-radius:6px;box-shadow:7px 7px 0 #06122566;width:min(1120px,100%);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;text-align:left;position:relative}
.dl-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:#eaf1ff;border-bottom:2px solid #c5d5ed;position:sticky;top:0;z-index:3}
.dl-dialog-head h2{font:700 19px/1.4 'Ark Pixel',sans-serif!important;margin:0;letter-spacing:.5px;color:#294d84}
.dl-close{width:36px;height:36px;flex:none;border:2px solid #96acd0;background:white;border-radius:4px;font:26px/1 sans-serif;cursor:pointer;color:#324e76}
.dl-close:hover{background:#dceaff}
.dl-digimon-layout{display:grid;grid-template-columns:285px minmax(0,1fr);align-items:start;gap:28px;padding:26px}
.dl-profile{position:sticky;top:94px;min-width:0;background:#fff;border:2px solid #b5c9e9;box-shadow:4px 4px 0 #e2eafa;border-radius:4px;padding:18px}
.dl-eyebrow{font:700 12px/1.5 sans-serif!important;letter-spacing:2px;color:#7185a4;margin-bottom:12px}
.dl-portrait{width:100%;height:200px;object-fit:contain;background:white;margin:8px 0 16px}
.dl-profile-name{font:700 23px/1.4 'Ark Pixel',sans-serif!important;color:#22467c;margin:0 0 8px;overflow-wrap:anywhere}
.dl-position{font:14px/1.6 system-ui,sans-serif!important;color:#667a98;margin-bottom:20px}
.dl-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}
.dl-stats>div{padding:12px 0;border-top:1px solid #e1e9f5;min-width:0}.dl-stats>div:last-child{grid-column:1/-1}
.dl-stats dt{font:12px/1.5 system-ui,sans-serif!important;color:#70809a;margin-bottom:4px}.dl-stats dd{font:600 16px/1.5 system-ui,sans-serif!important;margin:0;color:#2d466b;overflow-wrap:anywhere}
.dl-skill-area{min-width:0}.dl-skill-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dl-skill-bar h3{font-size:22px;margin:0}.dl-skill-bar>span{font-size:12px;color:#7889a1}
.dl-skill-jump{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.dl-skill-jump button{min-width:36px;min-height:32px;font:600 13px system-ui;border:1px solid #b6c9e5;border-bottom-width:3px;border-radius:3px;background:white;color:#315680}
.dl-skill-card{padding:19px 22px;background:#192a44;border:2px solid #344b6d;border-radius:4px;margin-bottom:15px;box-shadow:3px 3px 0 #d1dded;scroll-margin-top:88px;color:#ecf1fa}
.dl-skill-card .dl-skill-title{font:650 17px/1.6 system-ui,sans-serif!important;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #ffffff24;color:#fff}
.dl-skill-card .dl-skill-title small{font-size:12px;color:#aebed5}
.dl-skill-card .dl-skill-description,.dl-skill-card .dl-skill-description *{font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif!important;font-size:14px;line-height:1.9;letter-spacing:.1px;overflow-wrap:anywhere}
.dl-skill-description p,.dl-skill-description div{margin:0}.dl-skill-description ul{list-style:disc;padding-left:20px}.dl-skill-description ol{list-style:decimal;padding-left:20px}
.dl-search-dialog{max-width:780px}.dl-search-body{padding:22px}.dl-search-input{width:100%;min-height:52px;font:16px system-ui;border:2px solid #91b1e3;border-radius:4px;padding:12px 16px;background:white;color:#243a5b}
.dl-search-filters{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.dl-search-filters button{font:13px system-ui;padding:7px 11px;border:1px solid #ccd9ed;border-radius:3px;background:#fff;color:#526785}.dl-search-filters button[aria-pressed=true]{background:#2563eb;color:white;border-color:#2563eb}
.dl-search-status{font:13px/1.7 system-ui!important;color:#6d7e98;margin:12px 0}.dl-search-results{max-height:52dvh;overflow:auto;overscroll-behavior:contain}.dl-search-result{display:flex;width:100%;gap:14px;align-items:center;text-align:left;border:0;border-top:1px solid #dde6f4;background:transparent;padding:15px 6px;color:#243a5b}
.dl-search-result:hover,.dl-search-result:focus{background:#eaf1ff}.dl-result-kind{flex:none;font:12px system-ui;color:#365f9c;background:#e0ebfc;padding:5px 7px;border-radius:3px;min-width:50px;text-align:center}.dl-result-main{min-width:0;flex:1}.dl-result-main strong{display:block;font:600 15px/1.6 system-ui!important}.dl-result-main small{display:block;font:12px/1.6 system-ui!important;color:#7787a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-result-arrow{color:#7c95ba}
.dl-search-suggestion{margin:4px 8px 4px 0;padding:8px 14px;background:white;border:1px solid #c9d8ee;border-radius:3px;font-size:14px}
.dl-empty{padding:25px;color:#7586a0}.dl-item-dialog{max-width:680px}.dl-item-body{padding:24px;font:15px/1.8 system-ui}.dl-item-image{float:right;width:95px;height:95px;object-fit:contain;margin:0 0 20px 20px;background:white;border:1px solid #cbd9ee;padding:8px}.dl-item-description{background:#192a44;color:#f1f5ff;padding:18px;border-radius:4px;clear:both}.dl-acquisition{margin:20px 0}.dl-acquisition h3{font-size:15px;font-weight:700;margin-bottom:8px}.dl-primary-link{display:inline-block;color:#1d4ed8;font-size:14px;text-decoration:underline}
.dl-load-error{margin:16px;padding:16px;border:2px solid #dbb366;background:#fff7e3;color:#70531c}.dl-load-error button{padding:6px 16px;margin-left:12px;border:1px solid #b98c36;background:white}
@media(max-width:760px){body>header.container{padding:20px 16px}body>header>.flex{gap:12px;align-items:center}body>header h1>span{padding:10px!important;box-shadow:3px 3px 0 #9aafd1}body>header h1{font-size:24px!important}body>header .items-end{font-size:11px;gap:7px}body>header .items-end .pixel-border{font-size:11px;padding:4px 7px!important}body>nav>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}body>nav .nav-item{font-size:13px;text-align:center;padding:9px 3px!important}.dl-search-trigger{grid-column:1/-1;margin:4px 0 0;width:100%;font-size:14px;min-height:42px}body:not(.dl-admin) main>section.pixel-border{padding:18px 14px;margin-bottom:20px}body:not(.dl-admin) main>section>h2{font-size:22px}#digimon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#digimon-grid .digimon-card{padding:12px}#item-grid{gap:12px!important}body[data-page=index] main>section:nth-of-type(2) .grid{gap:16px}body[data-page=index] main>section:nth-of-type(2) .image-container{height:190px}.dl-overlay{padding:8px}.dl-dialog{max-height:calc(100dvh - 16px);border-width:2px}.dl-dialog-head{padding:12px 14px}.dl-dialog-head h2{font-size:17px!important}.dl-digimon-layout{display:block;padding:14px}.dl-profile{position:static;display:grid;grid-template-columns:110px 1fr;gap:0 14px;padding:14px;margin-bottom:24px}.dl-profile .dl-eyebrow{grid-column:1/-1;margin-bottom:8px}.dl-portrait{grid-column:1;grid-row:2/5;width:110px;height:140px;margin:0}.dl-profile-name{grid-column:2;font-size:20px!important}.dl-position{grid-column:2;margin:4px 0 10px}.dl-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.dl-stats>div:last-child{grid-column:span 2}.dl-stats dd{font-size:14px!important}.dl-skill-card{padding:16px 14px}.dl-skill-card .dl-skill-description,.dl-skill-card .dl-skill-description *{font-size:14px;line-height:1.85}.dl-search-body{padding:14px}.dl-result-kind{min-width:45px;font-size:11px}.dl-search-result{gap:10px}.dl-search-filters{gap:6px}.dl-search-filters button{padding:7px 9px}.dl-search-results{max-height:48dvh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(min-width:761px) and (max-height:780px){.dl-profile{position:static}}
@media(max-width:760px){#digimon-grid .digimon-card .hover-container,#digimon-grid .digimon-card .hover-image{height:135px!important}#digimon-grid .digimon-card .digimon-name-display{font-size:16px!important}}
/* Palette restored from the first pre-edit backup, 2026-09-26 14:04. */
body:not(.dl-admin):not(.dl-login){background:#d3dbff;color:#1a202c}
body:not(.dl-admin) .p-bgMonster:before{opacity:1}
/* Softer background pattern and restored panel depth across public pages. */
body:not(.dl-admin):not(.dl-login) main>section.pixel-border{background:rgba(255,255,255,.78)!important;border:3px solid #2d3436;border-radius:8px!important;box-shadow:6px 6px 0 #0003}
body>nav .nav-item{background:#1a73e8!important;color:white!important;border-color:white!important;box-shadow:3px 3px 0 #0003}
body>nav .nav-item:hover{background:#4285f4!important}body>nav .nav-item[aria-current=page]{background:#2563eb!important}
body[data-page=index] .animate-pulse{background:#3b82f6;color:white;border-color:#2d3436}
body[data-page=index] main>section:nth-of-type(2) .pixel-border:not(img){background:rgba(219,234,254,.9)!important;border-color:#2d3436;box-shadow:4px 4px 0 #0003}
body[data-page=index] main>section:nth-of-type(2) .image-container{background:#f0f4ff;border-color:#bfdbfe}
#digimon-grid .digimon-card,#guides-container>div,#guides-container>a,#item-grid>div{background:rgba(255,255,255,.9)!important}
.dl-dialog{background:rgba(255,255,255,.95);border-color:#2d3436}.dl-dialog-head{background:#dbeafe;border-color:#bfdbfe}
.dl-profile{background:#fff;border-color:#bfdbfe;box-shadow:4px 4px 0 #0002}.dl-portrait{background:#eff6ff;border:1px solid #bfdbfe;border-radius:3px}
.dl-position{background:#dbeafe;color:#1e3a8a;padding:10px;border-radius:4px}
.dl-stats{gap:8px}.dl-stats>div{border:1px solid #0001;padding:10px;border-radius:4px;background:#fef9c3}
.dl-stats>div:nth-child(2){background:#fee2e2}.dl-stats>div:nth-child(3){background:#dcfce7}.dl-stats>div:nth-child(4){background:#fce7f3}.dl-stats>div:nth-child(5){background:#f3e8ff}
.dl-stats dd{color:#1f2937}.dl-stats dt{color:#4b5563}
.dl-skill-card{background:#f9fafb;border-color:#d1d5db;color:#1a202c;box-shadow:3px 3px 0 #0001}
.dl-skill-card .dl-skill-title{color:#1a202c;border-color:#d1d5db}.dl-skill-card .dl-skill-title small{color:#6b7280}
.dl-skill-description{color:#1a202c}.dl-admin .dl-skill-card .dl-skill-title{color:#1a202c}
.dl-search-trigger,.dl-search-input{background:#eff6ff!important}.dl-close{background:white}.dl-item-image{background:#eff6ff}
/* Preserve game RGB text contrast inside the restored original palette. */
.dl-skill-card{background:#192a44;border-color:#344b6d;color:#ecf1fa}
.dl-skill-card .dl-skill-title,.dl-admin .dl-skill-card .dl-skill-title{color:#fff;border-color:#ffffff24}
.dl-skill-description{color:#ecf1fa}
body[data-page=index] .link-highlight{color:#fefcbf}
body[data-page=index] .link-highlight:hover{color:#fff}
/* Use a single white mat for artwork; preserve source colors and pale effects. */
body[data-page=index] main>section:nth-of-type(2) .image-container{background:#fff;border:1px solid #fff;box-shadow:none;border-radius:6px;isolation:auto}
body[data-page=index] main>section:nth-of-type(2) .responsive-image{background:#fff;border:0;box-shadow:none;mix-blend-mode:normal;object-fit:contain;padding:8px}
body[data-page=index] #latest-digimon-card #latest-digimon-image{padding:8px 38px;transform:none}
.dl-profile .dl-portrait,#digimon-grid .digimon-image,.evolution-stage img{background:#fff;border:4px solid #fff;border-radius:6px;box-shadow:none;mix-blend-mode:normal;object-fit:contain}
body .dx-cover,body .dx-icon,body .dx-directory-icon,.dl-item-image,#item-grid .item-image{background:#fff;border:2px solid #fff;border-radius:4px;box-shadow:none;mix-blend-mode:normal;object-fit:contain}

/* Center the six navigation links independently of the search entry. */
body>nav>div{position:relative;justify-content:center!important}
body>nav .dl-search-trigger{position:absolute;right:0;margin-left:0}
@media(min-width:761px) and (max-width:1100px){body>nav>div{padding-bottom:62px}body>nav .dl-search-trigger{top:calc(100% - 52px);right:50%;transform:translateX(50%);white-space:nowrap}}
@media(max-width:760px){body>nav .dl-search-trigger{position:static;transform:none;margin:4px 0 0}}

/* Reading text uses a UI font; pixel lettering is reserved for site identity. */
:root{--dl-reading:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
body:not(.dl-admin):not(.dl-login) main,body:not(.dl-admin):not(.dl-login) main *,body:not(.dl-admin) .dl-dialog *,body:not(.dl-admin) .modal-content *,body:not(.dl-admin) .synthesis-modal-content *,body:not(.dl-admin) .footer-wrapper *,#toc-container *{font-family:var(--dl-reading)!important;letter-spacing:normal}
body:not(.dl-admin):not(.dl-login) main>section>h2,body:not(.dl-admin)[data-page=index] main>section h3,body:not(.dl-admin) .dl-dialog .dl-dialog-head h2{font-family:'Ark Pixel',sans-serif!important;letter-spacing:.4px}
body:not(.dl-admin) main input,body:not(.dl-admin) main button,body:not(.dl-admin) main select{font-family:var(--dl-reading)!important}
body:not(.dl-admin) main p,body:not(.dl-admin) main li{line-height:1.8}
body:not(.dl-admin) main code,body:not(.dl-admin) main pre{font-family:Consolas,monospace!important}
body[data-page=index] main>section.pixel-border:first-child{background:rgba(247,249,255,.96)!important}
#carousel-controls{margin-top:14px;gap:8px}
#carousel-indicators button{width:9px!important;height:9px!important}
body[data-page=index] main>section.pixel-border:nth-of-type(2){border:1px solid #a9b9d8;box-shadow:2px 2px 0 #0001}
body[data-page=index] main>section:nth-of-type(2) .grid>.pixel-border{position:relative;box-shadow:3px 3px 0 #0002;transition:border-color .18s,box-shadow .18s}
body[data-page=index] main>section:nth-of-type(2) .grid>.pixel-border:hover,body[data-page=index] main>section:nth-of-type(2) .grid>.pixel-border:focus-within{border-color:#2563eb;box-shadow:3px 3px 0 #2563eb30}
body[data-page=index] #latest-digimon-card #latest-digimon-image{padding:6px 30px}
body[data-page=index] #latest-dungeon-card .responsive-image{padding:12px 24px}
body[data-page=index] main>section:nth-of-type(2) .grid>.pixel-border:last-child .responsive-image{padding:18px 12px}
.dl-card-link,.dl-card-hint{display:block;text-align:center;margin-top:8px;color:#315f9e;font:13px/1.7 var(--dl-reading)!important}
.dl-card-link:after{content:'';position:absolute;inset:0;border-radius:5px}
#latest-news-list>li{margin-top:0;padding:11px 0;gap:10px}
#latest-news-list>li.dl-news-heading{border:0;padding:12px 0 5px;color:#64748b;font-size:12px;font-weight:600;letter-spacing:1px}
#latest-news-list>li.dl-news-pinned{background:#fffbeb;border-bottom-color:#f1e8c8;padding:10px;border-radius:4px}
#latest-news-list>li>div{flex:1}
#latest-news-list>li>span{font-size:12px;color:#77849a}
#latest-news-list a{font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#latest-news-list .w-24{width:auto;min-width:58px;margin-right:8px;font-size:11px}
.dl-all-guides{display:block;text-align:right;margin-top:14px;color:#315f9e;font-size:13px}
@media(max-width:760px){#latest-news-list>li{flex-wrap:wrap;gap:3px}#latest-news-list>li>div{flex-basis:100%}#latest-news-list>li>span{margin-left:auto}body[data-page=index] main>section:nth-of-type(2){padding:14px 10px}}

.dl-app-download{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 24px;font-family:var(--dl-reading)}.dl-app-download>div{display:grid;gap:4px}.dl-app-download strong{font-size:16px;color:#244c86}.dl-app-download span{font-size:12px;color:#526482}.dl-app-download>a{padding:10px 18px;background:#2563eb;color:#fff;border:2px solid #fff;border-radius:5px;box-shadow:3px 3px 0 #0002;font-size:14px;white-space:nowrap}.dl-app-download>a:hover{background:#1d4ed8}@media(max-width:600px){.dl-app-download{flex-wrap:wrap}.dl-app-download>a{width:100%;text-align:center}}

/* Keep the download callout aligned with the main panels. */
body>.dl-app-download{width:calc(100% - 32px);max-width:1140px;margin:0 auto 24px;padding:16px 20px;background:#e8efff;border:1px solid #a6bbdf;border-radius:6px;box-shadow:2px 2px 0 #0001}
/* Legacy article flowchart has no coordinates: use responsive document flow. */
.guide-content .learning-path-container{min-height:0;height:auto;padding:20px;border:1px solid #c7d8ed;border-radius:8px}
.guide-content .learning-path-container .container{height:auto;max-width:100%;width:100%}
.guide-content .learning-path-container .flowchart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:auto}
.guide-content .learning-path-container .stage-title{position:static;transform:none;grid-column:1/-1;margin:16px 0 0;padding:8px 0;color:#24528b;font-size:17px;border-bottom:1px solid #c7d8ed}
.guide-content .learning-path-container .skill-label{position:static;transform:none;white-space:normal;padding:0;min-width:0;border-radius:6px;font-size:14px}
.guide-content .learning-path-container .skill-label:hover{transform:none;background:#e3efff}
.guide-content .learning-path-container .skill-label a{display:block;padding:12px 14px;line-height:1.7;overflow-wrap:anywhere;text-decoration:none}
.guide-content .learning-path-container .node,.guide-content .learning-path-container .stage-btn,.guide-content .learning-path-container .ellipsis-container,.guide-content .learning-path-container .path-svg,.guide-content .learning-path-container .skill-label:not(:has(a)){display:none}
@media(max-width:760px){.guide-content .learning-path-container{padding:14px}.guide-content .learning-path-container .flowchart{grid-template-columns:1fr}body>.dl-app-download{padding:14px 16px}}
/* Shared layout for legacy equipment/drop blocks embedded in guide articles. */
.guide-content .drop-section{width:100%!important;max-width:100%;margin:24px 0;padding:20px;background:#edf3ff;border:1px solid #bed0eb;border-radius:8px;box-sizing:border-box}
.guide-content .drop-items-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;align-items:stretch}
.guide-content .item-drop{width:auto!important;height:auto!important;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;background:#fff;border:1px solid #d3dfef;border-radius:6px;text-decoration:none}
.guide-content .item-drop>img{display:block;width:56px!important;height:56px!important;object-fit:contain;margin:0!important;flex:none}
.guide-content .item-drop .item-name{font-size:14px!important;line-height:1.6;overflow-wrap:anywhere}
.guide-content .item-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:auto}
.guide-content .item-buttons button{font-size:12px;line-height:1.5;padding:5px 8px;border-radius:4px;border:1px solid #e5cf88;background:#fff5cb;color:#855b16;cursor:pointer}
.guide-content .item-buttons .dl-article-usage{border-color:#a8d9b6;background:#e7f8ec;color:#247340}
.guide-content .item-buttons button:hover{filter:brightness(.96)}
@media(max-width:600px){.guide-content .drop-section{padding:12px}.guide-content .drop-items-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.guide-content a{overflow-wrap:anywhere;word-break:break-word}