/*
Theme Name:        Magistrala
Theme URI:         https://optimizare.site/
Author:            Optimizare.Site
Author URI:        https://optimizare.site/
Description:       Temă de revistă din familia de teme a rețelei, făcută pentru OraseleLumii.ro: orașele lumii, călătorii, cultură și viața de zi cu zi în oraș. Aceleași funcții și aceleași setări ca celelalte teme ale rețelei, cu alt aspect: harta de metrou a unui oraș. Prima pagină e harta rețelei, cu articolul principal la Km 0 și liniile categoriilor care pleacă din el, fiecare cu stațiile ei și cu un tren care circulă; alături, panoul stației, cu ușile vagonului care se deschid. Fiecare categorie e o linie, cu culoarea și numărul ei, iar fiecare articol e o stație. Se sprijină pe pluginul OptimizareSite.
Version:           1.0.0
Requires at least: 6.4
Tested up to:      7.1
Requires PHP:      7.4
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       magistrala
Update URI:        https://optimizare.site/teme/magistrala/
*/

/* ==========================================================================
   Literele: Overpass, o grotesca pornita de la literele indicatoarelor
   rutiere, pentru titluri, text si sigla, si Overpass Mono pentru cifrele de
   pe panouri: date, minute, numere de statie. Fonturile de rezerva sunt
   aduse la aceleasi masuri, ca pagina sa nu se miste.
   ========================================================================== */

@font-face{font-family:"Overpass";src:url("assets/fonts/overpass.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Overpass";src:url("assets/fonts/overpass.woff2") format("woff2");font-weight:800 900;font-style:normal;font-display:optional}
@font-face{font-family:"Overpass";src:url("assets/fonts/overpass-italic.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Overpass Mono";src:url("assets/fonts/overpass-mono.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Overpass Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans"),local("Arimo"),local("Helvetica");size-adjust:100.5%;ascent-override:87.9%;descent-override:38.1%;line-gap-override:0%}
@font-face{font-family:"Overpass Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Arimo Bold"),local("Helvetica Bold");font-weight:700 900;size-adjust:101.9%;ascent-override:86.7%;descent-override:37.6%;line-gap-override:0%}
@font-face{font-family:"Overpass Fallback";src:local("Arial Italic"),local("Arial-ItalicMT"),local("Liberation Sans Italic"),local("LiberationSans-Italic"),local("Arimo Italic");font-style:italic;size-adjust:96.7%;ascent-override:91.3%;descent-override:39.6%;line-gap-override:0%}
@font-face{font-family:"Overpass Mono Fallback";src:local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono"),local("LiberationMono"),local("Cousine");size-adjust:102.6%;ascent-override:86%;descent-override:37.3%;line-gap-override:0%}

/* Harta: hartie calda, cerneala aproape neagra, liniile in culorile lor si noaptea tunelului. */
:root{
	--mg-paper:#f6f5f1;
	--mg-paper-2:#ecebe5;
	--mg-card:#ffffff;
	--mg-ink:#15171c;
	--mg-text:#2a2d33;
	--mg-muted:#5c6068;
	--mg-rule:#dcdad2;
	--mg-dot:#d4d1c8;
	--mg-steel:#3a3f48;
	--mg-steel-2:#535963;
	--mg-on-night:#f2f1ec;
	--mg-on-night-muted:#b9bcc3;
	--mg-night-2:#1f2229;
	--mg-night-line:rgba(242,241,236,.16);
	--mg-red:#e4002b;
	--mg-blue:#0057b8;
	--mg-green:#00875a;
	--mg-orange:#f07d00;
	--mg-sans:"Overpass","Overpass Fallback",Arial,Helvetica,sans-serif;
	--mg-mono:"Overpass Mono","Overpass Mono Fallback","Courier New",monospace;
	--mg-gut:clamp(16px,4vw,40px);
	--mg-max:1280px;
	--mg-ease:cubic-bezier(.2,.75,.25,1);
	--mg-snap:cubic-bezier(.7,0,.2,1);
	--mg-shadow:0 1px 0 rgba(21,23,28,.06),0 18px 34px -24px rgba(21,23,28,.45);
	--mg-night:#15171c;
	--mg-accent:#e4002b;
	--mg-accent-text:#d00027;
	--mg-accent-night:#ff6b81;
	--mg-on-accent:#ffffff;
	--line:var(--mg-ink);
	--on-line:#ffffff;
	color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:110px}
body{margin:0;background:var(--mg-paper);color:var(--mg-text);font:400 18px/1.6 var(--mg-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0}
h1,h2,h3,h4{color:var(--mg-ink);font-weight:800;line-height:1.1;letter-spacing:-.015em;text-wrap:balance}
a{color:inherit;text-decoration:none}
img,svg,video{display:block;max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--mg-ink);outline-offset:3px;border-radius:4px}
.mg-on-night :focus-visible{outline-color:var(--mg-on-night)}
[hidden]{display:none!important}
::selection{background:var(--mg-ink);color:#fff}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.mg-skip:focus{position:fixed!important;left:16px;top:16px;z-index:100;width:auto;height:auto;margin:0;padding:12px 18px;clip:auto;clip-path:none;border-radius:99px;background:var(--mg-ink);color:#fff;font:700 15px/1 var(--mg-sans);white-space:normal}
.mg-wrap{width:100%;max-width:calc(var(--mg-max) + 2 * var(--mg-gut));margin:0 auto;padding:0 var(--mg-gut)}
.mg-main{display:block;min-height:50vh}
.mg-on-night{background:var(--mg-night);color:var(--mg-on-night)}

/* ==========================================================================
   Bucatile de baza: insemnul liniei, randul de pe panou, usile, linia
   ========================================================================== */

/* Insemnul liniei: cercul colorat cu numarul ei si, alaturi, numele. */
.mg-line{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;color:var(--mg-ink);font:700 14px/1.15 var(--mg-sans);letter-spacing:0;white-space:nowrap}
.mg-line b{display:inline-grid;place-items:center;flex:none;min-width:26px;height:26px;padding:1px 6px 0;border-radius:99px;background:var(--line);color:var(--on-line);font:800 13px/1 var(--mg-sans);letter-spacing:-.02em}
.mg-line span{overflow:hidden;text-overflow:ellipsis}
.mg-line--lg{gap:12px;font-size:17px}
.mg-line--lg b{min-width:42px;height:42px;font-size:20px}
.mg-on-night .mg-line{color:var(--mg-on-night)}
a .mg-line b,a.mg-line b{transition:transform .3s var(--mg-ease)}
a:hover .mg-line b{transform:scale(1.12)}
.mg-kicker{display:inline-flex;max-width:100%;min-width:0}
.mg-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}
.mg-card-head__line{display:inline-flex;min-width:0;max-width:72%}
.mg-card-head__date{margin-left:auto;color:var(--mg-muted);font:500 13px/1 var(--mg-mono);white-space:nowrap}
.mg-new{display:inline-block;margin-right:6px;padding:4px 7px 3px;border-radius:99px;background:var(--mg-accent);color:var(--mg-on-accent);font:800 10.5px/1 var(--mg-sans);letter-spacing:.08em;text-transform:uppercase}
.mg-typed{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--mg-muted);font:500 13px/1.35 var(--mg-mono)}
.mg-on-night .mg-typed{color:var(--mg-on-night-muted)}
.mg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;color:var(--mg-muted);font:500 13.5px/1.4 var(--mg-mono)}
.mg-meta>*+*::before{content:"";display:inline-block;width:6px;height:6px;margin:0 10px 1px;border-radius:50%;background:var(--line,var(--mg-dot));vertical-align:middle;opacity:.7}
.mg-meta a{color:var(--mg-ink);font-family:var(--mg-sans);font-weight:700;text-decoration:underline;text-decoration-color:var(--line,var(--mg-accent));text-decoration-thickness:2px;text-underline-offset:3px}
.mg-on-night .mg-meta{color:var(--mg-on-night-muted)}
.mg-on-night .mg-meta a{color:var(--mg-on-night)}
.mg-byline{display:inline-flex;align-items:center;gap:10px}
.mg-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--mg-paper),0 0 0 6px var(--line,var(--mg-ink))}
.mg-initials{display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--mg-ink);color:#fff;font:800 14px/1 var(--mg-sans)}
.mg-excerpt{color:var(--mg-text);font-size:17px;line-height:1.55}
.mg-button{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:2px 22px 0;border-radius:99px;background:var(--mg-ink);color:#fff;font:800 15px/1 var(--mg-sans);transition:transform .3s var(--mg-ease),background .2s}
.mg-button:hover{background:var(--mg-accent);color:var(--mg-on-accent);transform:translateY(-2px)}
.mg-button svg{transition:transform .3s var(--mg-ease)}
.mg-button:hover svg{transform:translateX(4px)}
.mg-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--mg-muted);font:500 13px/1.4 var(--mg-mono)}
.mg-breadcrumbs a{text-decoration:underline;text-decoration-color:var(--mg-rule);text-underline-offset:3px}
.mg-breadcrumbs a:hover{color:var(--mg-ink);text-decoration-color:var(--line,var(--mg-accent))}
.mg-breadcrumbs__sep{display:inline-block;width:16px;height:4px;border-radius:4px;background:var(--line,var(--mg-dot));font-size:0}

/* Rama imaginii: proportii fixe, deci spatiul e rezervat inainte de incarcare. */
.mg-frame{position:relative;display:block;overflow:hidden;width:100%;border-radius:inherit;background:var(--mg-paper-2)}
.mg-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--mg-ease)}
.mg-frame--landscape{aspect-ratio:4/3}
.mg-frame--photo{aspect-ratio:3/2}
.mg-frame--wide{aspect-ratio:16/9}
.mg-frame--cinema{aspect-ratio:2/1}
.mg-frame--portrait{aspect-ratio:4/5}
.mg-frame--square{aspect-ratio:1/1}
.mg-frame__empty{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 1px 1px,var(--mg-dot) 1.4px,transparent 1.6px) 0 0/18px 18px,var(--mg-paper)}
.mg-frame__empty b{display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;background:var(--line,var(--mg-ink));color:var(--on-line,#fff);font:900 clamp(30px,5vw,56px)/1 var(--mg-sans);box-shadow:0 0 0 .14em var(--mg-paper),0 0 0 .26em var(--line,var(--mg-ink))}

/* Usile vagonului: doua jumatati, cu geam si cu dunga liniei, care se deschid peste fotografie. */
.mg-doors{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:inherit;pointer-events:none}
.mg-doors::before,.mg-doors::after{content:"";position:absolute;top:0;bottom:0;width:50.5%;background:linear-gradient(var(--line) 0 0) 0 78%/100% 7px no-repeat,linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.06)) 22% 16%/56% 44% no-repeat,linear-gradient(160deg,var(--mg-steel-2),var(--mg-steel));transition:transform .75s var(--mg-snap)}
.mg-doors::before{left:0;box-shadow:inset -3px 0 0 rgba(0,0,0,.35);transform:translateX(-101%)}
.mg-doors::after{right:0;box-shadow:inset 3px 0 0 rgba(255,255,255,.18);transform:translateX(101%)}
a:hover>.mg-doors::before,a:focus-visible>.mg-doors::before{transform:translateX(-90%)}
a:hover>.mg-doors::after,a:focus-visible>.mg-doors::after{transform:translateX(90%)}
a:hover .mg-frame img{transform:scale(1.045)}
.mg-io [data-mg-reveal] .mg-doors::before,.mg-io [data-mg-reveal] .mg-doors::after{transform:none;transition-duration:.9s;transition-delay:calc(var(--rd,0s) + .2s)}
.mg-io [data-mg-reveal].is-in .mg-doors::before{transform:translateX(-101%)}
.mg-io [data-mg-reveal].is-in .mg-doors::after{transform:translateX(101%)}
.mg-io [data-mg-reveal].is-in a:hover>.mg-doors::before,.mg-io [data-mg-reveal].is-in a:focus-visible>.mg-doors::before{transform:translateX(-90%);transition-duration:.75s;transition-delay:0s}
.mg-io [data-mg-reveal].is-in a:hover>.mg-doors::after,.mg-io [data-mg-reveal].is-in a:focus-visible>.mg-doors::after{transform:translateX(90%);transition-duration:.75s;transition-delay:0s}

