/* DLE21 integration. Original design tokens and its three stylesheets stay intact. */
:root{--app-em:16px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-sm:8px;--r-md:12px;--r-lg:18px;--hair:1px;--control-h:44px;--fs-ui:14px;--fs-meta:12px;--surface-soft:#fff8f6;--accent-strong:#ac2972;--accent:#bc3b8c;--text:#25212e;--shadow:0 8px 36px #38243512;--shadow-menu:0 12px 38px #38243524;--danger:#b42336;--success:#267346;--z-modal:1000;--z-overlay:990;--overlay:rgba(34,20,40,.48)}
[hidden]{display:none!important}a{overflow-wrap:anywhere}h1,h2,h3{overflow-wrap:anywhere}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8}.avatar{width:48px;height:48px;object-fit:cover;border-radius:50%}.avatar--sm{width:30px;height:30px}.avatar--xl{width:112px;height:112px}.avatar--initial{background:var(--c-pig-soft);display:inline-block}.pd-search{padding:16px 24px}.pd-search form>div{display:flex;gap:12px;margin-top:8px}.pd-search input{flex:1}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cat-icon img{width:120px;height:120px;object-fit:contain}.pd-format-pig{width:180px;height:140px;object-fit:contain;margin:12px auto}.news-top{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.side-item{padding:18px 0;border-bottom:1px solid var(--line)}.side-item h4{font-size:15px;line-height:1.5}.side-item small,.pd-card-meta{color:var(--muted);font-size:12px;line-height:1.7}.pd-card-meta{margin-top:16px}.pd-authors .member{padding:24px}.member .ava img{object-fit:contain}.pd-system{padding-top:36px}.pd-system-content{min-width:0}.pd-system-content>.post,#dle-content>.post{margin-bottom:20px}.pd-system-content .panel{margin-bottom:24px}.pd-list>#dle-content{display:contents}.pd-list{min-width:0}.pd-list article{margin-bottom:20px}.pd-list .pd-empty{display:none}.pd-list:not(.has-posts):not(:has(article))>.pd-empty{display:block}.pd-empty{padding:32px;border:1px dashed var(--line);border-radius:20px;background:#fff}.pd-empty h2{font-size:24px}.pd-empty p{margin:14px 0 22px}.pd-category .subcat-row{overflow:auto;flex-wrap:wrap;margin-bottom:28px}.pd-read{align-self:center;font-size:24px}.cat-post-thumb img{object-fit:contain}.pd-list--design,.pd-list--ai,.pd-list--architecture{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pd-list--design article,.pd-list--ai article,.pd-list--architecture article{margin:0}.pd-list--design article:nth-of-type(3n+1){grid-column:1/-1}.mosaic-visual{height:200px;background:var(--c-design-soft);display:grid;place-items:center}.mosaic-visual img{height:100%;object-fit:contain}.mosaic-body{padding:24px}.pd-list .mosaic-tile h3{position:static;font-size:22px}.pd-security{padding:24px 28px;border:1px solid var(--line);border-left:5px solid var(--c-security);border-radius:16px;background:#fff}.pd-security-label{font-family:var(--font-display);color:var(--c-security);font-size:12px}.pd-security h3{margin:12px 0;font-size:22px}.pd-rank{display:grid;grid-template-columns:40px minmax(0,1fr) 100px;gap:20px;align-items:center;padding:24px 12px;border-bottom:1px solid var(--line);counter-increment:rank}.pd-list--seo{counter-reset:rank}.pd-rank .rank-pos:before{content:counter(rank,decimal-leading-zero)}.pd-rank h3{font-size:21px;margin-bottom:10px}.pd-rank small,.pd-rank time{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:4px}.pd-list--news{border-left:2px solid var(--c-news-soft);padding-left:24px}.pd-list--news .tl-item:before{left:-31px}.pd-list .navigation,.pd-list .pagination,.pd-list .pd-empty{grid-column:1/-1}.pd-article .article-body{font-size:16px;line-height:1.8}.article-body{overflow-wrap:anywhere;min-width:0}.article-body img{max-width:100%;height:auto;border-radius:12px}.article-body iframe{max-width:100%}.article-body p{margin:0 0 18px}.article-body h2{font-size:26px;margin:36px 0 18px}.article-body h3{font-size:21px;margin:28px 0 14px}.article-body ul,.article-body ol{padding-left:24px;margin:16px 0}.article-body li{margin:8px 0}.article-body table{display:block;max-width:100%;overflow:auto}.article-body pre{max-width:100%;overflow:auto;white-space:pre;padding:20px;background:#242337;color:#f7edf8;border-radius:14px;font-size:14px;line-height:1.7}.pd-article--devops .article-body pre{background:#101b20;color:#b1f6ca;border-top:24px solid #26363d}.pd-article--security .article-body blockquote{border-left-color:var(--c-security)}.pd-article--design .article-body img{border-radius:24px}.pd-article--architecture .article-body h2{padding-bottom:12px;border-bottom:2px solid var(--c-architecture-soft)}.pd-article--ai .article-body blockquote{background:var(--c-ai-soft);border-radius:16px}.pd-article--seo .article-body h2{color:var(--c-seo)}.pd-article--news .article-body h2{border-left:4px solid var(--c-news);padding-left:16px}.pd-article-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.pd-rating{min-width:80px}.pd-tags{margin-top:20px}.pd-copy{background:white;color:#563052;border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12px;margin:0 0 20px}.pd-discussion{max-width:1000px}.pd-discussion>h2{margin-bottom:28px}.pd-toc li{margin-bottom:12px}.pd-toc a{font-size:14px}.pd-article [id]{scroll-margin-top:100px}.article-cover img{object-fit:contain}.cat-art img{object-fit:contain}.cat-hero .btn{margin-top:20px}.cat-hero h1{font-size:clamp(32px,4vw,52px)}.article-title{font-size:clamp(28px,3.5vw,46px);line-height:1.2}
/* Vendor-native forms and dialogs; no demo submit handlers. */
.panel,.notice{padding:28px;background:white;border:1px solid var(--line);border-radius:20px}.panel h1{font-size:30px;margin-bottom:14px}.panel h2{font-size:24px}.form-row{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.form-help,.form-note,.help-block{display:block;font-size:13px;color:var(--muted);margin-top:8px}.form-req{color:var(--danger)}.form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.form-grid,.profile__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.primary-button,.soft-button,.secondary-button,.btn-default,.bbcodes{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:1px solid var(--line);font-weight:700;font-size:14px;line-height:1.5;background:white;color:var(--text);text-decoration:none}.primary-button{background:linear-gradient(120deg,#e9568c,#8e5ac4);color:white;border-color:transparent}.user-menu{position:relative}.user-menu summary{list-style:none;cursor:pointer;padding:8px 12px}.user-menu summary::-webkit-details-marker{display:none}.user-menu__panel{position:absolute;z-index:101;right:0;top:calc(100% + 12px);width:min(340px,90vw);padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-menu)}.user-menu__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.user-menu__head>div{display:grid;gap:4px}.user-menu__group{font-size:12px}.user-menu__list{display:grid;gap:12px;margin:16px 0}.user-menu__list a{display:flex;gap:10px;align-items:center}.user-menu__links{display:flex;justify-content:space-between;font-size:12px;margin-top:16px}.soc-links{display:flex;gap:12px;margin-top:12px}.user-menu__count{margin-left:auto;font-size:12px}.user-menu__badge{font-size:11px}.profile__head{display:flex;gap:24px;align-items:center;margin-bottom:28px}.profile__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.profile__facts{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:12px;font-size:14px}.profile__facts dt{color:var(--muted)}.profile__section,.profile__edit{margin-top:28px}.profile__link{display:block;font-size:12px}.thread{margin-top:28px}.thread__item,.comment-card{padding:24px;margin:20px 0;background:#fff;border:1px solid var(--line);border-radius:18px}.thread__head,.thread__meta,.thread__foot,.thread__tools,.comment-card__top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.thread__body{margin:18px 0;font-size:15px;line-height:1.75}.thread__foot{font-size:13px}.thread__children{padding-left:28px}.thread__who,.comment-card__who{display:grid;gap:4px}.thread__when,.comment-card__when{font-size:12px;color:var(--muted)}.comments-tree-list{list-style:none}.comments-tree-list .comments-tree-list{padding-left:24px}.check-row{display:flex;align-items:flex-start;gap:10px}.check-row input{width:auto;min-height:0;margin-top:4px}.navigation,.pagination{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:32px 0}.navigation a,.navigation span,.pagination a,.pagination span{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:white}.navigation .nav_ext{display:contents}.article-body blockquote{margin:24px 0;padding:20px 24px;border-left:4px solid var(--c-pig);background:#fff3fa;color:var(--text)}.static-page,.static-content{line-height:1.85}.static-content pre{white-space:pre-wrap;overflow-wrap:anywhere}body .ui-dialog{z-index:1100;background:#fff;color:var(--text);border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow-menu);padding:16px}body .ui-widget-overlay{position:fixed;inset:0;background:var(--overlay);z-index:1099}body .ui-dialog-titlebar{display:flex;justify-content:space-between;padding:8px 8px 18px;font-weight:800}body .ui-dialog-titlebar-close{margin-left:auto}body .ui-dialog .ui-dialog-content{max-height:75vh;overflow:auto}body .ui-dialog-buttonpane{padding-top:18px}.pd-list .info{grid-column:1/-1}
@media(max-width:900px){.category-grid,.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-top{grid-template-columns:1fr}.header-actions{gap:8px}.user-menu__toggle .user-menu__name{max-width:90px;overflow:hidden;text-overflow:ellipsis}.pd-list--design,.pd-list--ai,.pd-list--architecture{grid-template-columns:1fr}.form-grid,.profile__grid{grid-template-columns:1fr}}
@media(max-width:600px){.category-grid,.posts-grid{grid-template-columns:1fr}.cat-card{flex-direction:row;flex-wrap:wrap;align-items:center}.cat-icon img{width:80px;height:80px}.cat-card h3{flex:1}.cat-card p{flex-basis:100%}.pd-rank{grid-template-columns:28px minmax(0,1fr);gap:12px}.pd-rank>.rank-num{grid-column:2;display:flex;align-items:center;gap:8px}.pd-rank h3,.pd-security h3{font-size:19px}.panel{padding:20px}.profile__head{align-items:flex-start;gap:16px}.profile__head .avatar--xl{width:72px;height:72px}.profile__facts{grid-template-columns:1fr 1.5fr}.thread__children,.comments-tree-list .comments-tree-list{padding-left:12px}.user-menu summary .icon,.user-menu summary .avatar{display:none}.pd-search form>div{flex-wrap:wrap}.pd-search input{flex-basis:100%}.article-body{font-size:16px}.pd-article .article-head{padding-top:28px}.article-cover{max-height:240px}.article-cover img{height:220px}.pd-article-tools .btn{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Restore design buttons after native editor compatibility styles. */
.btn.btn-primary{background:linear-gradient(135deg,var(--c-pig),#a95be0);color:white;border-color:transparent}.btn.btn-dark{background:#272337;color:white}.btn.btn-ghost,.btn.btn-outline{background:white;color:#373047;border:1px solid var(--line)}.btn.btn-primary:hover{background:linear-gradient(135deg,#dc357f,#8d42c4);color:white}.thread__top{display:flex;gap:14px;align-items:center}.thread__text{margin:20px 0;line-height:1.75}.thread__actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:13px}.thread__ident{flex:1}.profile__head{padding:28px;border-radius:18px;background:linear-gradient(120deg,#fff0f7,#f0edff)}.profile__name{font-size:30px}.pd-article .article-body a{text-decoration:underline;text-underline-offset:3px}.pd-list article h3 a:hover{color:var(--c-pig)}

@media(max-width:600px){.header-actions .search-btn{display:grid;width:36px;height:36px}.header-actions{gap:6px}.header-inner{gap:8px}.brand-text{font-size:16px}.header-actions .soft-button{padding:8px 10px}}
.aside-author small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.pd-format-example{pointer-events:none}

#mainContent>.notice{max-width:1280px;margin:24px auto;padding:20px;width:calc(100% - 32px)}.thread__mass input{width:auto;min-height:0}.form-check-label{display:flex;gap:10px;align-items:center;margin:12px 0}.form-check-label input{width:auto;min-height:0}

/* Catalog and real home feed, replacing the static showcase. */
.pd-catalog{position:relative}.pd-catalog>summary{list-style:none;cursor:pointer;font-weight:700;font-size:14px;padding:12px 0;color:var(--ink-2)}.pd-catalog>summary::-webkit-details-marker{display:none}.pd-catalog-list{position:absolute;top:100%;left:0;min-width:300px;padding:14px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-menu);z-index:110;list-style:none}.pd-catalog-list ul,.pd-catalog-inline ul{padding:0 0 0 14px;list-style:none}.pd-catalog-list li,.pd-catalog-inline li{list-style:none}.main-nav .pd-catalog-list a,.pd-catalog-inline a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 12px;margin:0;font-size:14px;border-radius:9px;white-space:normal}.pd-catalog-list a:hover,.pd-catalog-inline a:hover{background:var(--c-pig-soft);color:#a22d6c}.pd-catalog-list small,.pd-catalog-inline small{font-size:11px;color:var(--muted)}.pd-catalog-inline{padding:0;list-style:none}.pd-home-news{padding-top:34px}.pd-home-news h1{font-size:clamp(26px,3vw,36px);line-height:1.25;margin:8px 0 12px}.pd-home-list>#dle-content{display:contents}.pd-home-list .post{margin-bottom:24px}.pd-feed-card{display:block;padding:0;overflow:hidden;background:white}.pd-feed-cover{display:block;border:0;overflow:hidden;max-height:350px}.pd-feed-cover img{width:100%;height:auto;max-height:350px;object-fit:cover}.pd-feed-body{padding:24px}.pd-feed-card h3{font-size:24px;line-height:1.35;margin:12px 0}.pd-feed-card p{font-size:15px;line-height:1.7}.pd-feed-card .btn{margin-top:18px}.pd-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:28px 0;grid-column:1/-1}.pd-pages{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pd-pagination>a,.pd-pages>a,.pd-pages>span,.pd-pages>strong{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 12px;background:white;border:1px solid var(--line);border-radius:10px;font-size:14px}.pd-pagination>a>span{border:0;padding:0;background:none}.pd-pages>span,.pd-pages>strong{background:var(--c-pig-soft);border-color:#edbcd7;color:#9d285e;font-weight:800}.pd-pages .nav_ext{border:0;background:none;color:var(--muted)}
/* Full-story layout: real article cover, compact header, themed reading panel. */
.pd-article .article-head{padding:30px 0}.pd-article .article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:32px;align-items:center}.pd-article .article-title{font-size:clamp(26px,3vw,38px);line-height:1.25;margin:14px 0}.pd-article .article-cover{width:210px;height:180px;aspect-ratio:auto}.pd-article .article-cover img{object-fit:contain}.pd-article .article-cover .pd-real-cover{object-fit:cover}.pd-article .cover-badge{font-size:11px;padding:6px 9px;left:10px;bottom:10px}.pd-article-paper{padding:28px;background:white;border:1px solid var(--line);border-radius:20px;min-width:0}.pd-article-label{font-size:11px;letter-spacing:.05em;font-weight:800;color:var(--c);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.pd-terminal-caption{display:flex;align-items:center;gap:7px;padding:12px 18px;background:#1e343a;border:1px solid #355157;border-bottom:0;border-radius:16px 16px 0 0;color:#a4c8cd;font:12px Consolas,monospace;margin-top:22px}.pd-terminal-caption>span{margin-left:8px}.pd-article--devops .article-layout{padding:24px;background:#12252b;border:1px solid #355157;border-radius:0 0 16px 16px;color:#ecfaf8}.pd-article--devops .article-title,.pd-article--devops .article-meta,.pd-article--devops .article-meta a{color:#ecfaf8}.pd-article--devops .article-meta{border-color:#355157}.pd-article--devops .article-tags .tag-pill{color:#a4f3d7;background:#284740}.pd-article--devops .article-body h2{border-left:3px solid var(--c-devops);padding-left:16px}.pd-article--devops .pd-article-paper{border-top:4px solid var(--c-devops)}.pd-article--devops .article-code .code-bar{background:#203b40;color:#c5e9df;border-color:#355157}.pd-article--security .pd-article-paper{border-top:4px solid var(--c-security)}.pd-article--design .pd-article-paper{border-top:4px solid var(--c-design)}.pd-article--ai .pd-article-paper{border-top:4px solid var(--c-ai)}.pd-article--architecture .pd-article-paper{border-top:4px solid var(--c-architecture)}.pd-article--seo .pd-article-paper{border-top:4px solid var(--c-seo)}.pd-article--news .pd-article-paper{border-top:4px solid var(--c-news)}
/* Prism's .token.comment must never inherit the site's .comment card styles. */
#articleBody pre,#articleBody pre[class*="language-"]{max-height:none!important;height:auto!important;overflow:visible!important;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:normal;background:#242337;color:#f3edf8;border:0;line-height:1.75;text-shadow:none;margin:0;border-radius:0;padding:20px;font-size:13px}
#articleBody pre code,#articleBody pre code[class*="language-"]{display:block;max-height:none;height:auto;overflow:visible;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:normal;color:#f3edf8;background:transparent;padding:0;border:0;text-shadow:none;font-size:inherit}
#articleBody pre .token{background:transparent!important;text-shadow:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0;display:inline;transition:none;font-size:inherit;font-family:inherit;line-height:inherit;float:none;position:static}
#articleBody pre .token.comment,#articleBody pre .token.prolog,#articleBody pre .token.doctype,#articleBody pre .token.cdata{color:#aab9cc!important}#articleBody pre .token.string,#articleBody pre .token.attr-value{color:#a9e4b7}#articleBody pre .token.keyword,#articleBody pre .token.atrule{color:#d9aeff}#articleBody pre .token.function,#articleBody pre .token.class-name{color:#ffcc94}#articleBody pre .token.number,#articleBody pre .token.boolean{color:#ffb4ca}#articleBody pre .token.operator,#articleBody pre .token.punctuation{color:#d2dced}.pd-article--devops #articleBody pre{background:#10282b;color:#e8faf1;border-top:0}.article-code{margin:24px 0;border-radius:14px;overflow:hidden}.article-code .code-bar{padding:10px 16px;display:flex;gap:6px;font:12px Consolas,monospace}.article-code .code-bar i{width:8px;height:8px;border-radius:50%;background:#dd9aaf}.article-code .code-bar i:nth-child(2){background:#e3c78e}.article-code .code-bar i:nth-child(3){background:#9ad6bc}.article-code .code-bar span{margin-left:8px}.pd-copy{margin:6px 0 22px}
@media(max-width:900px){.pd-catalog-list{position:static;box-shadow:none;min-width:0;width:100%;margin:8px 0}.pd-catalog{width:100%}.pd-catalog>summary{padding:8px 0}.pd-article .article-layout{grid-template-columns:minmax(0,1fr) 150px}.pd-article .article-cover{width:150px;height:150px}}
@media(max-width:600px){.pd-home-news{padding-top:24px}.pd-home-news .section-head{gap:18px}.pd-feed-body{padding:20px}.pd-feed-card h3{font-size:21px}.pd-article .article-layout{grid-template-columns:1fr}.pd-article .article-cover{display:none}.pd-article-paper{padding:20px 16px}.pd-article--devops .article-layout{padding:20px}.pd-terminal-caption{font-size:10px;padding:10px 14px}.pd-pagination{gap:6px}.pd-pages{gap:4px}.pd-pagination>a,.pd-pages>a,.pd-pages>span,.pd-pages>strong{min-width:36px;min-height:36px;padding:6px 10px}.pd-home-news .section-head .btn{font-size:13px}}

.pd-terminal-caption .dot{display:block;width:8px;height:8px;border-radius:50%;background:#ef8896}.pd-terminal-caption .dot.y{background:#e7c58c}.pd-terminal-caption .dot.g{background:#8bd3af}.pd-pagination>span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;opacity:.4}.pd-pagination>span>span{border:0;padding:0;background:none}.pd-home-news>.shell>.section-head>.btn{flex:none}

/* Actual article/related media must remain visible on mobile as well. */
.pd-article .article-layout{grid-template-columns:minmax(0,1fr)}.pd-story-cover{display:block;margin:0 0 26px;border-radius:14px;overflow:hidden;background:#faf9fc}.pd-story-cover:empty,.pd-story-cover:not(:has(img)){display:none}.pd-story-cover img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.pd-related-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.pd-related-cover{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:0;background:#f2edf6}.pd-related-cover img{display:block;width:100%;height:100%;object-fit:cover;margin:0}.pd-related-body{padding:22px}.pd-related-body h3{font-size:18px;line-height:1.4}.pd-related-body p{font-size:13px;color:var(--muted);margin-top:14px}.pd-related-card:before{display:none}@media(max-width:600px){.pd-story-cover{display:block;margin-bottom:22px}.pd-story-cover[hidden]{display:none}.pd-related-body{padding:20px}}

/* Approved original homepage composition with live DLE content. */
.pd-home-news--design{padding-top:76px}.pd-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.pd-home-grid>#dle-content{display:contents}.pd-home-grid .pd-home-popular{grid-column:3;grid-row:1;min-width:0}.pd-home-grid article{margin:0;min-width:0}.pd-home-grid>#dle-content>article:first-of-type,.pd-home-grid>article:first-of-type{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr}.pd-home-grid>#dle-content>article:first-of-type .pd-feed-cover,.pd-home-grid>article:first-of-type .pd-feed-cover{height:100%;max-height:none;background:#f4eef8}.pd-home-grid>#dle-content>article:first-of-type .pd-feed-cover img,.pd-home-grid>article:first-of-type .pd-feed-cover img{height:100%;max-height:none;object-fit:cover}.pd-home-grid .pd-feed-body{padding:22px}.pd-home-grid h3{font-size:20px}.pd-home-grid article:first-of-type h3{font-size:24px}.pd-home-grid .pd-pagination{grid-column:1/-1}.pd-feed-cover:empty,.pd-feed-cover:not(:has(img)),.pd-related-cover:not(:has(img)){display:none}.pd-home-grid .pd-feed-card:not(:has(img))>.pd-feed-body{grid-column:1/-1}.pd-live-format{min-width:0}.pd-live-format .pd-format-media{height:160px;margin:14px 0;border-radius:12px;overflow:hidden}.pd-format-media:empty,.pd-format-media:not(:has(img)){display:none}.pd-format-media img{width:100%;height:100%;object-fit:cover}.pd-live-format>p{font-size:13px;line-height:1.65;color:var(--muted)}.pd-live-format .fmt-foot{margin-top:auto;padding-top:14px}.pd-empty-format .pd-format-pig{width:140px;height:140px}.pd-home-grid .side-list{padding:24px}.pd-home-grid .side-item{padding:14px 0}.pd-home-grid .side-item h4{font-size:14px;line-height:1.5}
@media(max-width:1000px){.pd-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-home-grid .pd-home-popular{grid-column:1/-1;grid-row:auto}.pd-home-grid>#dle-content>article:first-of-type,.pd-home-grid>article:first-of-type{grid-column:1/-1}}
@media(max-width:600px){.pd-home-grid{grid-template-columns:1fr}.pd-home-grid>#dle-content>article:first-of-type,.pd-home-grid>article:first-of-type{display:block}.pd-home-grid>#dle-content>article:first-of-type .pd-feed-cover img,.pd-home-grid>article:first-of-type .pd-feed-cover img{height:auto;max-height:300px}.pd-home-news--design{padding-top:48px}.pd-home-grid h3,.pd-home-grid article:first-of-type h3{font-size:21px}}

.pd-language{position:relative;font-size:13px}.pd-language>summary{cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;list-style:none}.pd-language nav{position:absolute;right:0;top:calc(100% + 8px);padding:8px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-menu);min-width:140px;z-index:110}.pd-language nav a{display:block;padding:9px 12px;border-radius:8px}.pd-language nav a:hover{background:var(--c-pig-soft)}@media(max-width:600px){.pd-language>summary{padding:8px 6px}.header-actions{gap:4px}.header-actions .soft-button{padding:8px}.brand-text{font-size:14px}.brand-text small{font-size:9px}.header-actions .search-btn{width:30px;height:34px}}

/* Article thumbnails retain each category layout and use real article media. */
.pd-category-cover{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;margin:0 0 16px;background:var(--c-soft,#f3eef7)}.pd-category-cover img{display:block;width:100%;height:100%;object-fit:cover}.pd-category-cover:not(:has(img)),.cat-post-thumb:not(:has(img)),.mosaic-visual:not(:has(img)){display:none}.cat-post:not(:has(.cat-post-thumb img)){grid-template-columns:minmax(0,1fr) auto}.term-body .pd-category-cover{max-width:440px}.pd-rank .pd-category-cover{width:180px;max-width:100%}@media(max-width:600px){.pd-rank .pd-category-cover{width:100%}.pd-category-cover{margin-bottom:12px}}

/* Shared navigation chevrons keep a stable size and align with the labels. */
.pd-catalog>summary,.pd-language>summary{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.4;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
.pd-catalog>summary{justify-content:flex-start;border-radius:8px}.pd-language>summary{min-height:40px;padding:10px 12px;font-weight:600;color:var(--ink-2)}
.pd-catalog>summary::marker,.pd-language>summary::marker{content:""}.pd-language>summary::-webkit-details-marker{display:none}
.pd-menu-chevron{display:block;flex:0 0 16px;width:16px;height:16px;color:#8991a4;transition:transform .18s ease,color .18s ease}
.pd-catalog[open]>summary .pd-menu-chevron,.pd-language[open]>summary .pd-menu-chevron{transform:rotate(180deg);color:#c34392}
.pd-catalog>summary:hover,.pd-catalog[open]>summary{color:#a5327e}.pd-language>summary:hover,.pd-language[open]>summary{background:#fff4fa;border-color:#efd1e4;color:#a5327e}
.pd-catalog>summary:focus-visible,.pd-language>summary:focus-visible{outline:3px solid #e9a4d0;outline-offset:3px}.pd-catalog>summary:focus:not(:focus-visible),.pd-language>summary:focus:not(:focus-visible){outline:none}
@media(max-width:600px){.pd-language>summary{min-height:36px;padding:8px;gap:5px}}
@media(prefers-reduced-motion:reduce){.pd-menu-chevron{transition:none}}

/* Article chrome: one reading card, deliberate metadata and contextual navigation. */
.pd-story-section{padding:30px 0 52px}.pd-story-crumbs{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted);gap:10px}.pd-story-section .page-grid{row-gap:22px;align-items:start}.pd-story-header{margin-bottom:26px}.pd-story-category{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:8px;background:var(--c-soft);color:var(--c);font-size:11px;line-height:1.5;font-weight:800;letter-spacing:.04em}.pd-story-category:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.pd-story-title{font-family:var(--font-body,Manrope,sans-serif);font-size:clamp(26px,2.5vw,34px);font-weight:800;line-height:1.25;letter-spacing:-.035em;margin:18px 0 24px;color:var(--ink);text-wrap:balance}
.pd-story-byline{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:18px;padding-top:18px;border-top:1px solid var(--line)}.pd-story-author-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#faf8fc;color:#8c6a9e}.pd-story-author-icon svg{width:18px;height:18px}
.pd-story-facts{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;font-size:12px;color:#7b8295}.pd-story-facts>time,.pd-story-facts>span,.pd-story-facts>a{display:inline-flex;align-items:center;gap:6px}.pd-story-facts svg{width:15px;height:15px;flex:none;color:#a1a7b7}.pd-story-time{margin-left:6px;color:#9aa0b0}.pd-story-facts a:hover{color:var(--c)}
.pd-story-sections{display:grid;gap:4px;margin-top:16px}.pd-section-link{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:10px 11px;font-size:13px;line-height:1.5;transition:background .15s ease,border-color .15s ease}.pd-section-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--section-color,#a39cb5);opacity:.65}.pd-section-link svg{margin-left:auto;width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;opacity:.35}.pd-section-link:hover{background:#faf7fc;border-color:var(--line)}.pd-section-link.is-current{background:var(--c-soft);color:var(--c);font-weight:800;border-color:color-mix(in srgb,var(--c) 20%,transparent)}.pd-section-link.is-current .pd-section-dot{opacity:1}
.pd-story-actions{margin-top:30px;padding-top:22px;gap:10px}.pd-story-actions .btn{min-height:40px;padding:10px 14px;font-size:12px;border-radius:10px}.pd-story-actions .pd-share{display:inline-flex;align-items:center;gap:8px;background:#fcf6fb;border:1px solid #ead9e9;color:#8b3c78;font-weight:700}.pd-share>svg{width:16px;height:16px;flex:none}.pd-story-actions .pd-share:hover{background:#f8eaf5;border-color:#d9b3d1}.pd-story-rating{margin-left:auto;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#f9f8fc;font-size:11px;color:var(--muted)}.pd-story-rating .pd-rating{min-width:0;color:var(--ink);font-size:13px;font-weight:700}.pd-story-rating .rating{display:inline-flex;vertical-align:middle}
.pd-story-related{padding:54px 0 60px}.pd-related-heading{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:18px;margin-bottom:26px}.pd-related-eyebrow{display:block;color:#a25991;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin-bottom:10px}.pd-related-heading h2{font-size:clamp(24px,2.3vw,30px);line-height:1.25;letter-spacing:-.025em}.pd-related-all{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding-bottom:3px}.pd-related-all svg{width:17px;height:17px}.pd-related-all:hover{color:#a5327e}
.pd-story-terminal{display:flex;align-items:center;gap:5px;margin:-28px -28px 24px;padding:12px 20px;background:#20363c;color:#a8c8c8;border-radius:16px 16px 0 0;font:10px Consolas,monospace}.pd-story-terminal i{width:6px;height:6px;border-radius:50%;background:#e98c95}.pd-story-terminal i:nth-child(2){background:#e3c08b}.pd-story-terminal i:nth-child(3){background:#91c6b2}.pd-story-terminal span{margin-left:8px}
@media(max-width:600px){.pd-story-section{padding:22px 0 32px}.pd-story-section .page-grid{row-gap:18px}.pd-story-title{font-size:26px;line-height:1.3;margin:16px 0 20px}.pd-story-byline{gap:16px}.pd-story-facts{width:100%;gap:12px;font-size:12px}.pd-story-time{display:none}.pd-story-rating{margin-left:0}.pd-story-related{padding:36px 0 40px}.pd-related-heading{margin-bottom:22px}.pd-story-terminal{margin:-20px -16px 22px}.pd-story-actions{gap:12px;justify-content:space-between}.pd-story-section .page-side{display:grid;gap:16px}.pd-story-section .page-side .aside-card{margin:0}}

.pd-story-author-icon{overflow:hidden}.pd-story-author-icon img{display:block;width:100%;height:100%;object-fit:cover}.pd-author .ava img{width:100%;height:100%;object-fit:cover}
