/* Gridlove reference styling */
:root { --gl-accent:#009bff; --gl-ink:#171717; --gl-muted:#777; --gl-canvas:#f5f5f5; --gl-display:Lato,Arial,Helvetica,sans-serif; --gl-body:Cabin,Arial,Helvetica,sans-serif; }
body { background:#f5f5f5; font-family:var(--gl-body); color:#171717; }
.site-shell { width:100%; max-width:none; background:#f5f5f5; box-shadow:none; }
.site-topline { display:none; }
.site-header { height:100px; padding:0 max(30px,calc((100vw - 1170px)/2)); display:flex; align-items:center; justify-content:space-between; background:#fff; box-shadow:0 2px 5px #00000018; position:sticky; top:0; z-index:100; }
.site-branding { min-height:0; padding:0; border:0; justify-content:flex-start; flex:none; }
.site-title { margin:0; font:800 30px/1 var(--gl-body); letter-spacing:-.04em; text-transform:none; }
.site-title a { display:flex; align-items:center; gap:12px; }
.site-description { display:none; }
.brand-mark { position:relative; width:34px; height:34px; display:inline-block; transform:rotate(45deg); background:#e8183c; clip-path:polygon(0 0,45% 0,45% 45%,100% 45%,100% 100%,55% 100%,55% 55%,0 55%); }
.main-navigation { min-height:0; padding:0; border:0; align-items:center; gap:12px; }
.primary-menu > li > a { height:100px; padding:0 17px; font:700 15px/1 var(--gl-body); letter-spacing:0; text-transform:none; }
.primary-menu > li.current-menu-item > a,.primary-menu > li:hover > a { color:#009bff; }
.primary-menu .sub-menu { background:#fff; box-shadow:0 6px 20px #0002; min-width:190px; }
.primary-menu .sub-menu a { color:#252525; font-size:14px; }
.primary-menu .sub-menu a:hover { background:#009bff; }
.icon-button { width:35px; }
.main-content { max-width:1170px; min-height:600px; padding:30px 0 70px; margin:auto; }
.main-content.is-home { max-width:none; padding:0 0 70px; }
.mag-cover { position:relative; width:100%; height:500px; overflow:hidden; background:#202020; }
.mag-cover-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .5s ease; }
.mag-cover-slide.is-active { opacity:1; visibility:visible; }
.mag-cover .mag-card,.mag-cover .mag-card-image,.mag-cover .mag-card-image img { width:100%; height:100%; }
.mag-cover .mag-card-image { position:absolute; inset:0; }
.mag-cover .mag-card-image img { object-fit:cover; }
.mag-cover .mag-card::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#000b 0%,#0006 34%,transparent 72%); pointer-events:none; }
.mag-cover .mag-card-content { position:absolute; z-index:2; left:max(55px,calc((100vw - 1170px)/2)); top:60px; width:450px; color:#fff; }
.mag-cover .mag-card h3 { margin:18px 0 20px; color:#fff; font:700 42px/1.12 var(--gl-display); }
.mag-cover .mag-card p { color:#fff; font-size:16px; line-height:1.6; }
.mag-cover .mag-card-meta { margin-top:80px; color:#fff; }
.mag-cover-controls { position:absolute; z-index:5; right:max(55px,calc((100vw - 1170px)/2)); bottom:60px; display:flex; gap:6px; }
.mag-cover-controls button { width:40px; height:40px; border:0; border-radius:50%; background:#ffffffa6; color:#555; font-size:32px; line-height:1; }
.mag-cover-controls button:hover { background:#fff; }
.home-modules { max-width:1170px; margin:0 auto; }
.mag-module { margin:34px 0 18px; }
.mag-section-title { margin:0 0 27px; font:700 26px/1.2 var(--gl-display); }
.mag-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.mag-grid--combo .mag-card,.mag-ad { height:300px; }
.mag-grid--combo .mag-card--split { grid-column:span 2; }
.mag-card { position:relative; min-width:0; background:#fff; box-shadow:0 2px 4px #0000001c; overflow:hidden; }
.mag-card-image { display:block; overflow:hidden; }
.mag-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.mag-card-image:hover img { transform:scale(1.035); }
.mag-card-content { padding:30px; }
.mag-pill { display:inline-block; padding:5px 12px; border-radius:20px; background:#009bff; color:#fff; font:700 10px/1.3 var(--gl-body); text-transform:uppercase; white-space:nowrap; }
.mag-pill--blue { background:#009bff; }
.mag-pill--green { background:#5ac437; }
.mag-pill--orange { background:#ff9800; }
.mag-pill--purple { background:#a56bc0; }
.mag-pill--red { background:#d50000; }
.mag-card h3 { margin:14px 0 8px; font:700 22px/1.3 var(--gl-display); }
.mag-card p { margin:0; color:#666; font:16px/1.45 var(--gl-body); }
.mag-card-meta { position:absolute; bottom:25px; left:30px; right:15px; display:flex; align-items:center; gap:5px; color:#888; font:12px/1 var(--gl-body); }
.mag-avatar { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:#e4d7d2; color:#8d6a61; }
.mag-meta-dot { margin-left:6px; }
.mag-card--split { display:grid; grid-template-columns:1fr 1fr; }
.mag-card--split .mag-card-image { height:100%; }
.mag-card--split .mag-card-content { position:relative; }
.mag-card--overlay .mag-card-image { position:absolute; inset:0; }
.mag-card--overlay::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent,#0009); pointer-events:none; }
.mag-card--overlay .mag-card-content { position:relative; z-index:2; height:100%; color:#fff; }
.mag-card--overlay h3,.mag-card--overlay p,.mag-card--overlay .mag-card-meta { color:#fff; }
.mag-card--text .mag-card-content { height:100%; position:relative; }
.mag-card--standard .mag-card-image { height:150px; }
.mag-card--standard .mag-pill { position:absolute; z-index:2; top:30px; left:30px; }
.mag-card--standard .mag-card-content { min-height:150px; padding-top:22px; padding-bottom:50px; }
.mag-card--standard .mag-card-meta { bottom:22px; }
.mag-grid--latest .mag-card { min-height:300px; }
.mag-ad { display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f00443; color:#fff; text-align:center; }
.mag-ad strong { font-size:20px; }
.mag-ad span { font-size:13px; }
.content-layout { grid-template-columns:minmax(0,1fr) 300px; gap:30px; }
.section-heading { border:0; }
.section-heading h1,.section-heading h2,.page-header h1 { font:700 26px/1.2 var(--gl-display); text-transform:none; }
.archive-intro { margin:0 0 25px; padding:0; background:none; border:0; }
.archive-intro .section-heading { margin:0; }
.mag-grid--archive .mag-card { height:300px; }
.mag-grid--archive .mag-card--split { grid-column:span 2; }
.mag-grid--archive .mag-card--standard .mag-card-image { height:150px; }
.single-layout { display:grid; grid-template-columns:70px minmax(0,740px) 300px; gap:30px; }
.page-layout { display:grid; grid-template-columns:minmax(0,740px) 300px; justify-content:center; gap:30px; }
.page-layout > article { background:#fff; min-width:0; }
.page-featured { display:block; width:100%; height:495px; object-fit:cover; }
.page-layout .page-header { margin:0; padding:35px 60px 15px; background:#fff; }
.page-layout .page-header h1 { font-size:38px; }
.page-layout .entry-content { padding:0 60px 35px; }
.single-layout .single-post { background:#fff; min-width:0; }
.single-layout .single-featured { width:100%; height:495px; max-height:none; margin:0; object-fit:cover; }
.single-layout .single-header { max-width:none; padding:35px 60px 10px; text-align:left; }
.single-layout .single-header h1 { font:700 42px/1.18 var(--gl-display); text-transform:none; }
.single-layout .single-header .post-meta { justify-content:flex-start; }
.single-layout .entry-content { padding:0 60px 35px; }
.share-rail { display:flex; flex-direction:column; gap:8px; align-items:center; padding:15px; height:max-content; background:#fff; }
.share-rail a { display:grid; place-items:center; width:38px; height:38px; background:#4297d2; color:#fff; font-weight:700; }
.share-rail a:nth-child(2) { background:#1ca6d7; }
.share-rail a:nth-child(3) { background:#dc4427; }
.share-rail a:nth-child(4) { background:#c8232c; }
.sidebar .widget { background:#fff; padding:30px; box-shadow:0 2px 4px #00000012; }
.widget-title { border:0; font:700 20px/1.2 var(--gl-display); text-transform:none; }
.sidebar .widget_categories ul { list-style:none; padding:0; }
.sidebar .widget_categories li { border-bottom:1px solid #eee; padding:8px 0; font-size:14px; }
.sidebar .widget_categories li { display:flex; justify-content:space-between; align-items:center; }
.topic-count { min-width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#e00011; color:#fff; font-size:11px; font-weight:700; }
.sidebar .widget_categories li:nth-child(2) .topic-count { background:#ff9800; }
.sidebar .widget_categories li:nth-child(3) .topic-count { background:#5ac437; }
.sidebar .widget_categories li:nth-child(4) .topic-count { background:#009bff; }
.site-footer { margin-top:40px; }
@media(max-width:1220px) { .main-content,.home-modules { margin-left:30px; margin-right:30px; } .main-content.is-home { margin:0; } .site-header { padding:0 30px; } }
@media(max-width:900px) { .site-header { height:72px; } .primary-menu > li > a { height:72px; padding:0 9px; } .mag-grid { gap:15px; } .single-layout,.page-layout { grid-template-columns:minmax(0,1fr) 250px; } .share-rail { display:none; } .mag-card-content { padding:20px; } .mag-card-meta { left:20px; } }
@media(max-width:720px) { .site-header { height:66px; padding:0 18px; } .site-title { font-size:25px; } .brand-mark { width:25px; height:25px; } .main-navigation { flex-direction:row; } .primary-menu > li > a { height:auto; } .mag-cover { height:400px; } .mag-cover .mag-card-content { left:20px; top:55px; width:calc(100% - 40px); } .mag-cover .mag-card h3 { font-size:30px; } .mag-cover .mag-card-meta { margin-top:35px; } .mag-cover-controls { right:20px; bottom:20px; } .home-modules { margin:0 18px; } .mag-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; } .mag-grid--combo .mag-card--split { grid-column:span 2; } .mag-grid--combo .mag-card,.mag-ad { height:270px; } .mag-card--split .mag-card-content { padding:20px; } .mag-card h3 { font-size:18px; } .mag-card p { font-size:13px; } .mag-card-meta { font-size:10px; } .main-content { margin:0 18px; padding:22px 0; } .single-layout,.page-layout { display:block; } .single-layout .sidebar,.page-layout .sidebar { display:none; } .single-layout .single-featured,.page-featured { height:300px; } .single-layout .single-header,.single-layout .entry-content,.page-layout .page-header,.page-layout .entry-content { padding-left:22px; padding-right:22px; } .mag-grid--archive .mag-card--split { grid-column:span 2; } }
@media(max-width:480px) { .mag-grid { grid-template-columns:1fr; } .mag-grid--combo .mag-card--split,.mag-grid--archive .mag-card--split { grid-column:span 1; } .mag-grid--combo .mag-card,.mag-ad { height:300px; } .mag-card--split { grid-template-columns:1fr 1fr; } .mag-grid--latest .mag-card { min-height:290px; } .mag-cover { height:380px; } }