/* pdi:fonts — семейства донора, файлы свои */ @font-face{font-family:'PdiWide';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/novecentowide-bold.8d9f4504.woff) format('woff')} @font-face{font-family:'PdiHead';font-style:normal;font-weight:500 900;font-display:swap;src:url(/fonts/montserrat-500_900-latin-ext.a63797c1.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'PdiHead';font-style:normal;font-weight:500 900;font-display:swap;src:url(/fonts/montserrat-500_900-latin.a5ec5492.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'PdiText';font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/noto-serif-400_700i-latin-ext.1eeee620.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'PdiText';font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/noto-serif-400_700i-latin.7877e224.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'PdiText';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-serif-400_700-latin-ext.69a46790.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'PdiText';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-serif-400_700-latin.b2ab3939.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /*! pdi.css — каркас PDI «EDICOLA» для parlandodi.it. Секции = блоки страницы. */ /* pdi:fonts — семейства донора, файлы свои */ @font-face{font-family:'PdiWide';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/novecentowide-bold.8d9f4504.woff) format('woff')} @font-face{font-family:'PdiHead';font-style:normal;font-weight:500 900;font-display:swap;src:url(/fonts/montserrat-500_900-latin-ext.a63797c1.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'PdiHead';font-style:normal;font-weight:500 900;font-display:swap;src:url(/fonts/montserrat-500_900-latin.a5ec5492.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'PdiText';font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/noto-serif-400_700i-latin-ext.1eeee620.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'PdiText';font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/noto-serif-400_700i-latin.7877e224.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'PdiText';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-serif-400_700-latin-ext.69a46790.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'PdiText';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-serif-400_700-latin.b2ab3939.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /* ============ pdi:tokens ============ */ *,*::before,*::after{box-sizing:border-box} :root{ --canvas:#d7d0be; --canvas2:#cbc3ae; --paper:#fbf8f1; --paper2:#f1eadc; --ink:#171310; --ink2:#544c41; --ink3:#6d6558; --rule:#ded4c0; --rule2:#171310; --acc:#bc2b16; --acc2:#94200f; --onacc:#fdf6f1; --band:#171310; --band2:#241d18; --onband:#f4efe4; --onband2:#b8ac99; --rc:#bc2b16; --w:1180px; /* лист издания — РЕШЕНИЕ прогона */ --prose:724px; /* колонка прозы */ --rail:300px; /* рельса виджетов (724+36+300 = 1060 внутри 1180) */ --colgap:36px; /* между прозой и рельсой */ --gap:28px; /* зазор вокруг листа: видно полотно */ --sheet:36px; /* внутреннее поле листа */ --pad:24px; /* боковое поле блока, который РИСУЕТ фон */ --head:'PdiHead','Montserrat','Helvetica Neue',Arial,sans-serif; --text:'PdiText','Noto Serif','Droid Serif',Georgia,'Times New Roman',serif; --wide:'PdiWide','PdiHead','Archivo Black','Arial Black',sans-serif; --mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas, 'DejaVu Sans Mono','Liberation Mono',monospace; } .pdi-r-attualita{--rc:#1a3f7a} .pdi-r-tv{--rc:#8a1560} .pdi-r-spettacolo{--rc:#9a4708} .pdi-r-sport{--rc:#14603b} .pdi-r-media{--rc:#5c3a95} .pdi-r-notizie{--rc:#0f5560} .pdi-r-almanacco{--rc:#4b4438} @media (max-width:1200px){:root{--w:100%;--gap:20px;--sheet:28px;--colgap:28px}} @media (max-width:940px){:root{--gap:12px;--sheet:22px;--colgap:0px}} @media (max-width:620px){:root{--gap:0px;--sheet:16px;--pad:16px}} /* ============ pdi:planes — полотно / лист / полоса ============ */ html{-webkit-text-size-adjust:100%} body.pdi-page{margin:0;background:var(--canvas);color:var(--ink); font:400 18px/1.68 var(--text);overflow-x:hidden} /* height:auto обязателен рядом с max-width: у донорских кадров размеры стоят атрибутами, и на узком экране ширина сжимается, а высота остаётся — фото растягивается по вертикали на всех 3 700 перенесённых страницах */ body.pdi-page img,body.pdi-page svg,body.pdi-page iframe,body.pdi-page video{ max-width:100%;height:auto} .pdi-shell{max-width:calc(var(--w) + var(--gap)*2);margin-left:auto;margin-right:auto; padding-left:var(--gap);padding-right:var(--gap)} .pdi-sheet{background:var(--paper);border:1px solid var(--rule); box-shadow:0 1px 0 rgba(23,19,16,.06),0 14px 34px -22px rgba(23,19,16,.34); padding-left:var(--sheet);padding-right:var(--sheet); padding-top:26px;padding-bottom:34px} /* полоса во всю ширину: свой ОДИН центрирующий контейнер, контракт листа дословно */ .pdi-band{width:100%} .pdi-band>.pdi-in{width:100%;max-width:var(--w);margin-left:auto;margin-right:auto; padding-left:var(--sheet);padding-right:var(--sheet)} .pdi-band--dark{background:var(--band);color:var(--onband)} .pdi-band--paper{background:var(--paper2);border-top:1px solid var(--rule); border-bottom:1px solid var(--rule)} .pdi-skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper); padding:10px 14px;font:600 14px/1 var(--head);z-index:50} .pdi-skip:focus{left:8px;top:8px} @media (max-width:620px){.pdi-sheet{border-left:0;border-right:0}} /* ============ pdi:grid — газетная сетка 12 колонок, span задан ЧИСЛОМ ============ */ .pdi-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:28px;row-gap:26px} .pdi-g>*{min-width:0} /* иначе карточка вылезает за колонку (§14) */ .pdi-c3{grid-column:span 3} .pdi-c4{grid-column:span 4} .pdi-c5{grid-column:span 5} .pdi-c8{grid-column:span 8} @media (max-width:940px){ .pdi-g{column-gap:22px;row-gap:22px} .pdi-c5,.pdi-c8{grid-column:span 12} .pdi-c4,.pdi-c3{grid-column:span 6} } @media (max-width:620px){ .pdi-g{column-gap:0;row-gap:20px} .pdi-g>*{grid-column:span 12} } /* ============ pdi:type — три роли: дисплей / моно / антиква ============ */ .pdi-h1,.pdi-sheet h1{font:800 clamp(30px,4.2vw,46px)/1.08 var(--head); letter-spacing:-.018em;margin:0 0 14px;color:var(--ink);text-wrap:balance} .pdi-sheet h2{font:700 clamp(22px,2.5vw,30px)/1.2 var(--head);letter-spacing:-.01em; margin:34px 0 12px;color:var(--ink)} .pdi-sheet h3{font:600 20px/1.3 var(--head);margin:26px 0 10px;color:var(--ink)} .pdi-sheet h4{font:600 17px/1.35 var(--head);margin:22px 0 8px;color:var(--ink)} .pdi-sheet p{margin:0 0 1.05em} .pdi-sheet a{color:var(--acc2);text-decoration:underline; text-underline-offset:2px;text-decoration-thickness:1px} .pdi-sheet a:hover{color:var(--ink);text-decoration-color:var(--acc)} /* правила врезки-подзаголовка и моноширинной вставки сняты целиком: ни одна страница их не носит. Имена снятых классов здесь не пишутся — сторож C09.31 ищет их подстрокой и читает пояснение как живое правило. Подзаголовка-врезки у нас нет по решению §08.4a — пересказ первого абзаца рядом с ним читался бы как два поля об одном */ .pdi-kick{font:600 11px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase; color:var(--rc);display:inline-flex;align-items:center;gap:7px; text-decoration:none} .pdi-kick::before{content:'';display:block;width:15px;height:3px;background:var(--rc)} a.pdi-kick:hover{color:var(--ink)} .pdi-sheet blockquote{margin:24px 0;padding-left:20px;border-left:3px solid var(--acc); font-style:italic;color:#2b2520} .pdi-sheet blockquote p:last-child{margin-bottom:0} .pdi-sheet hr{border:0;border-top:1px solid var(--rule);margin:28px 0} .pdi-sheet ul,.pdi-sheet ol{margin:0 0 1.05em;padding-left:1.25em} .pdi-sheet li{margin:.35em 0} .pdi-sheet small{font-size:.8em;color:var(--ink3)} .pdi-i{flex:none;vertical-align:-.15em} /* ============ pdi:mast — мачта и ряд рубрик В ОДНОМ
============ */ .pdi-mast{background:var(--paper);border-bottom:3px solid var(--ink)} .pdi-mast__in{width:100%;max-width:var(--w);margin-left:auto;margin-right:auto; padding-left:var(--sheet);padding-right:var(--sheet)} .pdi-mast__top{display:flex;align-items:flex-end;justify-content:space-between; gap:18px;padding-top:18px;padding-bottom:12px} .pdi-wm{display:inline-flex;align-items:baseline;gap:9px;text-decoration:none;color:var(--ink)} .pdi-wm__t{font-family:var(--wide);font-weight:700;font-size:clamp(25px,3.6vw,40px); line-height:.92;letter-spacing:.005em;text-transform:uppercase} .pdi-wm__d{display:inline-block;width:.38em;height:.38em;background:var(--acc); transform:translateY(-.06em)} .pdi-wm__s{display:block;font:500 11px/1.2 var(--mono);letter-spacing:.1em; text-transform:uppercase;color:var(--ink2);margin-top:7px} .pdi-issue{text-align:right;font:500 11px/1.5 var(--mono);letter-spacing:.07em; text-transform:uppercase;color:var(--ink2);white-space:nowrap} .pdi-issue b{display:block;font-weight:700;color:var(--ink);letter-spacing:.11em} @media (max-width:620px){ .pdi-mast__top{align-items:center;padding-top:14px;padding-bottom:10px} .pdi-issue{font-size:10px;letter-spacing:.05em;white-space:normal} .pdi-wm__s{display:none} } /* ============ pdi:nav — ПЛОСКИЙ ряд рубрик, выпадашек нет (новостной трек) ============ */ .pdi-nav{border-top:1px solid var(--rule)} .pdi-nav__box{display:flex;align-items:stretch;justify-content:space-between;gap:10px} .pdi-nav ul{display:flex;align-items:stretch;flex-wrap:nowrap;list-style:none; margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;gap:0} .pdi-nav li{display:flex} .pdi-nav a{display:inline-flex;align-items:center;gap:7px; padding:13px 13px;font:600 12.5px/1 var(--mono);letter-spacing:.09em; text-transform:uppercase;color:var(--ink);text-decoration:none; border-bottom:3px solid transparent} .pdi-nav li:first-child a{padding-left:0} .pdi-nav li:last-child a{padding-right:0} .pdi-nav a:hover{color:var(--acc2);border-bottom-color:var(--rule)} .pdi-nav a[aria-current]{border-bottom-color:var(--nc,var(--acc));color:var(--ink)} .pdi-nav .pdi-i{width:15px;height:15px;color:var(--nc,var(--ink2))} .pdi-burger,.pdi-navck,.pdi-navclose{display:none} @media (max-width:1060px){.pdi-nav a{padding-left:9px;padding-right:9px;font-size:11.5px; letter-spacing:.05em}.pdi-nav .pdi-i{display:none}} /* ниже 940 — бургер (чекбокс + label, ноль JS); горизонтальная лента НЕ адаптация */ @media (max-width:940px){ .pdi-nav__box{display:block;position:relative} .pdi-burger{display:inline-flex;align-items:center;gap:9px;min-height:46px; padding:0 2px;font:600 12px/1 var(--mono);letter-spacing:.1em; text-transform:uppercase;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent} .pdi-burger .pdi-i{width:24px;height:24px} .pdi-nav ul{display:none;flex-direction:column;border-top:1px solid var(--rule); padding-bottom:6px} .pdi-nav li{display:block} .pdi-nav a{display:flex;min-height:48px;padding-left:2px;padding-right:2px; font-size:14px;letter-spacing:.06em;border-bottom:1px solid var(--rule)} .pdi-nav li:first-child a,.pdi-nav li:last-child a{padding-left:2px;padding-right:2px} .pdi-nav a[aria-current]{border-left:0;box-shadow:inset 4px 0 0 var(--nc,var(--acc)); padding-left:12px;background:var(--paper2)} .pdi-nav .pdi-i{display:block;width:18px;height:18px} .pdi-navck:checked~ul{display:flex} .pdi-navclose{display:none;align-items:center;gap:8px;min-height:46px; font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase; color:var(--ink2);cursor:pointer;border-top:1px solid var(--rule);padding-top:8px} .pdi-navck:checked~.pdi-navclose{display:flex} } /* ============ pdi:sec — нумерованная полоса раздела (двойная линейка) ============ */ .pdi-sec{display:flex;align-items:baseline;gap:12px;margin:42px 0 18px; border-top:3px solid var(--rule2);border-bottom:1px solid var(--rule2); padding-top:7px;padding-bottom:6px} .pdi-sec:first-child{margin-top:8px} .pdi-sec__n{font:700 12px/1 var(--mono);letter-spacing:.14em;color:var(--rc)} .pdi-sec__t{font-family:var(--wide);font-weight:700;font-size:clamp(15px,1.7vw,19px); line-height:1.1;letter-spacing:.055em;text-transform:uppercase;margin:0} .pdi-sec__m{margin-left:auto;font:600 11px/1 var(--mono);letter-spacing:.09em; text-transform:uppercase;color:var(--ink2);text-decoration:none; display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .pdi-sec__m:hover{color:var(--acc2)} .pdi-sec__m .pdi-i{width:14px;height:14px} @media (max-width:620px){.pdi-sec{flex-wrap:wrap}.pdi-sec__m{margin-left:0;width:100%}} /* ============ pdi:card — карточки: волосяная линейка сверху, коробок нет ============ */ .pdi-card{display:flex;flex-direction:column;border-top:1px solid var(--rule); padding-top:12px} .pdi-card__ph{display:block;width:100%;aspect-ratio:3/2;object-fit:cover; background:var(--paper2);margin-bottom:11px} .pdi-card__t{font:700 19px/1.22 var(--head);margin:6px 0 7px;letter-spacing:-.008em} .pdi-card__t a{color:var(--ink);text-decoration:none} .pdi-card__t a:hover{color:var(--acc2)} .pdi-card__x{display:flex;flex-direction:column;flex:1} .pdi-card__d{margin:0 0 10px;font-size:15px;line-height:1.5;color:#3a332c} .pdi-card__m{margin-top:auto;padding-top:10px;font:500 11px/1.3 var(--mono); letter-spacing:.07em;text-transform:uppercase;color:var(--ink2); display:flex;align-items:center;gap:8px;flex-wrap:wrap} /* ведущая пара первого экрана: 7/5, фото во всё окно нет вовсе */ .pdi-lead{border-top:3px solid var(--rule2);padding-top:14px} .pdi-lead .pdi-card__ph{aspect-ratio:16/9;margin-bottom:14px} .pdi-lead--a .pdi-card__t{font-size:clamp(25px,3vw,34px);line-height:1.08;font-weight:800} .pdi-lead--b .pdi-card__t{font-size:clamp(20px,2.1vw,24px);line-height:1.15} .pdi-lead--a .pdi-card__d{font-size:17px} /* строчка-список: без фото, цифра позиции моноширинным */ .pdi-line{display:flex;gap:12px;border-top:1px solid var(--rule);padding:10px 0} .pdi-line__n{font:700 12px/1.7 var(--mono);color:var(--rc);flex:none;min-width:22px} .pdi-line__t{font:600 16px/1.32 var(--head);margin:0} .pdi-line__t a{color:var(--ink);text-decoration:none} .pdi-line__t a:hover{color:var(--acc2)} .pdi-line__m{font:500 10.5px/1.4 var(--mono);letter-spacing:.07em; text-transform:uppercase;color:var(--ink2);margin-top:4px} /* ряд с миниатюрой слева */ .pdi-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px; border-top:1px solid var(--rule);padding-top:12px} .pdi-row__ph{display:block;width:100%;aspect-ratio:3/2;object-fit:cover; background:var(--paper2)} .pdi-row__t{font:600 16px/1.3 var(--head);margin:0 0 5px} .pdi-row__t a{color:var(--ink);text-decoration:none} .pdi-row__t a:hover{color:var(--acc2)} @media (max-width:620px){.pdi-row{grid-template-columns:84px minmax(0,1fr);gap:12px}} /* ============ pdi:ultima — «Ultima ora»: тёмная полоса, четыре колонки ============ */ .pdi-ult{padding-top:18px;padding-bottom:20px} .pdi-ult__h{display:flex;align-items:center;gap:10px;margin-bottom:14px; font:700 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase; color:var(--onband)} .pdi-ult__h::after{content:'';flex:1;height:1px;background:#4a4038} .pdi-ult__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} .pdi-ult__g>*{min-width:0} .pdi-ult__i{border-top:3px solid var(--rc);padding-top:9px} .pdi-ult__s{font:500 10.5px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase; color:var(--onband2)} .pdi-ult__t{font:600 15px/1.32 var(--head);margin:6px 0 0} .pdi-ult__t a{color:var(--onband);text-decoration:none} .pdi-ult__t a:hover{color:#fff;text-decoration:underline;text-underline-offset:2px} @media (max-width:940px){.pdi-ult__g{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}} @media (max-width:620px){.pdi-ult__g{grid-template-columns:minmax(0,1fr);gap:14px}} /* ============ pdi:rail — рельса виджетов-данных, набор выбирается РУБРИКОЙ ============ */ .pdi-two{display:grid;grid-template-columns:minmax(0,var(--prose)) minmax(0,var(--rail)); column-gap:var(--colgap);row-gap:30px;justify-content:space-between;align-items:start} .pdi-two>*{min-width:0} .pdi-rail{display:flex;flex-direction:column;gap:26px} .pdi-w{background:var(--paper2);padding:16px 16px 18px} /* второй тон, СВОЕЙ рамки нет */ .pdi-w__h{display:flex;align-items:center;gap:9px;margin:0 0 4px; font:700 12px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase; color:var(--ink)} .pdi-w__h .pdi-i{width:17px;height:17px;color:var(--rc)} .pdi-w__s{font:400 12.5px/1.45 var(--text);color:var(--ink2);margin:0 0 12px} .pdi-w__l{list-style:none;margin:0;padding-left:0} .pdi-w__l li{border-top:1px solid var(--rule);padding:7px 0} .pdi-w__l li:first-child{border-top:0;padding-top:0} .pdi-w a{color:var(--ink);text-decoration:none} .pdi-w a:hover{color:var(--acc2);text-decoration:underline;text-underline-offset:2px} /* гистограмма годов: полоса + число, без картинки */ .pdi-bar{display:grid;grid-template-columns:44px minmax(0,1fr) 42px;align-items:center; gap:9px;font:500 11.5px/1.5 var(--mono)} .pdi-bar__t{height:9px;background:var(--rc);opacity:.85} .pdi-bar__n{text-align:right;color:var(--ink2)} .pdi-bar:hover .pdi-bar__t{opacity:1} /* таблица данных внутри виджета */ .pdi-wt{width:100%;border-collapse:collapse;font:500 12px/1.4 var(--mono)} .pdi-wt th,.pdi-wt td{text-align:left;padding:6px 6px 6px 0; border-bottom:1px solid var(--rule)} .pdi-wt th{font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink)} .pdi-wt td:last-child{text-align:right;color:var(--ink2);padding-right:0} @media (max-width:940px){ .pdi-two{grid-template-columns:minmax(0,1fr)} .pdi-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} } @media (max-width:620px){.pdi-rail{grid-template-columns:minmax(0,1fr)}} /* ============ pdi:art — шаблон материала ============ */ /* полоса заголовка ≤ ⅓ первого экрана: крошки + кикер + H1 + строка службы, без фото */ .pdi-bc{font:500 11px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase; color:var(--ink2);margin:0 0 10px} .pdi-bc a{color:var(--ink2);text-decoration:none} .pdi-bc a:hover{color:var(--acc2)} .pdi-bc span{color:var(--rule);padding:0 6px} .pdi-tb{border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:18px} .pdi-tb .pdi-kick{margin-bottom:9px} .pdi-by{display:flex;align-items:center;gap:9px;flex-wrap:wrap; font:500 11.5px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase; color:var(--ink2);margin-top:12px} .pdi-by b{font-weight:700;color:var(--ink);letter-spacing:.09em} .pdi-by .pdi-i{width:14px;height:14px} .pdi-by__x{width:1px;height:12px;background:var(--rule)} /* проза */ .pdi-body{font-size:18px;line-height:1.68} .pdi-body>:first-child{margin-top:0} /* фигуры и подписи. Отдельные правила подписи, кредита и врезки первого абзаца сняты: носителя в разметке нет — ведущий кадр рисует шапка, подпись даёт figcaption (имена снятых классов не цитируются, см. выше) */ .pdi-fig{margin:24px 0;padding:0} .pdi-fig img{display:block;width:100%;height:auto;background:var(--paper2)} .pdi-fig figcaption{margin-top:8px;font:400 13.5px/1.5 var(--text); color:var(--ink2)} /* встроенное видео донора: 712 iframe в базе */ .pdi-embed{position:relative;margin:24px 0;background:var(--band)} .pdi-embed iframe,.pdi-embed object,.pdi-embed embed{display:block;width:100%; aspect-ratio:16/9;height:auto;border:0} .pdi-dead{display:block;margin:20px 0;border-left:3px solid var(--rule); padding:10px 0 10px 14px;font:400 15px/1.5 var(--text);color:var(--ink2)} /* чип вместо мёртвого ЧУЖОГО хотлинка: кадр лежал на сайте, которого больше нет, и подпись из alt — единственное, что от него осталось. Инлайновый, потому что стоит в строке текста на месте картинки */ .pdi-chip{display:inline-block;margin:2px 0;padding:2px 8px;border:1px solid var(--rule); border-radius:2px;background:var(--paper2);font:500 12.5px/1.5 var(--mono); color:var(--ink2);vertical-align:baseline} /* конец материала */ .pdi-end{margin-top:32px;border-top:3px solid var(--rule2);padding-top:14px} .pdi-tags{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding-left:0;list-style:none} .pdi-tags a{font:500 11.5px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase; color:var(--ink2);text-decoration:none;border-bottom:1px solid var(--rule)} .pdi-tags a:hover{color:var(--acc2);border-bottom-color:var(--acc)} /* продолжение для материала-анонса: список, а не карточки — блок стоит внутри текстовой колонки, и сетка карточек рвала бы полосу набора */ .pdi-more{margin-top:30px;border-top:1px solid var(--rule);padding-top:12px} .pdi-more ul{margin:8px 0 0;padding-left:0;list-style:none} .pdi-more li{border-bottom:1px solid var(--rule);padding:8px 0} .pdi-more li:last-child{border-bottom:0} .pdi-more a{font:600 17px/1.34 var(--head);color:var(--ink);text-decoration:none; border-bottom:1px solid transparent} .pdi-more a:hover{color:var(--acc2);border-bottom-color:var(--acc)} /* врезка архива: почему текст короткий, что страница даёт и чем продолжить. Стоит ПЕРЕД материалом, поэтому отделена линейкой слева и набором мельче основного, в цвете второго плана — это примечание редакции, а не текст материала, и путать их читатель не должен */ .pdi-arch{margin:0 0 22px;padding:2px 0 2px 16px;border-left:3px solid var(--acc)} .pdi-arch p{margin:0 0 8px;font:400 15px/1.62 var(--head);color:var(--ink2)} .pdi-arch p:last-child{margin-bottom:0} .pdi-arch a{font:inherit;color:var(--ink);border-bottom:1px solid var(--rule2); text-decoration:none} .pdi-arch a:hover{color:var(--acc2);border-bottom-color:var(--acc)} @media (max-width:600px){.pdi-more a{font-size:16px} .pdi-arch{padding-left:12px}} /* строка проданного размещения: помета видна, вес материала она не занимает */ .pdi-adline{margin:18px 0;padding:10px 12px;background:var(--paper2); border-left:3px solid var(--rule2);font:400 14px/1.5 var(--head); color:var(--ink2)} .pdi-adline a{color:var(--ink);text-decoration:none; border-bottom:1px solid var(--rule2)} .pdi-adline a:hover{color:var(--acc2);border-bottom-color:var(--acc)} .pdi-ad{margin-top:30px;border-top:1px solid var(--rule);padding-top:4px} .pdi-ad .pdi-adline{margin-bottom:0} /* ============ pdi:table — широкая таблица раскладывается карточками ============ */ .pdi-t{width:100%;border-collapse:collapse;margin:24px 0;font-size:15.5px;line-height:1.45} .pdi-t th,.pdi-t td{text-align:left;vertical-align:top;padding:9px 12px 9px 0; border-bottom:1px solid var(--rule)} .pdi-t th{font:700 11.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase; color:var(--ink);border-bottom:2px solid var(--rule2);white-space:nowrap} .pdi-t tr:last-child td{border-bottom:0} /* ⛔ Модификатор карточной раскладки таблицы и правило её шапки сняты: ту же раскладку даёт медиазапрос ниже, а классов в разметке не было ни на одной странице — правило без носителя это C09.31 (имена не цитируются) */ @media (max-width:640px){ .pdi-t td:first-child{font-weight:700} .pdi-t thead{display:none} .pdi-t tr{display:block;border-top:1px solid var(--rule);padding:10px 0} .pdi-t td{display:grid;grid-template-columns:minmax(80px,36%) minmax(0,1fr);gap:10px; border-bottom:0;padding:3px 0} .pdi-t td::before{content:attr(data-pdi-l);font:600 11px/1.5 var(--mono); letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} } .pdi-scroll{overflow-x:auto;margin:24px 0} .pdi-scroll .pdi-t{width:auto;min-width:100%;margin:0} .pdi-scroll .pdi-t tr>*:first-child{white-space:nowrap} /* ⛔ На ≤640 таблица УЖЕ разложена карточками, и прокручивать в ней нечего, а `width:auto` вместе с `nowrap` первой ячейки растягивали строку шире экрана: длинная подпись обрезалась по краю («— posizione finale in classific…», приёмка parlandodi.it 29.09.2026) — на телефоне это просто пропавший текст, потому что горизонтальную прокрутку внутри статьи никто не ищет. Блок стоит ПОСЛЕ правил .pdi-scroll намеренно: специфичность у них равная, решает порядок — выше по файлу он бы не сработал */ @media (max-width:640px){ .pdi-scroll{overflow-x:visible} .pdi-scroll .pdi-t{width:100%;min-width:0} .pdi-scroll .pdi-t tr>*:first-child{white-space:normal} } /* ⛔ Контейнер виджета владельца (форма обратной связи fortunida). Пока скрипт не ответил, узел ПУСТ — без `:empty{display:none}` он оставляет полосу воздуха над «Rettifiche» у всех, у кого сервис не открылся. Ширину задаём по листу, а не по донорским 1200 px: виджет вставляет свои поля внутрь */ .pdi-fform:empty{display:none} /* пояснение под формой: мельче прозы, но не «серым по серому» — это не украшение, а то, куда уходит написанное */ .pdi-note{font-size:.92rem;color:var(--ink2);border-left:2px solid var(--rule); padding-left:.8rem;margin:0 0 1.4rem} /* ⛔ Форма владельца приезжает со своим