/* RUARBIZ News - газетная полоса по макету news-v4. Всё под .argn, чтобы не задевать Avada.
   Отличия от макета только технические: масттед ARGENTINA - div.mast-name (h1 страницы - заголовок новости),
   заголовок новости - h1.headline, заголовки правой колонки - h2.side-h, фото - <img class="photo">. */

/* фон области между шапкой и подвалом Avada (в макете - html/body) */
body.argn-news #main{background:#d9d2bf;padding:0 !important}
body.argn-news #main > .fusion-row{max-width:none !important;padding:0 !important;width:100%}

/* страховка: шапка-картинка лейаута / title bar / слайдер Avada на наших записях не показываются */
body.argn-news .fusion-page-title-bar,body.argn-news .avada-page-titlebar-wrapper,body.argn-news #sliders-container:empty{display:none !important}
.argn{
  --paper:#f3eedf;
  --paper-2:#ebe4d0;
  --ink:#2b2622;
  --ink-soft:#6b6157;
  --rule:#2b2622;
  --hair:#cfc5ad;
  --red:#b0362b;
  --f-mast:"Alegreya",Georgia,"Times New Roman",serif;
  --f-brand:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --f-body:"Alegreya",Georgia,"Times New Roman",serif;
  --f-label:"Montserrat","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
  background:#d9d2bf;color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.5;
  padding:28px max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px));
  font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;text-align:start;
}
.argn *,.argn *::before,.argn *::after{box-sizing:border-box}
.argn .page a{transition:none}
.argn .page{max-width:1180px;margin:0 auto;background:var(--paper);padding:30px clamp(16px,4vw,60px) 44px;
  background-image:radial-gradient(rgba(120,100,70,.06) 1px,transparent 1px);background-size:3px 3px;
  box-shadow:0 30px 60px -35px rgba(60,45,25,.55)}

/* сброс глобальных стилей Avada внутри полосы (body: weight 300 / letter-spacing; .fusion-body blockquote: фон,
   полоса слева, padding, цвет; a{text-decoration:none}). Специфичность 0,2,1 - выше Avada (0,1,1), ниже правил компонентов. */
.argn .page :is(h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,cite,small,time){
  margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0;color:inherit;
  font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;
  letter-spacing:inherit;text-transform:inherit;text-align:inherit;quotes:none}

.argn .page blockquote::before,.argn .page blockquote::after{content:none}

.argn .page a{color:inherit;text-decoration:underline;background:none;box-shadow:none}

.argn .page img{max-width:100%;border:0;border-radius:0;box-shadow:none}

.argn .page :is(h1,h2,h3,h4,h5,h6){font-weight:700}

.argn .page :is(cite,em){font-style:italic}

.argn .page :is(b,strong){font-weight:700}

/* масттед */
.argn .page .mast{display:grid;grid-template-columns:170px minmax(0,1fr) 170px;gap:20px;align-items:center;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-block:14px}
.argn .page .mast .l,.argn .page .mast .r{font-size:12px;line-height:1.45;color:var(--ink-soft)}
.argn .page .mast .l b,.argn .page .mast .r b{color:var(--ink);font-family:var(--f-label);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:12px;display:block;margin-bottom:3px}
.argn .page .mast .r{text-align:right}
.argn .page .issue{font-family:var(--f-mast);font-weight:700;font-size:30px;color:var(--red);line-height:1;margin-top:8px;font-variant-numeric:lining-nums}
.argn .page .title{text-align:center;border-left:1px solid var(--hair);border-right:1px solid var(--hair);padding-inline:20px;container-type:inline-size;min-width:0}
.argn .page .title .mast-name{margin:0;font-family:var(--f-brand);font-weight:900;font-size:clamp(34px,6vw,80px);font-size:min(13cqi,88px);line-height:.95;letter-spacing:.04em;white-space:nowrap;color:var(--ink)}
.argn .page .title p{margin:8px 0 0;font-family:var(--f-mast);font-style:italic;font-size:15px;color:var(--ink-soft);line-height:1.5}

