@layer utilities{.gi-art{isolation:isolate;background:var(--c-surface);place-items:center;display:grid;position:relative;overflow:hidden}.gi-art img{object-fit:contain;block-size:auto;inline-size:62%;position:absolute;inset-block-end:8%}.gi-art[data-n="1"] img{inline-size:72%;inset-inline-start:14%}.gi-art[data-n="2"] img:first-child{z-index:1;inline-size:56%;inset-inline-start:6%}.gi-art[data-n="2"] img:nth-child(2){inline-size:46%;inset-block-end:20%;inset-inline-end:6%}.gi-art[data-n="3"] img:first-child{z-index:2;inline-size:56%;inset-block-end:6%;inset-inline-start:22%}.gi-art[data-n="3"] img:nth-child(2){z-index:1;inline-size:40%;inset-block-end:24%;inset-inline-start:3%}.gi-art[data-n="3"] img:nth-child(3){z-index:1;inline-size:40%;inset-block-end:24%;inset-inline-end:3%}.gi-row{grid-template-columns:minmax(0, 1fr) var(--size-thumb-compact);align-items:start;gap:var(--space-4);padding:var(--space-4);display:grid;position:relative}.gi-row:hover .nw-row-t a{text-decoration:underline;text-decoration-thickness:var(--border-hairline);text-underline-offset:var(--space-1)}@container page (min-width:768px){.gi-row{grid-template-columns:minmax(0, 1fr) var(--size-thumb-list);padding:var(--space-5)}}.gi-feat{border:var(--border-hairline) solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-e1);grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}@container page (min-width:768px){.gi-feat{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.gi-feat-art{aspect-ratio:var(--ratio-hero);border-block-end:var(--border-hairline) solid var(--c-border)}@container page (min-width:768px){.gi-feat-art{aspect-ratio:auto;border-block-end:0;border-inline-start:var(--border-hairline) solid var(--c-border);order:2;min-block-size:100%}}.gi-head{gap:var(--space-3);max-inline-size:var(--layout-measure-article);display:grid}.gi-head h1{margin:0}.gi-list{border:var(--border-hairline) solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.gi-list>li+li{border-block-start:var(--border-hairline) solid var(--c-border)}.gi-t{font:var(--t-h2-weight) var(--t-h2-size) / var(--t-h2-line) var(--t-h2-family);text-wrap:balance;margin:0}.gi-t a{color:inherit;text-decoration:none}.gi-t a:hover{text-decoration:underline;text-decoration-thickness:var(--border-hairline);text-underline-offset:var(--space-1)}.gi-feat-compact{box-shadow:none}.gi-feat-compact .gi-t{font:var(--t-h3-weight) var(--size-lead-title-phone) / var(--size-lead-title-phone-line) var(--t-h3-family)}.gi-feat-compact .gi-feat-art{aspect-ratio:2}.gi-feat-compact .gi-picks{display:none}@container page (min-width:768px){.gi-feat-compact .gi-t{font:var(--t-h2-weight) var(--t-h2-size) / var(--t-h2-line) var(--t-h2-family)}.gi-feat-compact .gi-feat-art{aspect-ratio:auto}.gi-feat-compact .gi-picks{display:grid}.gi-feat-compact .gi-body{padding:var(--space-6) var(--space-8)}}.gi-body{align-content:start;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-6);display:grid}@container page (min-width:768px){.gi-body{padding:var(--space-8)}}.gi-page{gap:var(--space-8);padding-block:var(--space-2) var(--space-16);display:grid}.gi-page>*{min-inline-size:0}.gi-art-sm{aspect-ratio:var(--ratio-card);border:var(--border-hairline) solid var(--c-border);border-radius:var(--radius-md)}.gi-meta svg{color:var(--c-text-muted);flex:none}.gi-meta time:lang(ar){font-family:var(--font-num)}@container page (min-width:768px){.gi-feat-noart{grid-template-columns:minmax(0,1fr)}}.gi-btn{justify-content:center;gap:var(--space-2);border-radius:var(--radius-pill);inline-size:100%;text-decoration:none}@container page (min-width:768px){.gi-btn{inline-size:auto}}.gi-pick-v{font-weight:var(--t-label-weight)}.gi-art-empty{background:var(--c-surface-2);color:var(--c-brand-text)}.gi-picks{border-block-start:var(--border-hairline) solid var(--c-border)}}
