/* DaoPhim v2.0 - layout reconstruction from the supplied desktop references.
 * Loaded after v1. Preserve the original controllers, player and admin styling.
 * Breakpoints are based on CSS viewport width, not physical screen diagonal.
 */
:root { --dao-v2-bg:#100b07; --dao-v2-panel:#120e0b; --dao-v2-line:#30251d; --dao-v2-orange:#bd772f; }
body.dao-body { background:var(--dao-v2-bg)!important; font-size:14px; }
.dao-shell { width:calc(100% - 48px); max-width:1720px; }

/* Header is full-bleed in the sample; inner page sections are centered. */
.dao-header { background:rgba(14,11,9,.985); border-bottom:1px solid #34271b; box-shadow:none; }
.dao-header .dao-nav-inner { max-width:none; width:100%; min-height:80px; padding:0 clamp(10px,.9vw,20px); gap:clamp(12px,1.28vw,25px); }
.dao-logo { min-width:0; width:clamp(152px,10.85vw,208px); height:67px; align-self:center; justify-content:center; flex-direction:column; gap:0; padding:3px 4px 4px; border:1px solid #3d291d; background:#090807; color:#edb98e!important; flex:0 0 auto; white-space:nowrap; }
.dao-logo-word { font-weight:900; font-size:clamp(23px,1.8vw,36px); line-height:1.05; letter-spacing:-1.5px; color:#e9af82; text-shadow:1px 2px #44271e; white-space:nowrap; }
.dao-logo-word b { font-weight:900; color:#f3d2ab; }
.dao-logo-line { border-top:2px solid #cf9b6d; width:100%; text-align:center; font-size:clamp(6px,.49vw,9px); line-height:1.5; letter-spacing:.18em; color:#e9b889; white-space:nowrap; }
.dao-nav { height:80px; gap:clamp(9px,1.1vw,22px); flex:1 1 auto; min-width:0; justify-content:space-between; }
.dao-nav>a,.dao-nav-dropdown>button { color:#e6e3e0; font-size:clamp(11.5px,.76vw,15.5px); font-weight:650; line-height:1.35; }
.dao-nav-dropdown>button { gap:5px; }
.dao-nav-dropdown .dao-chevron { flex:0 0 14px; display:block; width:14px; height:14px; color:#d1c7bd; transform:none; margin-left:2px; transition:transform .2s ease; }
.dao-nav-dropdown:hover .dao-chevron,.dao-nav-dropdown:focus-within .dao-chevron { transform:rotate(180deg); }
.dao-nav-actions { gap:clamp(10px,1vw,20px); flex:0 0 auto; }
.dao-search { min-width:0; width:clamp(175px,20vw,455px); height:38px; padding:0 12px; background:#1c1a18; border:1px solid #393430; color:#bcb9b5; border-radius:24px; }
.dao-search:focus-within { border-color:#a37a55; }
.dao-search-symbol { display:flex; align-items:center; justify-content:center; width:20px; height:20px; font-size:0; }
.dao-search-symbol svg { display:block; width:19px; height:19px; }
.dao-search input { font-size:clamp(11px,.75vw,15px); padding:5px 9px!important; height:34px!important; }
.dao-search button[type=submit] { width:1px; padding:0; overflow:hidden; opacity:0; }
.dao-search:focus-within button[type=submit] { width:34px; opacity:1; }
.dao-search-submit-label { font-size:11px; }
.dao-account-link { font-size:clamp(11.5px,.78vw,15px); font-weight:650; gap:8px; }
.dao-account-link svg { width:26px; height:26px; flex-shrink:0; }
.dao-nav-popover { background:#191410; border-color:#3d2b1c; }

/* Chips, 62/38 hero and reference-sized cards. */
.dao-genre-chips { gap:8px; padding:14px 0 13px; }
.dao-genre-chips a { background:#1d2733; color:#aeb9c9; padding:8px 17px; border:1px solid #293441; font-size:13px; font-weight:500; }
.dao-genre-chips a.is-active { background:#1d2733; color:#c3cbd7; }
.dao-genre-chips a:hover { background:#35465a; color:#fff; }
.dao-hero { grid-template-columns:minmax(0,1.60fr) minmax(0,1fr); gap:15px; height:clamp(510px,39.5vw,755px); }
.dao-hero-primary,.dao-hero-mini { border-radius:16px; background:#1d1b19; }
.dao-hero-primary:after { background:linear-gradient(0deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.78) 18%,rgba(0,0,0,.23) 53%,transparent 85%); }
.dao-hero-mini:after { background:linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.34) 35%,transparent 78%); }
.dao-hero-primary>img,.dao-hero-mini>img { object-position:center center; }
.dao-hero-top { inset:20px 20px auto; }
.dao-hero-content { left:29px; bottom:29px; right:29px; }
.dao-hero-highlight { background:#b77535; color:white; border-radius:8px; font-size:13px; padding:6px 12px; }
.dao-hero-quality { background:#8b24ff; font-size:11px; }
.dao-hero-tags { gap:9px; margin-bottom:12px; }
.dao-hero-tags span { background:rgba(60,53,50,.6); border:1px solid #ffffff28; padding:4px 11px; border-radius:18px; font-size:13px; }
.dao-hero-tags span:nth-child(2) { color:#e3a667; border-color:#a76d373f; }
.dao-hero-content h1 { font-size:clamp(30px,2.1vw,43px); line-height:1.15; margin-bottom:9px; font-weight:800; letter-spacing:-.5px; }
.dao-hero-subtitle { color:#acb5c5; font-size:15px; margin-top:7px; }
.dao-hero-content p { max-width:1000px; color:#bac2cf; font-size:14px; line-height:1.72; -webkit-line-clamp:4; margin:12px 0 19px; }
.dao-hero-actions { gap:11px; }
.dao-hero-actions .dao-btn-primary,.dao-hero-actions .dao-btn-secondary { min-height:49px; border-radius:14px; padding:10px 22px; font-size:14px; }
.dao-btn-primary { background:#b97536!important; border-color:#b97536!important; }
.dao-btn-secondary { background:#252326!important; border-color:#262124!important; }
.dao-hero-side { gap:15px; }
.dao-mini-content { bottom:19px; left:20px; right:20px; gap:5px; }
.dao-mini-content strong { font-size:17px; font-weight:700; }
.dao-mini-content small { font-size:14px; color:#bac1ca; }
.dao-mini-tags { display:flex; align-items:center; gap:6px; margin-bottom:2px; }
.dao-mini-tags em { font-size:11px; font-style:normal; color:#eee; background:#333c38c7; padding:2px 8px; border:1px solid #fff3; border-radius:14px; }
.dao-mini-tags em:last-child { color:#18e88b; border-color:#136d45; background:#0e523bd0; }
.dao-hero-mini>.dao-badge { background:#b77535; top:17px; right:16px; font-size:11px; padding:3px 8px; border-radius:5px; }

/* The reference has a bordered, horizontally scrolling newest strip. */
.dao-new-strip { margin:36px 0 28px; padding:17px 19px 20px; border:1px solid #332921; border-radius:18px; background:#100c09; }
.dao-new-strip .dao-section-title { margin-bottom:13px; }
.dao-new-strip h2 { font-size:21px; }
.dao-section-title h2 { font-size:26px; color:#c17b38; padding-left:17px; }
.dao-section-title h2:before { background:#ba7636; top:4px; bottom:4px; width:6px; }
.dao-more-link { background:#1f2834; color:#f3f4f7!important; border-color:#1c2532; font-size:13px; padding:7px 13px; border-radius:5px; }
.dao-new-track { gap:14px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#554235 transparent; }
.dao-new-track-item { flex:0 0 clamp(140px,9.65vw,184px); }
.dao-new-track .dao-card-wide .dao-card-media { aspect-ratio:1.64; }
.dao-new-track .dao-card-text { position:static!important; background:none!important; pointer-events:auto!important; padding:5px 1px 0!important; }
.dao-new-track .dao-card-name { color:#fff!important; font-size:12.4px; white-space:normal; min-height:34px; font-weight:700; }
.dao-new-track .dao-card-subtitle { display:none; }
.dao-new-track .dao-badge-episode { bottom:4px; left:auto; right:4px; font-size:10px; padding:3px 5px; color:#fff; border-radius:4px; background:#0a9d57; max-width:96%; }
.dao-new-track .dao-badge-quality { display:none; }
.dao-new-track .dao-card-media { border-radius:13px; }

/* Five-column masonry-like movie sections: first card spans 2 x 2. */
.dao-home-with-sidebar { display:grid; grid-template-columns:minmax(0,1fr) 325px; gap:28px; align-items:start; }
.dao-home-main { min-width:0; }
.dao-home-feature-section { margin-top:28px; margin-bottom:0; }
.dao-home-feature-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); grid-auto-rows:clamp(112px,8.6vw,165px); gap:13px; align-items:stretch; }
.dao-home-feature-grid>.dao-card-wide:first-child { grid-column:span 2; grid-row:span 2; }
.dao-home-feature-grid .dao-card { position:relative; height:100%; min-width:0; overflow:hidden; }
.dao-home-feature-grid .dao-card-wide .dao-card-media { display:block; width:100%; height:100%; aspect-ratio:auto; }
.dao-home-feature-grid>.dao-card-wide:first-child .dao-card-media { aspect-ratio:auto; }
.dao-home-feature-grid .dao-card-wide .dao-card-text { position:absolute; z-index:2; bottom:0; left:0; width:100%; padding:40px 11px 10px; pointer-events:none; background:linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.38) 53%,transparent); border-radius:0 0 12px 12px; }
.dao-home-feature-grid .dao-card-wide .dao-card-text a { pointer-events:auto; }
.dao-home-feature-grid .dao-card-wide .dao-card-name { font-size:14px; line-height:1.4; font-weight:700; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.dao-home-feature-grid>.dao-card-wide:first-child .dao-card-name { font-size:20px; }
.dao-home-feature-grid .dao-card-wide .dao-card-subtitle { display:none; }
.dao-home-feature-grid>.dao-card-wide:first-child .dao-card-subtitle { display:block; color:#e5edf7; font-size:15px; }
.dao-home-feature-grid .dao-card-wide .dao-badge-episode { top:9px; bottom:auto; left:8px; font-size:11px; font-weight:700; background:#ad6c36; border-radius:5px; }
.dao-home-feature-grid .dao-card-wide .dao-badge-quality { left:auto; right:8px; top:9px; font-size:10px; background:#1d1b1bac; border:1px solid #ffffff47; color:#e7eeec; }
.dao-home-feature-grid .dao-card-media { border:0; border-radius:12px; }
.dao-home-feature-grid .dao-card-hover { z-index:4; }
.dao-home-feature-grid .dao-card-play { height:52px; width:52px; }
.dao-home-feature-grid .dao-card-wide:hover .dao-card-media>img { filter:brightness(.82); }
.dao-home-feature-grid .dao-card-wide:first-child .dao-card-media>img { object-position:center; }
.dao-anime-section { width:calc(100% - 353px); margin:36px 0 22px; }
.dao-anime-section h2:before { background:#1ec56a; }

/* Two-column horizontal movie list matches the reference film-le panel. */
.dao-compact-section { margin:0 0 35px; }
.dao-compact-section h2:before { background:#9849ff; }
.dao-home-smalllist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px; }
.dao-card-compact { min-width:0; min-height:98px; display:flex; align-items:stretch; gap:12px; padding:8px; background:#100d0b; border:1px solid #30251f; border-radius:16px; }
.dao-compact-poster { width:70px; flex:0 0 70px; height:82px; border-radius:9px; overflow:hidden; }
.dao-compact-poster img { display:block; width:100%; height:100%; object-fit:cover; }
.dao-compact-info { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:8px; min-width:0; padding:2px 0; }
.dao-compact-info .dao-card-name { color:#fff!important; font-size:15px; line-height:1.4; font-weight:700; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.dao-compact-badges { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.dao-compact-badges .dao-badge { border-radius:3px; padding:3px 7px; font-size:10px; line-height:1.4; }
.dao-badge-purple { background:#8126e6; color:#fff; }
.dao-badge-neutral { background:#141312; color:#e9e9e9; border:1px solid #443f38; }
.dao-badge-green { background:#064327; color:#1cf58a; border:1px solid #0c7542; }

/* Reference side ranking starts level with the section, not 36px below it. */
.dao-sidebar-stack { display:flex; flex-direction:column; gap:18px; padding-top:0; }
.dao-home-with-sidebar .dao-ranking { margin:0; padding:0; overflow:hidden; border:1px solid #34281e; background:#110d0b; border-radius:22px; }
.dao-home-with-sidebar .dao-ranking h2 { margin:0; padding:18px 19px; border-bottom:1px solid #2c231d; font-size:15px; letter-spacing:.3px; }
.dao-home-with-sidebar .dao-ranking li a { min-height:72px; padding:9px 17px; gap:13px; }
.dao-home-with-sidebar .dao-ranking li+li { border-top:1px solid #29211b; }
.dao-home-with-sidebar .dao-rank-number { width:30px; height:30px; line-height:30px; border-radius:6px; font-size:15px; background:#2b333f; color:#919ba9; }
.dao-home-with-sidebar .dao-ranking li:nth-child(1) .dao-rank-number { background:#b77a3b; color:#fff; }
.dao-home-with-sidebar .dao-ranking li:nth-child(2) .dao-rank-number { background:#a76b33; color:#fff; }
.dao-home-with-sidebar .dao-ranking li:nth-child(3) .dao-rank-number { background:#eabd22; color:#15100b; }
.dao-home-with-sidebar .dao-rank-name { font-size:15px; color:#f6f5f5; font-weight:700; }
.dao-home-with-sidebar .dao-rank-name small { font-size:11px; color:#788497; }
.dao-ranking-high { border:1px solid #34281e; background:#110d0b; border-radius:22px; overflow:hidden; }
.dao-ranking-high h2 { color:#b97938; display:flex; gap:9px; align-items:center; text-transform:uppercase; margin:0; padding:17px 19px; font-size:15px; font-weight:800; border-bottom:1px solid #2f251d; }
.dao-ranking-high h2 span { color:#f1c508; }
.dao-ranking-high ol { list-style:none; padding:0; margin:0; }
.dao-ranking-high li+li { border-top:1px solid #2d251e; }
.dao-ranking-high a { display:flex; gap:10px; justify-content:space-between; padding:10px 15px; font-size:12px; font-weight:650; }
.dao-ranking-high a>span { white-space:nowrap; color:#e3b269; }

/* Last cinema row: six portrait posters, titles overlay the lower image. */
.dao-cinema-section { margin:28px 0 35px; }
.dao-cinema-section h2:before { background:#29bf65; }
.dao-cinema-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.dao-card-cinema { position:relative; overflow:hidden; border-radius:16px; }
.dao-card-cinema .dao-card-media { aspect-ratio: .68; border:0; border-radius:15px; }
.dao-card-cinema .dao-card-media>img { height:100%; }
.dao-card-cinema .dao-card-text { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:38px 10px 10px; background:linear-gradient(0deg,#050404ed 0%,#070605b2 60%,transparent 100%); pointer-events:none; }
.dao-card-cinema .dao-card-name { font-size:14px; line-height:1.4; color:#fff!important; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dao-card-cinema .dao-card-text a { pointer-events:auto; }
.dao-card-cinema .dao-card-subtitle { font-size:12px; color:#b0b5bd; white-space:nowrap; }
.dao-cinema-trailer { position:absolute; z-index:2; top:10px; left:10px; font-size:11px; padding:4px 9px; border-radius:10px; background:#362922d9; color:#fff; }
.dao-cinema-quality { position:absolute; z-index:2; top:10px; right:10px; font-size:11px; background:#b87534; padding:4px 9px; border-radius:9px; color:#fff; }
.dao-cinema-views { position:absolute; z-index:2; right:10px; bottom:57px; background:#0d0a09cc; padding:4px 7px; border-radius:13px; font-size:11px; color:#f4f4f4; }
.dao-card-cinema .dao-card-media:after { content:""; position:absolute; inset:30% 0 0; pointer-events:none; background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 70%); }

/* Three columns; the description belongs inside the footer itself. */
.dao-footer { margin-top:0; padding:31px 0 34px; border-top:1px solid #35261d; background:#130d09; }
.dao-footer-grid { display:grid; grid-template-columns:minmax(0,2.4fr) minmax(155px,.5fr) minmax(155px,.5fr); gap:clamp(36px,5vw,100px); align-items:start; }
.dao-footer-grid>div:last-child { display:block; }
.dao-footer-brand { font-size:19px; font-weight:800; color:#f1decd!important; }
.dao-footer-brand span { color:#c48a54; }
.dao-footer-intro p { font-size:14px; line-height:1.62; margin:9px 0; max-width:940px; color:#b7bbc3; }
.dao-footer-intro small { font-size:12px; display:block; margin-top:13px; color:#84909e; }
.dao-footer h3 { color:#f5f3f0; margin:3px 0 15px; font-size:15px; }
.dao-footer-links a { display:block; font-size:13px; color:#adb9c7!important; line-height:1.75; padding:3px 0; }
.dao-footer-links a:hover { color:#f0bb84!important; }

/* 15-inch laptop and full-HD desktop keep the same structure, but scale gutters. */
@media (min-width:1700px) {
 .dao-shell { width:calc(100% - 200px); }
 .dao-hero { height:clamp(650px,39vw,755px); }
 .dao-header .dao-nav-inner { padding:0 12px; }
 .dao-search { width:clamp(280px,21vw,450px); }
}
@media (min-width:1251px) and (max-width:1699px) {
 .dao-shell { width:calc(100% - 90px); }
 .dao-hero { height:clamp(510px,40vw,670px); }
 .dao-header .dao-nav-inner { gap:12px; }
 .dao-nav { gap:9px; }
 .dao-nav>a,.dao-nav-dropdown>button { font-size:12px; }
 .dao-search { width:clamp(165px,17vw,255px); }
 .dao-home-with-sidebar { grid-template-columns:minmax(0,1fr) 265px; gap:21px; }
 .dao-home-feature-grid { gap:10px; }
 .dao-anime-section { width:calc(100% - 286px); }
 .dao-home-feature-grid .dao-card-wide .dao-card-name { font-size:12px; }
 .dao-home-feature-grid>.dao-card-wide:first-child .dao-card-name { font-size:18px; }
 .dao-home-feature-grid .dao-card-wide .dao-badge-episode { font-size:9px; }
 .dao-home-feature-grid .dao-card-wide .dao-badge-quality { font-size:9px; }
 .dao-cinema-grid { gap:11px; }
 .dao-footer-grid { gap:35px; }
}
@media (min-width:1121px) and (max-width:1250px) {
 .dao-shell { width:calc(100% - 60px); }
 .dao-nav>a,.dao-nav-dropdown>button { font-size:11.4px; }
 .dao-nav { gap:7px; }
 .dao-logo { width:145px; }
 .dao-search { width:170px; }
 .dao-home-with-sidebar { grid-template-columns:minmax(0,1fr) 245px; gap:14px; }
 .dao-home-feature-grid { gap:9px; }
 .dao-anime-section { width:calc(100% - 259px); }
 .dao-home-feature-grid .dao-card-wide .dao-card-name { font-size:12px; }
}
@media (max-width:1120px) {
 .dao-nav { display:none; }
 .dao-hamburger { display:block; }
 .dao-header .dao-nav-inner { min-height:69px; height:69px; }
 .dao-logo { height:57px; width:164px; }
 .dao-logo-word { font-size:27px; }
 .dao-logo-line { font-size:7px; }
 .dao-mobile-menu { top:69px; height:calc(100vh - 69px); }
 .dao-home-with-sidebar { grid-template-columns: minmax(0,1fr) 235px; gap:15px; }
 .dao-home-feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(120px,14vw,160px); gap:11px; }
 .dao-anime-section { width:100%; }
 .dao-home-feature-grid>.dao-card-wide:first-child { grid-column:span 2; grid-row:span 2; }
 .dao-sidebar-stack .dao-ranking { display:block; }
 .dao-home-feature-grid .dao-card-wide .dao-card-name { font-size:12px; }
 .dao-hero { height:clamp(450px,45vw,520px); }
 .dao-footer-grid { grid-template-columns: minmax(0,2fr) 1fr 1fr; gap:20px; }
}
@media (max-width:900px) {
 .dao-shell { width:calc(100% - 36px); }
 .dao-home-with-sidebar { grid-template-columns: minmax(0,1fr); }
 .dao-sidebar-stack { display:none; }
 .dao-home-feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .dao-cinema-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .dao-hero { height:clamp(390px,52vw,500px); }
 .dao-new-strip h2 { font-size:18px; }
}
@media (max-width:640px) {
 .dao-header .dao-nav-inner { min-height:64px; height:64px; padding:0 12px; }
 .dao-logo { width:138px; height:49px; }
 .dao-logo-word { font-size:22px; }
 .dao-logo-line { font-size:6px; }
 .dao-mobile-menu { top:64px; height:calc(100vh - 64px); }
 .dao-genre-chips { gap:7px; padding:12px 0; }
 .dao-genre-chips a { font-size:11px; padding:7px 13px; }
 .dao-hero { height:auto; display:flex; flex-direction:column; gap:10px; }
 .dao-hero-primary { height:375px; }
 .dao-hero-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:145px; }
 .dao-hero-content { left:15px; right:15px; bottom:18px; }
 .dao-hero-content h1 { font-size:26px; }
 .dao-hero-content p { display:-webkit-box; -webkit-line-clamp:2; font-size:12px; margin:8px 0 12px; }
 .dao-hero-tags span { font-size:10px; padding:3px 6px; }
 .dao-hero-actions .dao-btn-primary,.dao-hero-actions .dao-btn-secondary { min-height:39px; padding:7px 13px; font-size:12px; border-radius:8px; }
 .dao-mini-content { bottom:10px; left:10px; right:7px; }
 .dao-mini-content strong { font-size:12px; }
 .dao-mini-content small { display:none; }
 .dao-mini-tags em { font-size:9px; padding:2px 4px; }
 .dao-new-strip { padding:12px; margin:24px 0 25px; }
 .dao-new-strip .dao-section-title h2 { font-size:16px; }
 .dao-new-track-item { flex-basis:135px; }
 .dao-section-title h2 { font-size:18px; padding-left:13px; }
 .dao-section-title h2:before { width:4px; }
 .dao-home-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; gap:10px; }
 .dao-home-feature-grid>.dao-card-wide:first-child { grid-column:span 2; grid-row:span 1; }
 .dao-home-feature-grid .dao-card-wide .dao-card-media { height:auto; aspect-ratio:1.56; }
 .dao-home-feature-grid>.dao-card-wide:first-child .dao-card-media { height:auto; aspect-ratio:1.65; }
 .dao-home-feature-grid>.dao-card-wide:first-child .dao-card-name { font-size:17px; }
 .dao-home-feature-grid .dao-card-wide .dao-card-subtitle { display:none; }
 .dao-home-smalllist { grid-template-columns:1fr; }
 .dao-card-compact { min-height:90px; }
 .dao-compact-info .dao-card-name { font-size:13px; }
 .dao-cinema-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .dao-footer { padding:25px 0; }
 .dao-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
 .dao-footer-grid>div:first-child { grid-column:1/-1; }
 .dao-footer-grid>div:last-child { display:block; }
 .dao-footer-intro p { font-size:12px; }
}
@media(max-width:385px) {
 .dao-shell { width:calc(100% - 24px); }
 .dao-hero-primary { height:330px; }
 .dao-hero-side { grid-template-rows:115px; }
 .dao-hero-content h1 { font-size:22px; }
 .dao-hero-content p { display:none; }
}

.dao-body .sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

.dao-custom-logo { display:block; max-width:100%; max-height:100%; object-fit:contain; }