/* анонсы */
.argn .page .teasers{display:grid;grid-template-columns:repeat(var(--argn-n,3),minmax(0,1fr));border-bottom:3px double var(--rule)}
.argn .page .teasers a{color:inherit;text-decoration:none;padding:14px 18px;border-left:1px solid var(--hair);text-align:center}
.argn .page .teasers a:first-child{border-left:0}
.argn .page .teasers small{display:block;font-family:var(--f-label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--hair);padding-bottom:6px;margin-bottom:8px;line-height:1.5}
.argn .page .teasers b{display:block;font-family:var(--f-mast);font-weight:700;font-size:18px;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}
.argn .page .teasers span{display:block;font-size:13px;line-height:1.45;color:var(--ink-soft);margin-top:6px}
.argn .page .teasers a:hover b{color:var(--red)}

/* герой */
.argn .page .hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:0;margin-top:26px;border-bottom:1px solid var(--rule)}
.argn .page .hero.no-photo{grid-template-columns:1fr}
.argn .page .hero .txt{padding:6px 26px 24px 0;display:flex;flex-direction:column;gap:12px;min-width:0}
.argn .page .kicker{font-family:var(--f-label);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);line-height:1.5}
.argn .page .hero .headline{margin:0;font-family:var(--f-mast);font-weight:800;font-size:clamp(32px,4.2vw,50px);line-height:1.06;text-wrap:balance;color:var(--ink)}
.argn .page .by{font-family:var(--f-mast);font-style:italic;font-size:14px;color:var(--ink-soft)}
.argn .page .lead{margin:0;font-size:16px;line-height:1.55;text-align:justify;hyphens:auto}
.argn .page .lead::after{content:" стр. 1";font-family:var(--f-label);font-size:11px;letter-spacing:.08em;color:var(--red);white-space:nowrap}
.argn .page .hero figure{margin:0;min-width:0}
.argn .page .hero img.photo{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:sepia(.15);margin:0;border-radius:0;box-shadow:none}
.argn .page figcaption{font-family:var(--f-mast);font-style:italic;font-size:13px;line-height:1.5;color:var(--ink-soft);padding-block:6px 10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* полоса текста */
.argn .page .spread{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:0;margin-top:22px}
.argn .page .cols{columns:3 210px;column-gap:26px;column-rule:1px solid var(--hair);padding-right:26px;min-width:0}
.argn .page .cols h3{font-family:var(--f-mast);font-style:italic;font-weight:400;font-size:27px;line-height:1.1;margin:0 0 .3em;break-after:avoid}
.argn .page .cols > h3:first-child{font-size:31px;text-transform:uppercase;font-style:italic;letter-spacing:.01em}
.argn .page .cols .argn-sub,.argn .page .cols .sub{font-family:var(--f-mast);font-style:italic;font-size:13px;line-height:1.5;color:var(--ink-soft);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:3px 0;margin:0 0 .8em;text-align:left}
.argn .page .cols p{margin:0 0 .75em;font-size:16.5px;line-height:1.55;text-align:justify;hyphens:auto}
.argn .page .cols p.drop::first-letter{font-family:var(--f-mast);font-weight:900;float:left;font-size:4.2em;line-height:.8;padding:.05em .07em 0 0;color:var(--red)}
.argn .page .cols h4{font-family:var(--f-label);font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:1em 0 .4em;break-after:avoid;color:var(--red)}
.argn .page .cols ul,.argn .page .cols ol{margin:0 0 .75em 1.1em;padding:0;font-size:16.5px;line-height:1.55}
.argn .page .cols a{color:var(--red)}

/* правая колонка */
.argn .page aside{border-left:1px solid var(--rule);padding-left:22px;display:flex;flex-direction:column;gap:20px;min-width:0}
.argn .page .quote{font-family:var(--f-mast);font-style:italic;font-size:26px;line-height:1.2;margin:0;quotes:none}
.argn .page .quote::before,.argn .page .quote::after{content:none}
.argn .page .quote small{display:block;font-family:var(--f-label);font-style:normal;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}
.argn .page .quote cite{display:block;font-size:15px;margin-top:10px;color:var(--ink-soft);font-style:italic}
.argn .page .side .side-h{margin:0 0 6px;font-family:var(--f-mast);font-style:italic;font-weight:400;font-size:21px;text-transform:uppercase;border-bottom:1px solid var(--rule);padding-bottom:4px}
.argn .page .dates{list-style:none;margin:0;padding:0}
.argn .page .dates li{display:grid;grid-template-columns:56px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--hair);font-size:14px;line-height:1.35;margin:0}
.argn .page .dates time{font-family:var(--f-mast);font-weight:700;font-size:19px;color:var(--red);font-variant-numeric:lining-nums tabular-nums}
.argn .page .dates em{display:block;font-family:var(--f-label);font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.argn .page .inside{list-style:none;margin:0;padding:0;font-family:var(--f-mast);font-style:italic;font-size:17px;line-height:1.5}
.argn .page .inside li{margin:0}
.argn .page .inside a{color:inherit;text-decoration:none}
.argn .page .inside a:hover{color:var(--red)}
.argn .page .cta{background:var(--ink);color:var(--paper);padding:16px}
.argn .page .cta b{display:block;font-family:var(--f-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin-bottom:6px}
.argn .page .cta p{margin:0 0 10px;font-size:14px;line-height:1.45;color:var(--paper)}
.argn .page .cta a{font-family:var(--f-mast);font-style:italic;font-size:16px;color:#f0c98a}
.argn .page .foot{margin-top:24px;border-top:3px double var(--rule);padding-top:8px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;
  font-family:var(--f-label);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.argn .page .foot a{color:var(--red)}
.argn .page a:focus-visible{outline:2px solid var(--red);outline-offset:2px}

@media (max-width:900px){
  .argn .page .mast{grid-template-columns:1fr}
  .argn .page .mast .l,.argn .page .mast .r{text-align:center}
  .argn .page .title{border:0;padding:0}
  .argn .page .hero{grid-template-columns:1fr}
  .argn .page .hero .txt{padding-right:0}
  .argn .page .spread{grid-template-columns:1fr}
  .argn .page .cols{padding-right:0}
  .argn .page aside{border-left:0;border-top:1px solid var(--rule);padding-left:0;padding-top:18px;margin-top:10px}
}
@media (max-width:620px){
  .argn{padding-top:0}
  .argn .page .teasers{grid-template-columns:1fr}
  .argn .page .teasers a{border-left:0;border-top:1px solid var(--hair)}
  .argn .page .teasers a:first-child{border-top:0}
  .argn .page .mast .r .issue{display:block;margin-top:12px} /* 1.0.4: номер отдельной строкой под «Перевод редакции» */
  .argn .page .cols p,.argn .page .lead{text-align:left}
}

/* первоисточник, «Также писали», авторство фото - мелко и серо, без акцента (1.0.3) */
.argn .page figcaption .credit a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.argn .page .cols .argn-src{margin:1.2em 0 0;padding-top:6px;border-top:1px solid var(--hair);font-family:var(--f-label);font-size:11px;line-height:1.5;
  letter-spacing:.02em;text-align:left;hyphens:none;color:var(--ink-soft);break-inside:avoid}
.argn .page .foot .credits{flex-basis:100%;display:flex;flex-direction:column;gap:2px;margin-bottom:4px;
  font-family:var(--f-label);font-size:11px;line-height:1.5;letter-spacing:.02em;text-transform:none;color:var(--ink-soft)}
.argn .page .cols .argn-src a,.argn .page .foot .credits a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.argn .page .foot .credits a:hover,.argn .page .cols .argn-src a:hover,.argn .page figcaption .credit a:hover{color:var(--ink)}