/* Linia de metrou de sub titluri: o banda groasa cu o statie la capat, care se traseaza. */
.mg-track{position:absolute;left:0;right:0;bottom:0;height:8px;border-radius:8px;background:var(--line,var(--mg-ink));transform-origin:0 50%}
.mg-track i{position:absolute;left:-2px;top:50%;width:22px;height:22px;margin-top:-11px;border:5px solid var(--line,var(--mg-ink));border-radius:50%;background:var(--mg-paper)}
.mg-on-night .mg-track i{background:var(--mg-night)}
.mg-io [data-mg-reveal] .mg-track{transform:scaleX(0);transition:transform 1.1s var(--mg-ease)}
.mg-io [data-mg-reveal].is-in .mg-track{transform:none}

/* Capul unei sectiuni: numarul in cerc, titlul si linia. */
.mg-section-head{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:38px;padding-bottom:26px}
.mg-section-head__text{display:flex;flex-direction:column;gap:10px;min-width:0}
.mg-section-head__note{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--mg-muted);font:500 13px/1.2 var(--mg-mono);letter-spacing:.02em}
.mg-section-head__index{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:2px 8px 0;border-radius:99px;background:var(--line,var(--mg-accent));color:var(--on-line,var(--mg-on-accent));font:900 14px/1 var(--mg-sans)}
.mg-section-head__title{font:900 clamp(30px,3.6vw,50px)/1 var(--mg-sans);letter-spacing:-.03em}
.mg-section-head__more{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:2px 18px 0;border:2.5px solid var(--mg-ink);border-radius:99px;color:var(--mg-ink);font:800 14px/1 var(--mg-sans);transition:background .2s,color .2s}
.mg-section-head__more:hover{background:var(--line,var(--mg-ink));border-color:var(--line,var(--mg-ink));color:var(--on-line,#fff)}
.mg-section-head__more svg{transition:transform .3s var(--mg-ease)}
.mg-section-head__more:hover svg{transform:translateX(4px)}
.mg-on-night .mg-section-head__title{color:var(--mg-on-night)}

/* Intrarea pe peron: cardurile urca putin cand ajung pe ecran, unul dupa altul. Se misca prin
   translate, separat de transform, deci ridicarea de sub mouse a cardurilor ramane a lor. */
.mg-io [data-mg-reveal]:not(.mg-section-head):not(.mg-legend)>*{opacity:0;translate:0 22px;transition-property:opacity,translate,transform;transition-duration:.6s,.7s,.35s;transition-timing-function:var(--mg-ease);transition-delay:var(--rd,0s),var(--rd,0s),0s}
.mg-io [data-mg-reveal].is-in:not(.mg-section-head):not(.mg-legend)>*{opacity:1;translate:none}
/* Starea de asteptare se pune fara tranzitie: altfel, la incarcare, tot ce e sub ecran s-ar
   stinge animat, cu zeci de straturi de desenat pe telefon. */
.mg-io [data-mg-reveal]:not(.is-in),.mg-io [data-mg-reveal]:not(.is-in) *,.mg-io [data-mg-reveal]:not(.is-in) *::before,.mg-io [data-mg-reveal]:not(.is-in) *::after{transition:none!important}
.mg-io [data-mg-reveal]>:nth-child(2){--rd:.07s}
.mg-io [data-mg-reveal]>:nth-child(3){--rd:.14s}
.mg-io [data-mg-reveal]>:nth-child(4){--rd:.21s}
.mg-io [data-mg-reveal]>:nth-child(5){--rd:.28s}
.mg-io [data-mg-reveal]>:nth-child(n+6){--rd:.35s}

/* ==========================================================================
   Antetul
   ========================================================================== */

.mg-stick-mark{display:block;height:0}
.mg-masthead{position:sticky;top:0;z-index:50;background:var(--mg-paper);box-shadow:0 3px 0 var(--mg-ink);transition:transform .45s var(--mg-ease)}
.admin-bar .mg-masthead{top:32px}
.mg-masthead.is-hidden{transform:translateY(calc(-100% - 6px))}
.mg-masthead.is-stuck{box-shadow:0 3px 0 var(--mg-ink),0 16px 26px -22px rgba(21,23,28,.6)}
.mg-masthead__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 22px;height:84px;max-width:calc(var(--mg-max) + 2 * var(--mg-gut));margin:0 auto;padding:0 var(--mg-gut)}

/* Sigla: semnul cu linia circulara, trenul, linia L si statia de corespondenta, apoi numele. */
.mg-brand{display:inline-flex;align-items:center;gap:12px;min-width:0;color:var(--mg-ink)}
.mg-brand--svg svg{width:auto;height:52px}
.mg-brand--image img{width:auto;max-height:56px}
.mg-mark{flex:none;width:60px;height:48px;overflow:visible}
.mg-mark__orbit{transform-box:view-box;transform-origin:30px 32px;animation:mg-orbit 1.5s var(--mg-snap) .25s both}
.mg-mark__l{transform-box:view-box;transform-origin:58px 10px;animation:mg-grow .55s var(--mg-ease) .1s both}
.mg-mark__hub{transform-box:fill-box;transform-origin:center;animation:mg-pop .45s cubic-bezier(.2,1.6,.4,1) .55s both}
.mg-brand:hover .mg-mark__orbit,.mg-brand:focus-visible .mg-mark__orbit{animation:mg-orbit-again 1.2s var(--mg-snap) both}
.mg-brand__name{display:flex;flex-direction:column;gap:0;font:900 21px/1.02 var(--mg-sans);letter-spacing:-.025em;white-space:nowrap}
.mg-brand__l1,.mg-brand__l2{display:block}
.mg-brand__l2{display:flex;align-items:center;gap:7px}
.mg-brand__dashes{display:inline-flex;gap:3px;margin-top:5px}
.mg-brand__dashes i{display:block;width:9px;height:5px;border-radius:3px;background:var(--mg-red);transform-origin:0 50%;animation:mg-dash .35s var(--mg-ease) both}
.mg-brand__dashes i:nth-child(1){animation-delay:.9s}
.mg-brand__dashes i:nth-child(2){background:var(--mg-blue);animation-delay:.98s}
.mg-brand__dashes i:nth-child(3){background:var(--mg-green);animation-delay:1.06s}
.mg-brand__dashes i:nth-child(4){background:var(--mg-orange);animation-delay:1.14s}
.mg-brand--one .mg-brand__name{flex-direction:row;align-items:center;gap:8px}
.mg-brand--dark{color:var(--mg-on-night)}
/* Sigla din subsol nu se anima la incarcare: e oricum sub ecran. Doar trenul ocoleste sub mouse. */
.mg-brand--dark .mg-mark__orbit,.mg-brand--dark .mg-mark__l,.mg-brand--dark .mg-mark__hub,.mg-brand--dark .mg-brand__dashes i{animation:none}
.mg-brand--dark .mg-brand__dashes i:nth-child(2){background:#3b8beb}
.mg-brand--dark .mg-brand__dashes i:nth-child(3){background:#00b36b}
@keyframes mg-orbit{from{transform:rotate(-360deg)}to{transform:rotate(0)}}
@keyframes mg-orbit-again{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes mg-grow{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes mg-pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes mg-dash{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Meniul principal: fiecare categorie cu cercul liniei ei. */
.mg-nav{position:relative;min-width:0;height:84px}
.mg-nav ul{display:flex;align-items:center;gap:0;height:100%;list-style:none;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.mg-nav ul::-webkit-scrollbar{display:none}
.mg-nav li{flex:none;height:100%}
.mg-nav a{--line:var(--mg-ink);--on-line:#fff;position:relative;display:flex;align-items:center;gap:8px;height:100%;padding:0 9px;color:var(--mg-ink);font:700 14.5px/1 var(--mg-sans);white-space:nowrap}
.mg-nav a::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:6px;border-radius:6px 6px 0 0;background:var(--line);transform:scaleY(0);transform-origin:50% 100%;transition:transform .3s var(--mg-ease)}
.mg-nav a:hover::after,.mg-nav .current-menu-item>a::after,.mg-nav .current-cat>a::after,.mg-nav .current-menu-ancestor>a::after,.mg-nav .current-post-ancestor>a::after{transform:none}
.mg-nav__no{display:inline-grid;place-items:center;flex:none;min-width:26px;height:26px;padding:1px 6px 0;border-radius:99px;background:var(--line);color:var(--on-line);font:800 12.5px/1 var(--mg-sans);transition:transform .3s var(--mg-ease)}
.mg-nav__no:empty{min-width:18px;width:18px;height:18px;padding:0;border:4px solid var(--mg-ink);background:var(--mg-paper)}
.mg-nav a:hover .mg-nav__no{transform:scale(1.12)}
.mg-nav.has-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px);mask-image:linear-gradient(90deg,transparent,#000 36px)}
.mg-nav.has-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.mg-nav.has-l.has-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent)}

/* Cautarea: details, deci merge si fara JavaScript. */
.mg-masthead__tools{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.mg-drop{position:relative}
.mg-drop>summary{list-style:none;cursor:pointer}
.mg-drop>summary::-webkit-details-marker{display:none}
.mg-search>summary{display:grid;place-items:center;width:46px;height:46px;border:2.5px solid var(--mg-ink);border-radius:50%;color:var(--mg-ink);font:800 14px/1 var(--mg-sans);transition:background .2s,color .2s}
.mg-search__word{display:none}
.mg-search>summary:hover,.mg-search[open]>summary{background:var(--mg-ink);color:#fff}
.mg-drop__panel{position:absolute;right:0;top:calc(100% + 16px);z-index:60;width:min(460px,calc(100vw - 2 * var(--mg-gut)));padding:22px;border-radius:20px;background:var(--mg-card);box-shadow:0 0 0 3px var(--mg-ink),0 30px 50px -24px rgba(21,23,28,.55)}
.mg-search__title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;color:var(--mg-ink);font:900 22px/1.1 var(--mg-sans);letter-spacing:-.02em}
.mg-search__kbd{padding:5px 8px 4px;border:1.5px solid var(--mg-rule);border-radius:6px;color:var(--mg-muted);font:500 12px/1 var(--mg-mono)}
.mg-search__hint{margin:18px 0 10px;color:var(--mg-muted);font:500 13px/1 var(--mg-mono)}
.mg-search__topics{display:flex;flex-wrap:wrap;gap:10px 14px;list-style:none}
.mg-search__topics a{display:inline-flex;min-height:32px;align-items:center}
.mg-searchform{display:flex;gap:8px}
.mg-searchform input{flex:1;min-width:0;height:52px;padding:2px 20px 0;border:2.5px solid var(--mg-ink);border-radius:99px;background:#fff;font-size:17px}
.mg-searchform input:focus{outline:none;box-shadow:0 0 0 4px var(--mg-accent)}
.mg-searchform button{flex:none;height:52px;padding:2px 22px 0;border:0;border-radius:99px;background:var(--mg-accent);color:var(--mg-on-accent);font:800 15px/1 var(--mg-sans);cursor:pointer}
.mg-searchform button:hover{background:var(--mg-ink);color:#fff}

/* ==========================================================================
   Harta retelei, pe prima pagina
   ========================================================================== */

.mg-hero{position:relative;padding:34px 0 46px;border-bottom:3px solid var(--mg-ink);background:radial-gradient(circle at 1px 1px,var(--mg-dot) 1.3px,transparent 1.5px) 0 0/26px 26px,var(--mg-paper)}
.mg-hero__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);grid-template-rows:auto 1fr;grid-template-areas:"head board" "map board";align-items:start;gap:6px 48px}
.mg-hero--mirror .mg-hero__grid{grid-template-columns:minmax(340px,1fr) minmax(0,1.55fr);grid-template-areas:"board head" "board map"}
.mg-hero--wide .mg-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head head" "map map" "board strip"}
.mg-hero--open .mg-hero__grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);grid-template-rows:none;grid-template-areas:"head head" "board strip"}
.mg-hero__head{grid-area:head;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.mg-hero__kicker{width:100%;display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--mg-muted);font:500 13px/1.3 var(--mg-mono)}
.mg-hero__kicker span{color:var(--mg-ink);font-weight:700}
.mg-hero__title{font:900 clamp(34px,4.4vw,58px)/.98 var(--mg-sans);letter-spacing:-.035em}
.mg-hero__note{color:var(--mg-muted);font:500 13px/1.3 var(--mg-mono)}
.mg-hero__map{grid-area:map;align-self:stretch;display:flex;flex-direction:column;min-width:0}
.mg-map{width:100%;height:auto;margin:auto 0;overflow:visible}
.mg-seg{fill:none;stroke-width:11;stroke-linecap:round;vector-effect:non-scaling-stroke;transform-box:view-box;animation:mg-grow .5s var(--mg-ease) var(--d,0s) both}
.mg-st{transform-box:fill-box;transform-origin:center;animation:mg-pop .4s cubic-bezier(.2,1.6,.4,1) var(--sd,1s) both;cursor:pointer}
.mg-st:focus-visible{outline:none}
.mg-st:focus-visible .mg-st__ring,.mg-st:focus-visible .mg-st__hub{stroke:var(--mg-ink);stroke-width:7}
.mg-st__ring{fill:#fff;stroke:var(--line);stroke-width:4.5;transform-box:fill-box;transform-origin:center;transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.mg-st:hover .mg-st__ring,.mg-st.is-on .mg-st__ring{transform:scale(1.3)}
.mg-st.is-on .mg-st__ring{fill:var(--line)}
.mg-st__pulse{fill:none;stroke:var(--line,var(--mg-ink));stroke-width:2.5;opacity:0;transform-box:fill-box;transform-origin:center}
.mg-st.is-on .mg-st__pulse{animation:mg-pulse 1.8s ease-out infinite}
.mg-st__label{fill:var(--mg-ink);font:700 13.5px/1 var(--mg-sans);letter-spacing:-.01em;paint-order:stroke;stroke:var(--mg-paper);stroke-width:5px;stroke-linejoin:round}
.mg-st.is-on .mg-st__label{font-weight:900}
.mg-st__hub{fill:#fff;stroke:var(--mg-ink);stroke-width:5.5;transform-box:fill-box;transform-origin:center;transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.mg-st--hub:hover .mg-st__hub,.mg-st--hub.is-on .mg-st__hub{transform:scale(1.12)}
.mg-st--hub{--line:var(--mg-ink);animation-delay:.05s}
.mg-st__km{fill:var(--mg-ink);font:700 12px/1 var(--mg-mono);letter-spacing:.1em;paint-order:stroke;stroke:var(--mg-paper);stroke-width:5px}
.mg-tr{transform:translate(var(--x0),var(--y0));animation:mg-run var(--t,10s) linear var(--td,2s) infinite,mg-show .4s linear var(--td,2s) both}
@keyframes mg-show{from{opacity:0}to{opacity:1}}
@keyframes mg-run{0%{transform:translate(var(--x0),var(--y0))}18%{transform:translate(var(--x1),var(--y1))}32%{transform:translate(var(--x2),var(--y2))}46%,54%{transform:translate(var(--x3),var(--y3))}68%{transform:translate(var(--x2),var(--y2))}82%{transform:translate(var(--x1),var(--y1))}100%{transform:translate(var(--x0),var(--y0))}}
.mg-hero.is-stopped .mg-tr,.mg-hero.is-stopped .mg-st__pulse{animation-play-state:paused}
.mg-hero--wide .mg-map{max-width:940px;margin-left:auto;margin-right:auto}
@keyframes mg-pulse{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
.mg-hero__legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;list-style:none}
.mg-hero__legend a{display:inline-flex;align-items:center;min-height:32px}

/* Panoul statiei: un singur articol la vedere, celelalte asteapta in spate. */
.mg-board{grid-area:board;position:relative;align-self:start;min-width:0;padding:20px 20px 16px;border-radius:24px;background:var(--mg-card);box-shadow:0 0 0 3px var(--mg-ink),0 26px 44px -28px rgba(21,23,28,.55)}
.mg-board:focus-visible{outline-offset:6px}
.mg-board__cards{position:relative;display:grid}
.mg-stop{grid-area:1/1;display:flex;flex-direction:column;gap:12px;min-width:0;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.mg-stop.is-on{opacity:1;visibility:visible;transition:opacity .3s}
.mg-stop__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}
.mg-stop__where{color:var(--mg-muted);font:700 13px/1 var(--mg-mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-stop__media{position:relative;display:block;border-radius:16px;overflow:hidden}
.mg-stop__title{font:900 clamp(22px,2vw,28px)/1.08 var(--mg-sans);letter-spacing:-.025em}
.mg-stop__title a:hover{text-decoration:underline;text-decoration-color:var(--line,var(--mg-accent));text-decoration-thickness:4px;text-underline-offset:4px}
.mg-stop__excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--mg-text);font-size:16px;line-height:1.55}
.mg-stop__go{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;min-height:46px;padding:2px 20px 0;border-radius:99px;background:var(--line,var(--mg-ink));color:var(--on-line,#fff);font:800 15px/1 var(--mg-sans);transition:transform .3s var(--mg-ease)}
.mg-stop__go:hover{transform:translateX(4px)}
.mg-board__doors{position:absolute;inset:-4px;z-index:3;overflow:hidden;border-radius:16px;pointer-events:none}
.mg-board__doors::before,.mg-board__doors::after{content:"";position:absolute;top:0;bottom:0;width:50.5%;background:linear-gradient(var(--mg-accent) 0 0) 0 74%/100% 8px no-repeat,linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.06)) 24% 14%/52% 40% no-repeat,linear-gradient(160deg,var(--mg-steel-2),var(--mg-steel));transition:transform .4s var(--mg-snap)}
.mg-board__doors::before{left:0;transform:translateX(-102%);box-shadow:inset -3px 0 0 rgba(0,0,0,.35)}
.mg-board__doors::after{right:0;transform:translateX(102%);box-shadow:inset 3px 0 0 rgba(255,255,255,.18)}
.mg-board.is-closing .mg-board__doors::before,.mg-board.is-closing .mg-board__doors::after{transform:none}
.mg-board__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:3px solid var(--mg-ink)}
.mg-board__btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:2.5px solid var(--mg-ink);border-radius:50%;background:#fff;color:var(--mg-ink);cursor:pointer;transition:background .2s,color .2s}
.mg-board__btn:hover{background:var(--mg-ink);color:#fff}
.mg-board__pos{min-width:48px;color:var(--mg-ink);font:700 15px/1 var(--mg-mono);text-align:center}
.mg-board__next{flex:1;min-width:150px;color:var(--mg-muted);font:500 12.5px/1.3 var(--mg-mono)}
.mg-board__next span{display:block;letter-spacing:.06em;text-transform:uppercase}
.mg-board__next b{color:var(--mg-ink);font:800 15px/1.3 var(--mg-sans)}
.mg-board__play{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:2px 14px 0;border:0;border-radius:99px;background:var(--mg-paper-2);color:var(--mg-ink);font:700 13px/1 var(--mg-sans);cursor:pointer}
.mg-board__play:hover{background:var(--mg-ink);color:#fff}
.mg-board__play{visibility:hidden}
.mg-hero.is-live .mg-board__play{visibility:visible}
.mg-hero.is-still .mg-board__play{visibility:hidden}

/* Linia statiilor: pe telefon, si langa panou cand harta lipseste. */
.mg-hero__strip{grid-area:strip;position:relative;display:none;flex-direction:column;list-style:none;margin-top:4px}
.mg-hero--open .mg-hero__strip,.mg-hero--wide .mg-hero__strip{display:flex}
.mg-hero__strip li{position:relative;padding-left:44px}
.mg-hero__strip li::before{content:"";position:absolute;left:13px;top:0;bottom:0;width:8px;background:var(--line,var(--mg-ink))}
.mg-hero__strip li:first-child::before{top:22px}
.mg-hero__strip li:last-child::before{bottom:auto;height:22px}
.mg-hero__row{display:flex;flex-direction:column;gap:5px;padding:12px 0 14px}
.mg-hero__dot{position:absolute;left:5px;top:12px;width:24px;height:24px;border:5px solid var(--line,var(--mg-ink));border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.2,1.6,.4,1)}
.mg-hero__row.is-on .mg-hero__dot,.mg-hero__row:hover .mg-hero__dot{transform:scale(1.22);background:var(--line,var(--mg-ink))}
.mg-hero__name{color:var(--mg-ink);font:800 17px/1.22 var(--mg-sans);letter-spacing:-.01em}
.mg-hero__row:hover .mg-hero__name{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--line,var(--mg-accent));text-underline-offset:3px}
.mg-hero__meta{display:flex;align-items:center;gap:10px;color:var(--mg-muted);font:500 12.5px/1 var(--mg-mono)}
.mg-hero__meta .mg-line b{min-width:22px;height:22px;font-size:11px}

/* ==========================================================================
   Legenda retelei
   ========================================================================== */

.mg-home__legend{padding-top:72px}
.mg-legend__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;list-style:none}
.mg-legend__line{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:2px 16px 0 12px;overflow:hidden;border-radius:16px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.mg-legend__line::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:6px;background:var(--line);transform:scaleX(.16);transform-origin:0 50%;transition:transform .5s var(--mg-ease)}
.mg-legend__line:hover::before,.mg-legend__line[aria-current]::before{transform:none}
.mg-legend__line .mg-line{flex:1}
.mg-legend__line .mg-line span{white-space:normal}
.mg-legend__count{flex:none;color:var(--mg-muted);font:500 12.5px/1 var(--mg-mono);white-space:nowrap}
.mg-legend__line[aria-current]{box-shadow:0 0 0 3px var(--line)}
.mg-legend--small .mg-legend__list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.mg-legend--small .mg-legend__line{min-height:50px}
.mg-io .mg-legend[data-mg-reveal] .mg-legend__line::before{transform:scaleX(0)}
.mg-io .mg-legend[data-mg-reveal].is-in .mg-legend__line::before{transform:scaleX(.16);transition-delay:.2s}
.mg-io .mg-legend[data-mg-reveal].is-in .mg-legend__line:hover::before{transform:none;transition-delay:0s}

/* ==========================================================================
   Modulele
   ========================================================================== */

.mg-module{margin-top:96px}
.mg-home__modules{padding-bottom:110px}
.mg-module--latest{margin-top:84px}

/* Peronul: carduri cu linia lor deasupra. */
.mg-platform{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 30px}
.mg-card{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:26px 0 0}
.mg-card::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;border-radius:8px;background:var(--line)}
.mg-card::after{content:"";position:absolute;left:14px;top:-7px;width:22px;height:22px;border:5px solid var(--line);border-radius:50%;background:var(--mg-paper);transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.mg-card:hover::after{transform:scale(1.25)}
.mg-card__media{position:relative;display:block;border-radius:16px;overflow:hidden}
.mg-card__body{display:flex;flex-direction:column;gap:10px;min-width:0}
.mg-card__title{font:800 21px/1.18 var(--mg-sans);letter-spacing:-.015em}
.mg-card__title a:hover{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:3px;text-underline-offset:3px}
.mg-card__foot{display:flex;justify-content:space-between;gap:10px;padding-top:10px;border-top:1.5px dashed var(--mg-rule);color:var(--mg-muted);font:500 12.5px/1 var(--mg-mono)}

/* Capat de linie: articolul mare si linia cu statiile urmatoare. */
.mg-terminus{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px 44px;align-items:start}
.mg-terminus--single{grid-template-columns:minmax(0,1fr)}
.mg-terminus__main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px 26px;padding:20px;border-radius:24px;background:var(--mg-card);box-shadow:var(--mg-shadow),inset 0 8px 0 var(--line)}
.mg-terminus__media{position:relative;display:block;border-radius:16px;overflow:hidden;align-self:start;margin-top:8px}
.mg-terminus__body{display:flex;flex-direction:column;gap:12px;min-width:0;padding-top:8px}
.mg-terminus__title{font:900 clamp(26px,2.6vw,34px)/1.06 var(--mg-sans);letter-spacing:-.025em}
.mg-terminus__title a:hover,.mg-junction__title a:hover,.mg-tunnel__title a:hover{text-decoration:underline;text-decoration-thickness:4px;text-decoration-color:var(--line);text-underline-offset:4px}
.mg-spec{display:flex;flex-direction:column;gap:9px;margin:0}
.mg-spec div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1.5px dashed var(--mg-rule)}
.mg-spec dt{color:var(--mg-muted);font:500 12.5px/1.2 var(--mg-mono);letter-spacing:.04em;text-transform:uppercase}
.mg-spec dd{margin:0;color:var(--mg-ink);font:800 15px/1.2 var(--mg-sans);text-align:right;min-width:0}
.mg-spec--row{flex-direction:row;flex-wrap:wrap;gap:8px 22px;margin-top:auto}
.mg-spec--row div{flex-direction:column;align-items:flex-start;gap:4px;padding:0;border:0}
.mg-spec--row dd{text-align:left}
.mg-strip{position:relative;display:flex;flex-direction:column;list-style:none}
.mg-strip__stop{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:16px;align-items:center;padding:14px 0 14px 46px}
.mg-strip__stop::before{content:"";position:absolute;left:13px;top:0;bottom:0;width:8px;background:var(--line)}
.mg-strip__stop:first-child::before{top:50%}
.mg-strip__stop:last-child::before{bottom:50%}
.mg-strip__stop::after{content:"";position:absolute;left:5px;top:50%;width:24px;height:24px;margin-top:-12px;border:5px solid var(--line);border-radius:50%;background:var(--mg-paper);transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.mg-strip__stop:hover::after{transform:scale(1.25);background:var(--line)}
.mg-strip__text{display:flex;flex-direction:column;gap:6px;min-width:0}
.mg-strip__title{font:800 17.5px/1.22 var(--mg-sans);letter-spacing:-.01em}
.mg-strip__title a:hover{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:3px}
.mg-strip__thumb{display:block;width:84px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px var(--mg-paper),0 0 0 7px var(--line)}

/* Nodul: doua linii care se incruciseaza in spatiul dintre cele patru articole mici, cu statia de
   corespondenta la intersectie; articolul mare sta la capatul liniei orizontale. */
.mg-junction{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:34px}
.mg-junction__lines{display:contents}
.mg-junction__lines i,.mg-junction__lines b{position:relative;z-index:0;grid-column:2/4;grid-row:1/3;pointer-events:none}
.mg-junction__lines i:first-child{align-self:center;height:10px;margin:0 calc(-1 * var(--mg-gut)) 0 -34px;border-radius:10px 0 0 10px;background:var(--line,var(--mg-red))}
.mg-junction__lines i:nth-child(2){justify-self:center;width:10px;margin:-30px 0;border-radius:10px;background:var(--mg-ink)}
.mg-junction__lines b{place-self:center;width:40px;height:40px;border:7px solid var(--mg-ink);border-radius:50%;background:var(--mg-paper)}
.mg-junction__main{position:relative;z-index:1;grid-column:1;grid-row:1/3;display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:24px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.mg-junction__item{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:20px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.mg-junction__item:nth-child(3){grid-column:2;grid-row:1}
.mg-junction__item:nth-child(4){grid-column:3;grid-row:1}
.mg-junction__item:nth-child(5){grid-column:2;grid-row:2}
.mg-junction__item:nth-child(6){grid-column:3;grid-row:2}
.mg-junction__media,.mg-junction__thumb{position:relative;display:block;border-radius:16px;overflow:hidden}
.mg-junction__body{display:flex;flex-direction:column;gap:12px;padding:4px}
.mg-junction__title{font:900 clamp(26px,2.4vw,34px)/1.06 var(--mg-sans);letter-spacing:-.025em}
.mg-junction__text{display:flex;flex-direction:column;gap:8px;padding:0 4px 4px}
.mg-junction__item-title{font:800 18px/1.2 var(--mg-sans)}
.mg-junction__item-title a:hover{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:3px}
.mg-junction--1{grid-template-columns:minmax(0,1fr)}
.mg-junction--1 .mg-junction__lines,.mg-junction--2 .mg-junction__lines i:nth-child(2),.mg-junction--2 .mg-junction__lines b,.mg-junction--3 .mg-junction__lines i:nth-child(2),.mg-junction--3 .mg-junction__lines b{display:none}
.mg-junction--2 .mg-junction__lines i:first-child,.mg-junction--3 .mg-junction__lines i:first-child{grid-row:1}

/* Placutele de statie. */
.mg-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.mg-sign{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start;padding:16px;border-radius:22px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.mg-sign__media{position:relative;display:block;border-radius:14px;overflow:hidden}
.mg-sign__body{display:flex;flex-direction:column;gap:10px;min-width:0}
.mg-sign__plate{display:flex;align-items:center;gap:10px;min-height:44px;padding:2px 14px 0 6px;border-radius:12px;background:var(--mg-ink);box-shadow:inset 0 -6px 0 var(--line);color:#fff;font:900 17px/1 var(--mg-sans);letter-spacing:.01em;text-transform:uppercase;overflow:hidden}
.mg-sign__plate b{display:inline-grid;place-items:center;flex:none;min-width:30px;height:30px;padding:1px 6px 0;border-radius:99px;background:var(--line);color:var(--on-line);font:900 14px/1 var(--mg-sans)}
.mg-sign__plate b:empty{display:none}
.mg-sign__plate span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:4px}
.mg-sign__title{font:800 20px/1.2 var(--mg-sans)}
.mg-sign__title a:hover{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:3px}
.mg-sign .mg-excerpt{font-size:16px}

/* Clasamentul: locurile pe aceeasi linie, in cercurile liniilor. */
.mg-rank{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;list-style:none}
.mg-rank__item{position:relative;min-width:0}
.mg-rank__link{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto 1fr;gap:6px 18px;height:100%;padding:20px 20px 20px 22px;border-radius:22px;background:var(--mg-card);box-shadow:var(--mg-shadow);transition:transform .35s var(--mg-ease)}
.mg-rank__link:hover{transform:translateY(-4px)}
.mg-rank__no{grid-row:span 2;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--line);color:var(--on-line);font:900 36px/1 var(--mg-sans);letter-spacing:-.04em;box-shadow:0 0 0 5px var(--mg-card),0 0 0 8px var(--line);transition:transform .4s cubic-bezier(.2,1.6,.4,1)}
.mg-rank__link:hover .mg-rank__no{transform:rotate(-8deg) scale(1.06)}
.mg-rank__title{color:var(--mg-ink);font:800 18px/1.22 var(--mg-sans);letter-spacing:-.01em}
.mg-rank__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;align-self:end}
.mg-rank__value{color:var(--mg-muted);font:500 12.5px/1 var(--mg-mono)}

/* Statiile: doua coloane de titluri, ca doua linii. */
.mg-stops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.mg-stops__line{display:flex;flex-direction:column;list-style:none}
.mg-stops__stop{position:relative;display:flex;flex-direction:column;gap:7px;padding:16px 0 18px 50px;border-bottom:1.5px dashed var(--mg-rule)}
.mg-stops__stop::before{content:"";position:absolute;left:13px;top:0;bottom:-1.5px;width:8px;background:var(--line)}
.mg-stops__stop:first-child::before{top:26px}
.mg-stops__stop:last-child::before{bottom:auto;height:26px}
.mg-stops__stop:last-child{border-bottom:0}
.mg-stops__stop::after{content:"";position:absolute;left:5px;top:16px;width:24px;height:24px;border:5px solid var(--line);border-radius:50%;background:var(--mg-paper);transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.mg-stops__stop:hover::after{transform:scale(1.25);background:var(--line)}
.mg-stops__title{font:800 19px/1.22 var(--mg-sans)}
.mg-stops__title a:hover{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:3px}

/* Trenul: vagoane cuplate, derulate lateral. */
.mg-train{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:22px;margin:0 calc(-1 * var(--mg-gut));padding:8px var(--mg-gut) 26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--mg-gut);scrollbar-width:thin;scrollbar-color:var(--mg-ink) transparent}
.mg-train:focus-visible{outline-offset:-3px}
.mg-train.has-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 60px);mask-image:linear-gradient(90deg,transparent,#000 60px)}
.mg-train.has-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 60px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 60px),transparent)}
.mg-train.has-l.has-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 60px),transparent);mask-image:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 60px),transparent)}
.mg-wagon{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px 14px 30px;border-radius:22px 22px 14px 14px;background:linear-gradient(180deg,#fff,#f0efea);box-shadow:inset 0 0 0 2.5px var(--mg-ink),var(--mg-shadow);scroll-snap-align:start;transition:transform .35s var(--mg-ease)}
.mg-wagon:first-child{border-top-left-radius:60px}
.mg-wagon:hover{transform:translateY(-4px)}
.mg-wagon+.mg-wagon::before{content:"";position:absolute;left:-24px;bottom:22px;width:26px;height:10px;border-radius:4px;background:var(--mg-ink)}
.mg-wagon__media{position:relative;display:block;border-radius:12px;overflow:hidden;box-shadow:0 0 0 4px #fff,0 0 0 6.5px var(--mg-ink)}
.mg-wagon:first-child .mg-wagon__media{border-top-left-radius:44px}
.mg-wagon__body{display:flex;flex-direction:column;gap:8px;padding:4px 2px 0}
.mg-wagon__title{font:800 18px/1.22 var(--mg-sans)}
.mg-wagon__title a:hover{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:3px}
.mg-wagon__stripe{position:absolute;left:2.5px;right:2.5px;bottom:12px;height:8px;background:var(--line)}

/* Afisele din statie. */
.mg-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.mg-posters--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mg-posters--1{grid-template-columns:minmax(0,520px)}
.mg-poster__link{display:flex;flex-direction:column;gap:0;height:100%;border-radius:18px;background:linear-gradient(145deg,#d8dbe0,#a9aeb6 45%,#cfd3d9);padding:12px;box-shadow:var(--mg-shadow)}
.mg-poster__frame{position:relative;display:block;overflow:hidden;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.mg-poster__frame .mg-frame img{transition:transform 1s var(--mg-ease)}
.mg-poster__link:hover .mg-frame img{transform:translateY(-3%) scale(1.06)}
.mg-poster__label{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:16px;border-radius:10px;background:#fff;box-shadow:inset 0 6px 0 var(--line)}
.mg-poster__title{color:var(--mg-ink);font:900 21px/1.12 var(--mg-sans);letter-spacing:-.02em}
.mg-poster__link:hover .mg-poster__title{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:3px}
.mg-poster__meta{color:var(--mg-muted);font:500 12.5px/1 var(--mg-mono)}

/* Durata calatoriei. */
.mg-trips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.mg-trip{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;background:var(--mg-card);box-shadow:var(--mg-shadow),inset 0 0 0 2.5px var(--mg-ink);transition:transform .35s var(--mg-ease)}
.mg-trip:hover{transform:translateY(-4px)}
.mg-trip__head{display:flex;justify-content:space-between;gap:10px;color:var(--mg-muted);font:500 12px/1.2 var(--mg-mono);letter-spacing:.04em;text-transform:uppercase}
.mg-trip__min{display:flex;align-items:baseline;gap:8px;color:var(--mg-ink);font:900 78px/.85 var(--mg-sans);letter-spacing:-.05em}
.mg-trip__min small{color:var(--mg-muted);font:800 22px/1 var(--mg-sans);letter-spacing:0}
.mg-trip__stops{position:relative;display:flex;justify-content:space-between;align-items:center;height:22px}
.mg-trip__stops::before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:6px;background:var(--line)}
.mg-trip__stops i{position:relative;width:12px;height:12px;border:3px solid var(--line);border-radius:50%;background:#fff}
.mg-trip__stops i:first-child,.mg-trip__stops i:last-child{width:18px;height:18px;border-width:4px}
.mg-io .mg-trips[data-mg-reveal] .mg-trip__stops::before{transform:scaleX(0);transform-origin:0 50%;transition:transform 1.2s var(--mg-ease) .2s}
.mg-io .mg-trips[data-mg-reveal].is-in .mg-trip__stops::before{transform:none}
.mg-trip__title{color:var(--mg-ink);font:800 19px/1.22 var(--mg-sans)}
.mg-trip:hover .mg-trip__title{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:3px}
.mg-trip__meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:auto;color:var(--mg-muted);font:500 12.5px/1.3 var(--mg-mono)}

/* Tunelul: fondul de noapte, cu semnalele aprinse. */
.mg-tunnel{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px 46px;padding:34px;overflow:hidden;border-radius:28px;background:radial-gradient(120% 90% at 0% 0%,#2a2f3a 0,transparent 55%),radial-gradient(80% 80% at 100% 100%,#232835 0,transparent 60%),var(--mg-night);color:var(--mg-on-night)}
.mg-tunnel--single{grid-template-columns:minmax(0,1fr)}
.mg-tunnel__lights{position:absolute;left:0;right:0;top:18px;height:6px;background:repeating-linear-gradient(90deg,rgba(255,214,120,.55) 0 22px,transparent 22px 120px);opacity:.6;pointer-events:none}
.mg-tunnel__main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.mg-tunnel__media{position:relative;display:block;border-radius:18px;overflow:hidden;box-shadow:0 0 0 3px var(--line)}
.mg-tunnel__body{display:flex;flex-direction:column;gap:12px}
.mg-tunnel__title{color:var(--mg-on-night);font:900 clamp(26px,2.5vw,34px)/1.06 var(--mg-sans);letter-spacing:-.025em}
.mg-tunnel .mg-excerpt{color:var(--mg-on-night-muted)}
.mg-tunnel .mg-card-head__date{color:var(--mg-on-night-muted)}
.mg-tunnel__list{position:relative;display:flex;flex-direction:column;gap:0;list-style:none;counter-reset:mg-sig}
.mg-tunnel__item{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 0 20px 60px;border-bottom:1px solid var(--mg-night-line);counter-increment:mg-sig}
.mg-tunnel__item:last-child{border-bottom:0}
.mg-tunnel__item::before{content:counter(mg-sig);position:absolute;left:0;top:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--line);color:var(--on-line);font:900 19px/1 var(--mg-sans);box-shadow:0 0 0 4px var(--mg-night),0 0 24px 4px var(--line)}
.mg-tunnel__item-title{color:var(--mg-on-night);font:800 19px/1.22 var(--mg-sans)}
.mg-tunnel__item-title a:hover{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:3px}
.mg-tunnel .mg-line{color:var(--mg-on-night)}

/* Liniile revistei: patru blocuri, fiecare cu banda liniei lui. */
.mg-lines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.mg-lineblock{display:flex;flex-direction:column;gap:14px;min-width:0;padding:0 0 16px;overflow:hidden;border-radius:22px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.mg-lineblock__head a{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:16px 16px 18px;background:var(--line);color:var(--on-line)}
.mg-lineblock__head b{grid-row:span 2;display:grid;place-items:center;min-width:46px;height:46px;padding:2px 8px 0;border-radius:99px;background:var(--on-line);color:var(--line);font:900 21px/1 var(--mg-sans);transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.mg-lineblock__head a:hover b{transform:scale(1.1)}
.mg-lineblock__name{font:900 19px/1.1 var(--mg-sans);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis}
.mg-lineblock__count{font:600 12px/1.2 var(--mg-mono)}
.mg-lineblock__main{display:flex;flex-direction:column;gap:10px;padding:0 16px}
.mg-lineblock__media{position:relative;display:block;border-radius:14px;overflow:hidden}
.mg-lineblock__title{font:800 18px/1.2 var(--mg-sans)}
.mg-lineblock__title a:hover,.mg-lineblock__item a:hover{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:3px}
.mg-lineblock__list{display:flex;flex-direction:column;gap:0;margin:0 16px;list-style:none}
.mg-lineblock__list li{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px 0 12px 30px}
.mg-lineblock__list li::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:6px;background:var(--line)}
.mg-lineblock__list li::after{content:"";position:absolute;left:1px;top:14px;width:18px;height:18px;border:4px solid var(--line);border-radius:50%;background:#fff}
.mg-lineblock__list li:last-child::before{bottom:auto;height:22px}
.mg-lineblock__item{color:var(--mg-ink);font:700 16px/1.25 var(--mg-sans)}
.mg-lineblock__more{display:inline-flex;align-items:center;gap:8px;margin:auto 16px 0;padding-top:6px;color:var(--mg-ink);font:800 14px/1.3 var(--mg-sans)}
.mg-lineblock__more:hover{color:var(--line)}

/* ==========================================================================
   Articolul
   ========================================================================== */

.mg-article-head{padding-top:30px}
.mg-article-head .mg-breadcrumbs{margin-bottom:30px}
.mg-station{position:relative;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,3fr);gap:24px 54px;padding:0 0 44px}
.mg-station--page{grid-template-columns:minmax(0,1fr);margin-top:42px;padding-bottom:40px}
.mg-station__main{display:flex;flex-direction:column;gap:20px;min-width:0}
.mg-station__line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;min-height:42px}
.mg-station__badge{display:inline-flex;min-width:0;max-width:100%}
.mg-station__no{color:var(--mg-muted);font:500 13px/1 var(--mg-mono);letter-spacing:.04em}
.mg-article-title{font:900 clamp(36px,5.4vw,70px)/1 var(--mg-sans);letter-spacing:-.04em}
.mg-rise{display:inline}
.mg-standfirst{color:var(--mg-text);font:400 clamp(19px,1.8vw,23px)/1.5 var(--mg-sans)}
.mg-station__info{display:flex;flex-direction:column;gap:14px;padding:18px 20px;align-self:start;border-radius:20px;background:var(--mg-ink);color:var(--mg-on-night)}
.mg-station__label{display:flex;align-items:center;gap:10px;color:var(--mg-on-night);font:800 13px/1 var(--mg-sans);letter-spacing:.08em;text-transform:uppercase}
.mg-station__label::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--line,var(--mg-accent));box-shadow:0 0 0 3px var(--mg-ink),0 0 0 5px var(--line,var(--mg-accent))}
.mg-spec--board div{border-bottom-color:var(--mg-night-line)}
.mg-spec--board div:last-child{border-bottom:0;padding-bottom:0}
.mg-spec--board dt{color:var(--mg-on-night-muted)}
.mg-spec--board dd{color:var(--mg-on-night)}
.mg-spec--board .mg-line{color:var(--mg-on-night);font-size:14px}
.mg-station .mg-track{bottom:0}
.mg-station .mg-track,.mg-archive-head .mg-track{animation:mg-dash .9s var(--mg-ease) .1s both}
.mg-updated{margin-top:-6px}
.mg-figure{margin-top:40px}
.mg-figure__photo{position:relative;display:block;overflow:hidden;border-radius:28px;box-shadow:0 0 0 3px var(--mg-ink),var(--mg-shadow)}
.mg-figure .mg-doors{border-radius:28px}
.mg-figure .mg-doors::before{animation:mg-door-l 1s var(--mg-snap) .25s both}
.mg-figure .mg-doors::after{animation:mg-door-r 1s var(--mg-snap) .25s both}
@keyframes mg-door-l{from{transform:none}to{transform:translateX(-101%)}}
@keyframes mg-door-r{from{transform:none}to{transform:translateX(101%)}}
.mg-figure figcaption{margin-top:12px;color:var(--mg-muted);font:500 13.5px/1.45 var(--mg-mono)}
.mg-article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px) minmax(0,1fr);gap:0 40px;padding-top:56px}
.mg-article>.mg-body{grid-column:2}
.mg-article--page{padding-top:44px}
.mg-body{display:flex;flex-direction:column;gap:34px;min-width:0;padding-bottom:40px}

/* Cuprinsul din margine: statiile articolului. */
.mg-toc{display:none}
@media (min-width:1280px){
	.mg-toc-ready .mg-toc{display:block;grid-column:1;grid-row:1}
	.mg-toc-ready .osite-brief.mg-brief--toc-only,.mg-toc-ready .osite-brief__toc{display:none}
}
.mg-toc__inner{position:sticky;top:116px;max-width:250px;margin-left:auto}
.mg-toc__title{margin-bottom:12px;color:var(--mg-ink);font:800 13px/1 var(--mg-sans);letter-spacing:.08em;text-transform:uppercase}
.mg-toc__list{position:relative;display:flex;flex-direction:column;list-style:none}
.mg-toc__list li{position:relative;padding-left:34px}
.mg-toc__list li::before{content:"";position:absolute;left:9px;top:0;bottom:0;width:6px;background:var(--line,var(--mg-ink))}
.mg-toc__list li:first-child::before{top:16px}
.mg-toc__list li:last-child::before{bottom:auto;height:16px}
.mg-toc__list a{display:block;padding:7px 0;color:var(--mg-muted);font-size:15px;line-height:1.3;transition:color .2s}
.mg-toc__list a::before{content:"";position:absolute;left:3px;top:8px;width:18px;height:18px;border:4px solid var(--line,var(--mg-ink));border-radius:50%;background:var(--mg-paper);transition:transform .35s cubic-bezier(.2,1.6,.4,1),background .2s}
.mg-toc__list a:hover{color:var(--mg-ink)}
.mg-toc__list a.is-active{color:var(--mg-ink);font-weight:800}
.mg-toc__list a.is-active::before{background:var(--line,var(--mg-ink));transform:scale(1.25)}
.mg-toc__list .mg-toc--h3 a{padding-left:4px;font-size:14px}
.mg-toc__list .mg-toc--h3 a::before{left:7px;top:13px;width:10px;height:10px;border-width:3px}

/* Linia de lectura: un tren care inainteaza cat citesti. */
.mg-readline{display:none}
@supports (animation-timeline:scroll()){
	.mg-readline{position:fixed;left:0;right:0;bottom:0;z-index:40;display:block;height:16px;pointer-events:none;background:linear-gradient(var(--mg-rule) 0 0) 0 9px/100% 4px no-repeat}
	.mg-readline__fill{position:absolute;left:0;right:0;top:7px;height:8px;border-radius:0 8px 8px 0;background:var(--line,var(--mg-accent));transform:scaleX(0);transform-origin:0 50%;animation:mg-read-fill linear both;animation-timeline:scroll(root)}
	.mg-readline__train{position:absolute;left:0;top:1px;width:34px;height:14px;border-radius:7px 10px 4px 4px;background:var(--mg-ink);box-shadow:inset -14px 0 0 -9px var(--mg-ink),inset 0 0 0 3px var(--mg-ink),inset 6px 4px 0 -1px #fff;animation:mg-read-train linear both;animation-timeline:scroll(root)}
	@keyframes mg-read-fill{to{transform:scaleX(1)}}
	@keyframes mg-read-train{to{transform:translateX(calc(100vw - 34px))}}
	.mg-still .mg-readline{display:none}
}

/* Textul articolului. */
.mg-prose{color:var(--mg-text);font-size:19px;line-height:1.72;overflow-wrap:break-word}
.mg-prose>*{max-width:100%}
.mg-prose>*+*{margin-top:1.15em}
.mg-prose a{color:var(--mg-ink);text-decoration:underline;text-decoration-color:var(--line,var(--mg-accent));text-decoration-thickness:3px;text-underline-offset:3px;transition:background .2s,color .2s}
.mg-prose a:hover{background:var(--line,var(--mg-accent));color:var(--on-line,#fff)}
.mg-prose h2{position:relative;margin-top:2.2em;padding-top:28px;font:900 clamp(28px,3.2vw,38px)/1.08 var(--mg-sans);letter-spacing:-.025em}
.mg-prose h2::before{content:"";position:absolute;left:0;top:4px;width:72px;height:8px;border-radius:8px;background:var(--line,var(--mg-ink))}
.mg-prose h2::after{content:"";position:absolute;left:64px;top:-3px;width:22px;height:22px;border:5px solid var(--line,var(--mg-ink));border-radius:50%;background:var(--mg-paper);box-sizing:border-box}
.mg-prose h3{margin-top:1.8em;font:800 24px/1.2 var(--mg-sans)}
.mg-prose h4{margin-top:1.6em;font:800 19px/1.3 var(--mg-sans)}
.mg-prose h2+*,.mg-prose h3+*,.mg-prose h4+*{margin-top:.6em}
.mg-prose b,.mg-prose strong{color:var(--mg-ink);font-weight:800}
.mg-prose ol,.mg-prose ul{padding-left:0;list-style:none}
.mg-prose li{position:relative;padding-left:32px}
.mg-prose li+li{margin-top:.5em}
.mg-prose ul>li::before{content:"";position:absolute;left:2px;top:.42em;width:16px;height:16px;border:4px solid var(--line,var(--mg-ink));border-radius:50%;background:#fff;box-sizing:border-box}
.mg-prose ol{counter-reset:mg-ol}
.mg-prose ol>li{counter-increment:mg-ol;padding-left:46px}
.mg-prose ol>li::before{content:counter(mg-ol);position:absolute;left:0;top:.1em;display:grid;place-items:center;min-width:32px;height:32px;padding:2px 6px 0;border-radius:99px;background:var(--line,var(--mg-ink));color:var(--on-line,#fff);font:900 15px/1 var(--mg-sans)}
.mg-prose .wp-block-quote,.mg-prose blockquote{position:relative;margin:2em 0;padding:30px 30px 28px 34px;border-radius:22px;background:var(--mg-ink);color:var(--mg-on-night);font:500 22px/1.45 var(--mg-sans)}
.mg-prose blockquote::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:8px;border-radius:0 8px 8px 0;background:var(--line,var(--mg-accent))}
.mg-prose blockquote p{color:var(--mg-on-night)}
.mg-prose blockquote p+p{margin-top:.6em}
.mg-prose blockquote a{color:var(--mg-on-night)}
.mg-prose blockquote cite{display:block;margin-top:12px;color:var(--mg-on-night-muted);font:500 13px/1.3 var(--mg-mono);font-style:normal;letter-spacing:.04em;text-transform:uppercase}
.mg-prose .wp-block-pullquote{padding:0;border:0;text-align:left}
.mg-prose figure{margin:2em 0}
.mg-prose img{height:auto;border-radius:12px}
.mg-prose .wp-element-caption,.mg-prose figcaption{margin-top:10px;color:var(--mg-muted);font:500 13.5px/1.45 var(--mg-mono)}
.mg-prose .alignwide{width:min(1080px,calc(100vw - 2 * var(--mg-gut)));max-width:none;margin-left:50%;transform:translateX(-50%)}
.mg-prose .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}
.mg-prose .alignfull img{border-radius:0}
.mg-prose .alignleft{float:left;max-width:48%;margin:.4em 28px 1em 0}
.mg-prose .alignright{float:right;max-width:48%;margin:.4em 0 1em 28px}
.mg-prose .aligncenter{margin-left:auto;margin-right:auto}
.mg-prose embed,.mg-prose iframe,.mg-prose object,.mg-prose video{max-width:100%;border:0;border-radius:12px}
/* Clipurile vechi in Flash nu mai pornesc in niciun browser; raman doar o cutie goala, mai lata decat telefonul. */
.mg-prose object[type="application/x-shockwave-flash"],.mg-prose embed[type="application/x-shockwave-flash"]{display:none}
.mg-prose .video-container{position:relative;aspect-ratio:16/9}
.mg-prose .video-container iframe{position:absolute;inset:0;width:100%;height:100%}
.mg-prose table{width:100%;border-collapse:collapse;font-size:16px}
.mg-prose .wp-block-table{overflow-x:auto}
.mg-prose .wp-block-table table{min-width:520px}
.mg-prose td,.mg-prose th{padding:12px 14px;border-bottom:1.5px dashed var(--mg-rule);text-align:left;vertical-align:top}
.mg-prose thead th{background:var(--mg-ink);color:#fff;font:800 13px/1.3 var(--mg-sans);letter-spacing:.04em;text-transform:uppercase;border-bottom:0}
.mg-prose thead th:first-child{border-radius:12px 0 0 0}
.mg-prose thead th:last-child{border-radius:0 12px 0 0}
.mg-prose tbody tr:nth-child(even){background:rgba(21,23,28,.035)}
.mg-prose code,.mg-prose kbd{padding:2px 6px;border-radius:6px;background:var(--mg-paper-2);font:500 .86em/1.4 var(--mg-mono)}
.mg-prose kbd{border:1px solid var(--mg-rule);box-shadow:0 2px 0 var(--mg-rule)}
.mg-prose pre{overflow-x:auto;padding:22px;border-radius:16px;background:var(--mg-night);color:var(--mg-on-night);font:500 14.5px/1.6 var(--mg-mono)}
.mg-prose pre code{padding:0;background:none;color:inherit;font-size:inherit}
.mg-codeblock{position:relative}
.mg-codeblock__copy{position:absolute;right:12px;top:12px;padding:8px 12px 7px;border:0;border-radius:99px;background:var(--mg-steel);color:#fff;font:800 12px/1 var(--mg-sans);cursor:pointer}
.mg-codeblock__copy.is-done,.mg-codeblock__copy:hover{background:var(--mg-accent);color:var(--mg-on-accent)}
.mg-prose .wp-block-separator,.mg-prose hr{position:relative;height:8px;margin:2.6em 0;border:0;border-radius:8px;background:var(--line,var(--mg-ink));opacity:1;overflow:visible}
.mg-prose .wp-block-separator::after,.mg-prose hr::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:5px solid var(--line,var(--mg-ink));border-radius:50%;background:var(--mg-paper);box-sizing:border-box}
.mg-prose .wp-block-button__link{display:inline-flex;align-items:center;min-height:52px;padding:2px 24px 0;border-radius:99px;background:var(--line,var(--mg-accent));color:var(--on-line,#fff);font:800 15px/1 var(--mg-sans);text-decoration:none}
.mg-prose .wp-block-button__link:hover{background:var(--mg-ink);color:#fff}
.mg-prose .is-style-outline .wp-block-button__link{background:transparent;color:var(--mg-ink);box-shadow:inset 0 0 0 2.5px var(--mg-ink)}
.mg-prose .wp-block-gallery{gap:12px}
.mg-prose .has-drop-cap:not(:focus)::first-letter{float:left;display:grid;margin:.06em .14em 0 0;padding:.12em .2em 0;border-radius:99px;background:var(--line,var(--mg-ink));color:var(--on-line,#fff);font:900 2.6em/.9 var(--mg-sans)}
.mg-prose .wp-block-details{padding:16px 20px;border-radius:16px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.mg-prose .wp-block-details summary{cursor:pointer;font-weight:800}

/* Casetele pluginului OptimizareSite: panoul de informatii, sursele, mentiunile. */
.osite-brief{position:relative;display:flex;flex-direction:column;gap:16px;padding:30px 28px 26px;border-radius:24px;background:var(--mg-card);box-shadow:var(--mg-shadow),inset 0 8px 0 var(--line,var(--mg-accent))}
.osite-brief::before{content:"i";position:absolute;right:22px;top:-18px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--mg-blue);color:#fff;font:900 22px/1 Georgia,serif;font-style:italic;box-shadow:0 0 0 4px var(--mg-paper)}
.osite-brief>*{margin:0}
.osite-brief__label{color:var(--mg-muted);font:700 12.5px/1.2 var(--mg-mono);letter-spacing:.06em;text-transform:uppercase}
.osite-brief__label--question{color:var(--mg-ink);font:900 22px/1.22 var(--mg-sans);letter-spacing:-.015em;text-transform:none}
.osite-brief__text{color:var(--mg-ink);font-size:19px;line-height:1.6}
.osite-brief__points ul{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}
.osite-brief__points li{position:relative;padding-left:32px;line-height:1.5}
.osite-brief__points li::before{content:"";position:absolute;left:0;top:.3em;width:18px;height:18px;border-radius:50%;background:var(--line,var(--mg-green))}
.osite-brief__points li::after{content:"";position:absolute;left:5px;top:calc(.3em + 5px);width:8px;height:4px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg)}
.osite-brief__toc{padding-top:16px;border-top:1.5px dashed var(--mg-rule)}
.osite-brief__toc:first-child{padding-top:0;border-top:0}
.osite-brief__toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;list-style:none;padding:0;counter-reset:mg-bt}
.osite-brief__toc li{position:relative;padding-left:38px;counter-increment:mg-bt}
.osite-brief__toc a{display:block;padding:6px 0;color:var(--mg-ink);font-size:16px;line-height:1.35}
.osite-brief__toc a::before{content:counter(mg-bt);position:absolute;left:0;top:4px;display:grid;place-items:center;min-width:28px;height:28px;padding:2px 5px 0;border-radius:99px;background:var(--line,var(--mg-ink));color:var(--on-line,#fff);font:900 13px/1 var(--mg-sans)}
.osite-brief__toc a:hover{text-decoration:underline;text-decoration-color:var(--line,var(--mg-accent));text-decoration-thickness:3px}
.osite-brief__toc .osite-toc__item--h3{counter-increment:none}
.osite-brief__toc .osite-toc__item--h3 a{padding-left:10px;font-size:15px}
.osite-brief__toc .osite-toc__item--h3 a::before{content:"";top:13px;left:9px;min-width:0;width:10px;height:10px;padding:0;border:3px solid var(--line,var(--mg-ink));background:#fff}
.osite-freshness{display:flex;flex-wrap:wrap;gap:8px}
.osite-freshness__item{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 6px;border-radius:99px;background:var(--mg-paper-2);color:var(--mg-ink);font:600 12.5px/1.2 var(--mg-mono)}
.osite-sponsored{padding:14px 18px;border-radius:16px;background:var(--mg-orange);color:var(--mg-ink);font:800 15px/1.4 var(--mg-sans)}
.osite-mentions,.osite-sources{position:relative;padding:24px 26px;border-radius:22px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.osite-sources__title,.osite-mentions__title{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--mg-ink);font:800 13px/1.2 var(--mg-sans);letter-spacing:.08em;text-transform:uppercase}
.osite-sources__title::before,.osite-mentions__title::before{content:"";width:22px;height:8px;border-radius:8px;background:var(--line,var(--mg-ink))}
.osite-sources__list{display:flex;flex-direction:column;list-style:none;padding:0;counter-reset:mg-src}
.osite-sources__list li{position:relative;padding:9px 0 9px 44px;border-bottom:1.5px dashed var(--mg-rule);counter-increment:mg-src;font-size:16px;line-height:1.45}
.osite-sources__list li:last-child{border-bottom:0}
.osite-sources__list li::before{content:counter(mg-src);position:absolute;left:0;top:8px;display:grid;place-items:center;min-width:28px;height:28px;padding:2px 5px 0;border-radius:99px;background:var(--mg-ink);color:#fff;font:800 13px/1 var(--mg-sans)}
.osite-sources__list a{color:var(--mg-ink);text-decoration:underline;text-decoration-color:var(--line,var(--mg-accent));text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}
.osite-sources__list a:hover{background:var(--line,var(--mg-accent));color:var(--on-line,#fff)}
.osite-mentions+.osite-sources{margin-top:18px}
.osite-mentions__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;list-style:none;padding:0}
.osite-mention{min-width:0}
.osite-mention__card{display:flex;align-items:flex-start;gap:12px;height:100%;padding:12px;border-radius:16px;background:var(--mg-paper);color:var(--mg-text);transition:transform .3s var(--mg-ease),box-shadow .2s}
a.osite-mention__card:focus-visible,a.osite-mention__card:hover{box-shadow:inset 0 0 0 2.5px var(--mg-ink);transform:translateY(-3px)}
a.osite-mention__card:hover .osite-mention__name{text-decoration:underline;text-decoration-color:var(--line,var(--mg-accent));text-decoration-thickness:3px}
.osite-mention__mark{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--mg-ink);color:#fff;font:900 15px/1 var(--mg-sans)}
.osite-mention__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.osite-mention__name{color:var(--mg-ink);font-weight:800;line-height:1.3}
.osite-mention__desc{color:var(--mg-muted);font-size:15px;line-height:1.4}
.osite-mention__host{color:var(--mg-muted);font:500 12px/1.3 var(--mg-mono)}
.osite-mentions__note{margin-top:12px;color:var(--mg-muted);font-size:14px}
.osite-prefsrc__link{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:2px 20px 0;border-radius:99px;box-shadow:inset 0 0 0 2.5px var(--mg-ink);color:var(--mg-ink);font:800 14px/1 var(--mg-sans);transition:background .2s,color .2s}
.osite-prefsrc__link:hover{background:var(--mg-ink);color:#fff}
.osite-prefsrc__icon{width:20px;height:20px}

/* Finalul articolului. */
.mg-share{display:flex;flex-direction:column;gap:14px;padding-top:30px;border-top:3px solid var(--mg-ink)}
.mg-share__title{color:var(--mg-ink);font:800 13px/1.2 var(--mg-sans);letter-spacing:.08em;text-transform:uppercase}
.mg-share__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.mg-share__button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:2px 16px 0 10px;border:0;border-radius:99px;background:var(--mg-card);box-shadow:inset 0 0 0 2.5px var(--mg-ink);color:var(--mg-ink);font:800 13.5px/1 var(--mg-sans);cursor:pointer;transition:transform .3s var(--mg-ease),background .2s,color .2s}
.mg-share__button svg{flex:none;width:26px;height:26px;padding:5px;border-radius:50%;background:var(--mg-ink);color:#fff}
.mg-share__list li:nth-child(4n+1) .mg-share__button svg{background:var(--mg-red)}
.mg-share__list li:nth-child(4n+2) .mg-share__button svg{background:var(--mg-blue)}
.mg-share__list li:nth-child(4n+3) .mg-share__button svg{background:var(--mg-green)}
.mg-share__list li:nth-child(4n+4) .mg-share__button svg{background:#b05a00}
.mg-share__button:hover{transform:translateY(-3px);background:var(--mg-ink);color:#fff}
.mg-share__copy.is-done{background:var(--mg-ink)!important;color:#fff}
.mg-tags{display:flex;flex-wrap:wrap;gap:8px}
.mg-tags a{display:inline-flex;align-items:center;min-height:36px;padding:2px 14px 0;border-radius:99px;background:var(--mg-paper-2);color:var(--mg-ink);font:600 13px/1 var(--mg-mono)}
.mg-tags a::before{content:"#";margin-right:4px;color:var(--mg-muted)}
.mg-tags a:hover{background:var(--mg-ink);color:#fff}
.mg-author{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:start;padding:24px;border-radius:24px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.mg-author__photo{width:96px;height:96px;border-radius:50%;object-fit:cover;font-size:28px;box-shadow:0 0 0 4px var(--mg-card),0 0 0 8px var(--line,var(--mg-ink))}
.mg-author__label{color:var(--mg-muted);font:600 12.5px/1.2 var(--mg-mono);letter-spacing:.06em;text-transform:uppercase}
.mg-author__name{margin-top:8px;font:900 28px/1.1 var(--mg-sans);letter-spacing:-.02em}
.mg-author__name a:hover{text-decoration:underline;text-decoration-color:var(--line,var(--mg-accent));text-decoration-thickness:4px}
.mg-author__bio{margin-top:8px;color:var(--mg-text);font-size:17px;line-height:1.6}
.mg-author__links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px}
.mg-author__more,.mg-author__policy{padding-bottom:2px;border-bottom:3px solid var(--line,var(--mg-accent));color:var(--mg-ink);font:800 14.5px/1.4 var(--mg-sans)}
.mg-author__policy{border-bottom-color:var(--mg-rule)}
.mg-related{margin-top:72px;margin-bottom:104px}
.mg-pages{gap:8px}
.mg-comments{max-width:calc(720px + 2 * var(--mg-gut));margin:0 auto 80px}
.mg-comments__title{margin-bottom:20px;font:900 28px/1.1 var(--mg-sans)}
.mg-comment-list{list-style:none}
.mg-comment-list .comment-body{margin-bottom:16px;padding:18px;border-radius:18px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.mg-comments textarea,.mg-comments input[type=text],.mg-comments input[type=email],.mg-comments input[type=url]{width:100%;padding:12px 16px;border:2.5px solid var(--mg-ink);border-radius:14px;background:#fff}
.mg-comments input[type=submit]{min-height:48px;padding:2px 22px 0;border:0;border-radius:99px;background:var(--mg-accent);color:var(--mg-on-accent);font:800 14px/1 var(--mg-sans);cursor:pointer}

/* Modelele pentru recenzii. */
.mg-review{padding:30px;border-radius:24px;background:var(--mg-card);box-shadow:var(--mg-shadow),inset 0 8px 0 var(--line,var(--mg-ink))}
.mg-review>*+*{margin-top:16px}
.mg-prose .mg-review__label,.mg-prose .mg-product__label{display:inline-block;padding:7px 14px 5px;border-radius:99px;background:var(--mg-ink);color:#fff;font:800 12px/1 var(--mg-sans);letter-spacing:.08em;text-transform:uppercase}
.mg-prose .mg-review__title,.mg-prose .mg-product__name{margin-top:10px;padding-top:0;font-size:30px}
.mg-prose .mg-review__title::before,.mg-prose .mg-review__title::after,.mg-prose .mg-product__name::before,.mg-prose .mg-product__name::after{display:none}
.mg-review__cols{gap:18px}
.mg-review__con,.mg-review__pro{padding:18px 20px;border-radius:16px}
.mg-review__pro{background:#e3f1ea}
.mg-review__con{background:#fbe4e7}
.mg-prose .mg-review__con h3,.mg-prose .mg-review__pro h3{margin-top:0;font:800 13px/1.2 var(--mg-sans);letter-spacing:.08em;text-transform:uppercase}
.mg-prose .mg-review__con li::before,.mg-prose .mg-review__pro li::before{width:12px;height:12px;border:0;top:.55em}
.mg-prose .mg-review__pro li::before{background:var(--mg-green)}
.mg-prose .mg-review__con li::before{background:var(--mg-red)}
.mg-prose .mg-review__con li,.mg-prose .mg-review__pro li{padding-left:24px;font-size:17px}
.mg-prose .mg-review__test{color:var(--mg-muted);font:500 13px/1.5 var(--mg-mono)}
.mg-product{padding:22px;border-radius:24px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.mg-product__cols{align-items:center;gap:24px}
.mg-product__media img{border-radius:14px}
.mg-prose .mg-product__price{color:var(--mg-ink);font:800 18px/1.3 var(--mg-mono)}

/* ==========================================================================
   Arhivele, cautarea, 404
   ========================================================================== */

.mg-archive-head{position:relative;padding:30px 0 0;background:radial-gradient(circle at 1px 1px,var(--mg-dot) 1.3px,transparent 1.5px) 0 0/26px 26px,var(--mg-paper)}
.mg-archive-head>.mg-wrap{position:relative;padding-bottom:44px}
.mg-archive-head .mg-track{left:var(--mg-gut);right:var(--mg-gut)}
.mg-archive-head .mg-breadcrumbs{margin-bottom:26px}
.mg-linehead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 40px}
.mg-linehead__sign{display:flex;align-items:flex-start;gap:24px;min-width:0}
.mg-linehead__no{display:grid;place-items:center;flex:none;min-width:110px;height:110px;margin-left:12px;padding:6px 14px 0;border-radius:99px;background:var(--line,var(--mg-ink));color:var(--on-line,#fff);font:900 62px/1 var(--mg-sans);letter-spacing:-.05em;box-shadow:0 0 0 7px var(--mg-paper),0 0 0 12px var(--line,var(--mg-ink));animation:mg-pop .5s cubic-bezier(.2,1.6,.4,1) .15s both}
.mg-linehead__no--search{padding:0;background:var(--mg-ink);color:#fff}
.mg-linehead__text{display:flex;flex-direction:column;gap:10px;min-width:0;padding-top:6px}
.mg-archive-head__kicker{color:var(--mg-muted);font:700 13px/1.2 var(--mg-mono);letter-spacing:.08em;text-transform:uppercase}
.mg-archive-head__title{font:900 clamp(36px,5.4vw,68px)/1 var(--mg-sans);letter-spacing:-.04em}
.mg-archive-head__desc{max-width:760px;color:var(--mg-text);font-size:18px;line-height:1.6}
.mg-archive-head__desc p+p{margin-top:.6em}
.mg-archive-head__count{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-bottom:4px}
.mg-archive-head__count b{color:var(--mg-ink);font:900 clamp(48px,6vw,80px)/.9 var(--mg-sans);letter-spacing:-.05em}
.mg-archive-head__count span{color:var(--mg-muted);font:700 13px/1 var(--mg-mono);letter-spacing:.08em;text-transform:uppercase}
.mg-archive-head__photo{flex:none;width:110px;height:110px;margin-left:12px;border-radius:50%;object-fit:cover;font-size:34px;box-shadow:0 0 0 7px var(--mg-paper),0 0 0 12px var(--mg-ink)}
.mg-archive-head__search{max-width:580px;margin-top:6px}
.mg-archive .mg-platform{margin-top:60px}
.mg-archive__legend{margin-bottom:104px}
.mg-archive__legend-title{margin-bottom:22px;font:900 clamp(24px,2.6vw,34px)/1.1 var(--mg-sans);letter-spacing:-.025em}
.mg-empty{max-width:640px;margin:56px 0;padding:26px;border-radius:24px;background:var(--mg-card);box-shadow:var(--mg-shadow)}
.mg-empty p{margin-bottom:18px;font-size:19px}
.mg-empty--search{margin-bottom:34px}
.mg-empty--search p{margin:0}
.mg-legend--after{margin-bottom:104px}
.pagination{margin:72px 0 104px}
.pagination .nav-links{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px}
.pagination .nav-links::before{content:"";position:absolute;left:0;right:0;top:50%;height:8px;margin-top:-4px;border-radius:8px;background:var(--mg-ink);z-index:-1}
.pagination .page-numbers{display:grid;place-items:center;min-width:50px;height:50px;padding:3px 12px 0;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 5px var(--mg-ink);color:var(--mg-ink);font:800 16px/1 var(--mg-sans);transition:transform .3s cubic-bezier(.2,1.6,.4,1)}
.pagination a.page-numbers:hover{transform:scale(1.12)}
.pagination .page-numbers.current{background:var(--mg-accent);box-shadow:inset 0 0 0 5px var(--mg-ink);color:var(--mg-on-accent);transform:scale(1.15)}
.pagination .page-numbers.dots{min-width:0;padding:0 6px;background:var(--mg-paper);box-shadow:none}
.mg-notfound{display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:calc(860px + 2 * var(--mg-gut));padding-top:72px;padding-bottom:44px}
.mg-notfound__line{display:flex;align-items:center;width:100%;max-width:640px;height:80px;margin-bottom:10px}
.mg-notfound__seg{flex:1;height:10px;border-radius:10px;background:var(--mg-red)}
.mg-notfound__st{flex:none;width:28px;height:28px;margin:0 -2px;border:6px solid var(--mg-red);border-radius:50%;background:var(--mg-paper);position:relative;z-index:1}
.mg-notfound__gap{position:relative;flex:1.6;height:10px;margin:0 10px;background:repeating-linear-gradient(90deg,var(--mg-muted) 0 12px,transparent 12px 22px);opacity:.75}
.mg-notfound__gap b{position:absolute;left:50%;top:-58px;display:grid;place-items:center;min-width:96px;height:44px;margin-left:-48px;padding:3px 12px 0;border-radius:12px;background:var(--mg-ink);box-shadow:inset 0 -6px 0 var(--mg-red);color:#fff;font:900 22px/1 var(--mg-sans);letter-spacing:.04em;animation:mg-swing 2.4s ease-in-out .6s 3;transform-origin:50% 140%}
@keyframes mg-swing{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}
.mg-notfound__kicker{color:var(--mg-accent-text);font:800 13px/1 var(--mg-sans);letter-spacing:.1em;text-transform:uppercase}
.mg-notfound .mg-searchform{width:100%;max-width:580px}
.mg-notfound__legend{margin-bottom:96px}

/* ==========================================================================
   Subsolul
   ========================================================================== */

.mg-footer{position:relative;margin-top:48px;padding:0 0 26px}
.mg-footer__bands{display:flex;flex-direction:column;gap:5px;padding-top:5px;background:var(--mg-paper)}
.mg-footer__bands i{display:block;height:9px;background:var(--mg-red);transform-origin:0 50%}
.mg-footer__bands i:nth-child(2){background:var(--mg-blue);margin-left:12%}
.mg-footer__bands i:nth-child(3){background:var(--mg-green);margin-right:18%}
.mg-footer__bands i:nth-child(4){background:var(--mg-orange);margin-left:30%;margin-right:6%}
.mg-footer__top{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:44px;padding-top:58px;padding-bottom:46px}
.mg-footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.mg-footer__tagline{max-width:380px;color:var(--mg-on-night-muted);font-size:17px;line-height:1.55}
.mg-footer__label{margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--mg-night-line);color:var(--mg-on-night);font:800 13px/1 var(--mg-sans);letter-spacing:.1em;text-transform:uppercase}
.mg-footer__sections ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;list-style:none}
.mg-footer__sections a{display:inline-flex;max-width:100%;min-height:32px;align-items:center}
.mg-footer__sections a:hover .mg-line span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.mg-footer__menu{display:flex;flex-direction:column;gap:2px;list-style:none}
.mg-footer__menu a{display:inline-flex;align-items:center;min-height:36px;color:var(--mg-on-night);font-size:17px;overflow-wrap:anywhere}
.mg-footer__menu a:hover{text-decoration:underline;text-decoration-color:var(--mg-accent-night);text-decoration-thickness:2px;text-underline-offset:4px}
.mg-footer__base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;background:linear-gradient(var(--mg-night-line),var(--mg-night-line)) var(--mg-gut) 0/calc(100% - 2 * var(--mg-gut)) 1px no-repeat;color:var(--mg-on-night-muted);font:500 13px/1.2 var(--mg-mono)}
.mg-footer__top-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--mg-on-night);font-family:var(--mg-sans);font-weight:700}
.mg-footer__top-link svg{transition:transform .3s var(--mg-ease)}
.mg-footer__top-link:hover svg{transform:translateY(-4px)}

/* ==========================================================================
   Ecrane mai mici
   ========================================================================== */

@media (max-width:1279px){
	.mg-masthead__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:68px 52px;height:120px;align-items:center}
	.mg-brand{grid-column:1;grid-row:1}
	.mg-masthead__tools{grid-column:2;grid-row:1}
	.mg-nav{grid-column:1/-1;grid-row:2;height:52px;margin:0 calc(-1 * var(--mg-gut));padding:0 var(--mg-gut)}
	.mg-nav a{padding:0 10px;font-size:14px}
	html{scroll-padding-top:136px}
	.mg-lines{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1180px){
	.mg-platform{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mg-terminus{grid-template-columns:minmax(0,1fr)}
	.mg-junction{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
	.mg-junction__main{grid-column:1/-1;grid-row:auto}
	.mg-junction .mg-junction__item{grid-column:auto;grid-row:auto}
	.mg-junction__lines{display:none}
	.mg-rank{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mg-footer__top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.mg-footer__brand{grid-column:1/-1}
}
@media (max-width:1100px){
	.mg-hero__grid,.mg-hero--mirror .mg-hero__grid,.mg-hero--wide .mg-hero__grid,.mg-hero--open .mg-hero__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "map" "board" "strip"}
	.mg-hero--wide .mg-hero__strip{display:none}
	.mg-board{max-width:720px}
	.mg-station{grid-template-columns:minmax(0,1fr)}
	.mg-tunnel{grid-template-columns:minmax(0,1fr)}
	.mg-stops{grid-template-columns:minmax(0,1fr)}
	.mg-stops__line+.mg-stops__line .mg-stops__stop:first-child::before{top:0}
	.mg-article{grid-template-columns:minmax(0,1fr)}
	.mg-article>.mg-body{grid-column:1}
	.mg-body{max-width:720px;margin:0 auto;width:100%}
}
@media (max-width:860px){
	.mg-signs{grid-template-columns:minmax(0,1fr)}
	.mg-trips,.mg-posters,.mg-posters--2{grid-template-columns:minmax(0,1fr)}
	.mg-terminus__main,.mg-tunnel__main{grid-template-columns:minmax(0,1fr)}
	.mg-linehead{grid-template-columns:minmax(0,1fr)}
	.mg-archive-head__count{flex-direction:row;align-items:baseline;gap:10px}
}
@media (max-width:760px){
	.mg-hero{padding:24px 0 30px}
	.mg-hero__map{display:none}
	.mg-hero__strip,.mg-hero--wide .mg-hero__strip{display:flex}
	.mg-hero__head{margin-bottom:10px}
	.mg-board{padding:14px 14px 12px;border-radius:20px}
	.mg-stop__excerpt{display:none}
	.mg-board__next{display:none}
	.mg-board__play{margin-left:auto}
	.mg-platform{grid-template-columns:minmax(0,1fr);gap:40px}
	.mg-junction{grid-template-columns:minmax(0,1fr);gap:24px}
	.mg-lines{grid-template-columns:minmax(0,1fr)}
	.mg-rank{grid-template-columns:minmax(0,1fr)}
	.mg-rank__link{grid-template-columns:60px minmax(0,1fr)}
	.mg-rank__no{width:60px;height:60px;font-size:30px}
	.mg-sign{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:12px}
	.mg-sign .mg-excerpt{display:none}
	.mg-sign__plate{min-height:38px;font-size:14px}
	.mg-strip__stop{grid-template-columns:minmax(0,1fr) 64px}
	.mg-strip__thumb{width:64px}
	.mg-tunnel{padding:22px 16px;border-radius:22px}
	.mg-station__info{padding:14px 16px}
	.mg-spec--board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
	.mg-spec--board div{flex-direction:column;align-items:flex-start;gap:4px;padding:0;border:0}
	.mg-spec--board dd{text-align:left}
	.mg-article-head .mg-breadcrumbs{margin-bottom:22px}
	.mg-figure{padding:0}
	.mg-figure__photo,.mg-figure .mg-doors{border-radius:0}
	.mg-figure__photo{box-shadow:none}
	.mg-author{grid-template-columns:minmax(0,1fr)}
	.mg-footer__top{grid-template-columns:minmax(0,1fr)}
	.mg-linehead__sign{flex-direction:column;gap:18px}
	.mg-linehead__no{min-width:84px;height:84px;font-size:46px}
	.mg-prose{font-size:18px}
	.osite-brief{padding:26px 18px 22px}
	.osite-brief__toc ol{grid-template-columns:minmax(0,1fr)}
	.mg-section-head{margin-bottom:28px}
	.mg-module{margin-top:72px}
	.mg-legend__list,.mg-legend--small .mg-legend__list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
	.mg-legend__line{min-height:52px;padding:2px 10px 0 8px;border-radius:14px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding-top:8px;padding-bottom:10px}
	.mg-legend__line .mg-line{font-size:13.5px}
	.mg-footer__sections ul{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
	.mg-mark{width:50px;height:40px}
	.mg-brand{gap:10px}
	.mg-brand__name{font-size:18px}
}

/* ==========================================================================
   Fara miscare: din Personalizeaza sau din sistem
   ========================================================================== */

.mg-still .mg-mark__orbit,.mg-still .mg-mark__l,.mg-still .mg-mark__hub,.mg-still .mg-brand__dashes i,.mg-still .mg-seg,.mg-still .mg-st,.mg-still .mg-tr,.mg-still .mg-st__pulse,.mg-still .mg-figure .mg-doors::before,.mg-still .mg-figure .mg-doors::after,.mg-still .mg-linehead__no,.mg-still .mg-station .mg-track,.mg-still .mg-archive-head .mg-track,.mg-still .mg-notfound__gap b{animation:none!important}
.mg-still .mg-figure .mg-doors{display:none}
.mg-still .mg-board__doors{display:none}
.mg-still .mg-tr{display:none}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
	.mg-tr,.mg-board__doors,.mg-figure .mg-doors{display:none!important}
	.mg-readline{display:none!important}
}
@media print{
	.mg-masthead,.mg-footer,.mg-share,.mg-toc,.mg-readline,.mg-related,.mg-board__bar,.mg-doors{display:none!important}
	body{background:#fff}
}
