/* Archades Games: written by Link Desk (Blog look page). Edit there, not here. */
@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@600;700&family=Source+Serif+4:wght@400;600&display=swap");
:root{--ag-bg:#0E1013;--ag-surface:#161A1F;--ag-raised:#1D2229;--ag-line:#2A3038;--ag-text:#ECEAE6;--ag-muted:#A3ABB4;--ag-aqua:#3DB9C7;--ag-aqua-hi:#7AD9E3;--ag-teal:#2E8B85;--ag-red:#E5262C;--ag-purple:#8B6CF0;--ag-head:"Exo 2",system-ui,sans-serif;--ag-body:"Source Serif 4",Georgia,serif;--ag-max:1440px;}

/* page */
body{background:var(--ag-bg)!important;color:var(--ag-text)!important;font-family:var(--ag-body)!important;}
body,.post-body{font-size:18px;line-height:1.7;}
a{color:var(--ag-aqua);} a:hover{color:var(--ag-aqua-hi);}
h1,h2,h3,h4,.post-title,.title,.widget h3,.byline,.top-nav,.blog-pager,.ag-ui,
.post-footer,.PopularPosts .post-title,.FeaturedPost .post-title{font-family:var(--ag-head)!important;}
.post-body h2,.post-body h3{color:var(--ag-text);letter-spacing:.01em;margin-top:1.6em;}
.post-body h2{font-size:1.55em;border-left:4px solid var(--ag-aqua);padding-left:.5em;}
.byline,.post-header,.post-header-line-1,time{color:var(--ag-muted)!important;font-style:normal!important;}
::selection{background:var(--ag-aqua);color:#071012;}

/* header: a thin red and teal stripe under it, from the IceStrike logos */
.centered-top-container{background:var(--ag-bg)!important;}
.centered-top-container::after{content:"";display:block;height:4px;
  background:linear-gradient(var(--ag-teal) 0 25%,var(--ag-red) 25% 75%,var(--ag-teal) 75%);opacity:.85;}

/* your logo instead of the typed title */
#Header1 h1{font-size:0!important;line-height:0;width:362px;max-width:70vw;height:96px;margin:6px 0;
  background:url("https://archades-games.github.io/Blog-Images/blog/logo.png") left center/contain no-repeat;}
@media (min-resolution:1.5dppx){#Header1 h1{background-image:url("https://archades-games.github.io/Blog-Images/blog/logo@2x.png");}}
.item-view #Header1 h1{height:52px;width:200px;}
@media (max-width:800px){#Header1 h1{height:64px;width:240px;}}

/* menu */
.top-nav,.top-nav .PageList{background:transparent!important;}
.top-nav .overflowable-contents ul,.top-nav ul{display:flex;flex-wrap:wrap;gap:4px;}
.top-nav a,.ag-menu a{font-family:var(--ag-head)!important;font-style:normal!important;font-weight:600;text-transform:none!important;
  letter-spacing:.02em;color:var(--ag-text)!important;padding:8px 14px!important;border-radius:8px;}
.top-nav a{background:transparent!important;}
.top-nav a:hover,.top-nav .selected a{background:var(--ag-raised)!important;color:var(--ag-aqua)!important;}
.item-view .centered-top,.item-view .centered-top-container{background:var(--ag-bg)!important;}
.item-view .centered-top{align-items:center;gap:18px;}
.ag-menu{order:2;display:flex;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;margin-left:8px;}
.ag-menu::-webkit-scrollbar{display:none;}
.ag-menu a{white-space:nowrap;font-size:15px;padding:7px 12px!important;text-decoration:none!important;}
.ag-menu a:hover{background:var(--ag-raised);color:var(--ag-aqua)!important;}
@media (min-width:801px){.item-view .centered-top .search{flex:0 0 260px!important;width:260px!important;margin-left:auto;}}
@media (max-width:800px){.item-view .centered-top{flex-wrap:wrap;row-gap:4px;} .ag-menu{order:5;flex-basis:100%;margin:0 0 6px;}}
.top-nav{background:var(--ag-surface)!important;border:1px solid var(--ag-line);border-radius:12px;padding:4px!important;box-sizing:border-box;max-width:100%;}

/* layout: posts, the theme's ad column and a 300px sidebar side by side (the theme's floats wrap the sidebar under
   the posts on wide screens); one column on phones and small windows */
.centered-bottom{max-width:var(--ag-max)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;}
@media (min-width:1000px){
  .page_body > .centered{width:auto!important;max-width:none!important;}
  .centered-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto 300px;column-gap:28px;align-items:start;
    width:auto!important;padding:0 28px!important;}
  .centered-bottom > main#main{grid-column:1;float:none!important;width:auto!important;max-width:100%!important;min-width:0;}
  .centered-bottom > #ads{grid-column:2;float:none!important;margin:0!important;}
  .centered-bottom > aside.sidebar-container{grid-column:3;float:none!important;width:300px!important;max-width:300px!important;
    margin:0!important;}
  .centered-bottom > .dim-overlay{grid-column:1/-1;}
}
/* leave room at the sides for Google's side-rail ads on big screens, and line the header up with the posts */
@media (min-width:1440px){.centered-bottom{max-width:min(var(--ag-max),calc(100vw - 360px))!important;}}
@media (min-width:1000px){.centered-top-container .centered-top{max-width:min(var(--ag-max),calc(100vw - 360px))!important;
  margin-left:auto!important;margin-right:auto!important;padding-left:28px!important;padding-right:28px!important;box-sizing:border-box;}}
@media (min-width:1000px) and (max-width:1439px){.centered-top-container .centered-top{max-width:none!important;}}

/* posts list: a grid that fits the screen (the theme drops to one column when its side ads take room) */
.feed-view #page_body{float:none!important;width:auto!important;}
.feed-view #Blog1 .blog-posts{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;}
.feed-view #Blog1,.feed-view #Blog1 .blog-posts{width:auto!important;max-width:none!important;}
.feed-view #Blog1 .blog-posts{margin:0!important;}   /* the theme pulls it 15px past the column */
.feed-view #Blog1 .post-outer-container{width:auto!important;margin:0!important;}
.feed-view #Blog1 .post-outer-container .post-wrapper,.feed-view #Blog1 .post-outer-container .snippet-thumbnail-container,
.feed-view #Blog1 .post-outer-container .slide,.feed-view #Blog1 .post-outer-container .post,
.feed-view #Blog1 .post-outer-container .post *{width:auto!important;max-width:100%!important;box-sizing:border-box;}
.feed-view #Blog1 .post-outer-container .snippet-thumbnail{width:100%!important;}
.feed-view #Blog1 .post-outer-container .post-wrapper,.feed-view #Blog1 .post-outer-container .slide,
.FeaturedPost .post-wrapper,.FeaturedPost .slide{background:transparent!important;}
.feed-view #Blog1 .post-title .snippet-container{max-height:none!important;height:auto!important;overflow:visible!important;}
.feed-view .post-title .snippet-fade,.FeaturedPost .snippet-fade{display:none!important;}
.feed-view #Blog1 .post-title a{margin:0!important;padding:0!important;display:block;}
.feed-view #Blog1 .post-title .r-snippetized{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:auto!important;}
.feed-view #Blog1 .post-outer-container .post-wrapper{margin:0!important;}
.post-title *{font-family:var(--ag-head)!important;}
.feed-view #Blog1 .blog-pager{grid-column:1/-1;}

/* cards: thumbnails shown whole (16:9) so the words on them aren't cut off */
.feed-view .snippet-thumbnail-container,.FeaturedPost .snippet-thumbnail-container{aspect-ratio:16/9;height:auto!important;
  border-radius:12px 12px 0 0;overflow:hidden;position:relative;background:var(--ag-raised)!important;}
.feed-view .snippet-thumbnail,.FeaturedPost .snippet-thumbnail{position:absolute!important;inset:0;height:100%!important;
  max-height:none!important;width:100%!important;
  background-size:cover!important;background-position:center!important;}
.item-view .post-wrapper > .snippet-thumbnail-container{display:none!important;}
.feed-view #Blog1 .post-outer-container,.FeaturedPost .post{background:var(--ag-surface);border:1px solid var(--ag-line);
  border-radius:12px;overflow:hidden;transition:transform .15s ease,border-color .15s ease;}
.feed-view #Blog1 .post-outer-container:hover{transform:translateY(-2px);border-color:var(--ag-aqua);}
.feed-view #Blog1 .post-outer-container .post-outer,.feed-view #Blog1 .post-outer-container .post{background:transparent!important;
  margin:0!important;}
.feed-view #Blog1 .post-outer-container .post-outer{padding:0!important;}

/* the newest post (the theme's big "featured" spot): one card, picture left and title right */
.FeaturedPost article.post{background:transparent!important;border:0!important;overflow:visible!important;width:auto!important;}
.FeaturedPost .post-wrapper.hero{width:auto!important;max-width:100%!important;height:auto!important;display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);background:var(--ag-surface)!important;border:1px solid var(--ag-line);
  border-radius:14px;overflow:hidden;margin:0 0 22px!important;transition:border-color .15s;float:none!important;clear:both;}
.FeaturedPost .post-wrapper.hero:hover{border-color:var(--ag-aqua);}
.FeaturedPost .post-wrapper.hero .snippet-thumbnail-container{width:auto!important;height:auto!important;aspect-ratio:16/9;
  border-radius:0!important;margin:0!important;}
.FeaturedPost .post-wrapper.hero .slide{width:auto!important;height:auto!important;display:flex;align-items:center;background:transparent!important;}
.FeaturedPost .post-wrapper.hero .slide .post{width:auto!important;background:transparent!important;border:0!important;
  padding:24px 28px!important;margin:0!important;position:relative!important;inset:auto!important;}   /* (phones: not over the picture) */
.FeaturedPost .post-wrapper.hero .labels-outer-container{display:none!important;}   /* the theme floats it over the title */
.FeaturedPost .post-wrapper.hero .post-title,.FeaturedPost .post-wrapper.hero .post-title a{font-size:1.75rem!important;line-height:1.25!important;}
.FeaturedPost .post-title .snippet-container{max-height:none!important;height:auto!important;}
@media (max-width:800px){.FeaturedPost .post-wrapper.hero{grid-template-columns:1fr;}
  .FeaturedPost .post-wrapper.hero .post-title,.FeaturedPost .post-wrapper.hero .post-title a{font-size:1.35rem!important;}}

/* article: a short banner from the post's picture, the article card overlapping its bottom edge */
.item-view .bg-photo-container{height:300px!important;position:relative;overflow:hidden;}
.item-view .bg-photo{height:100%!important;}
.item-view .bg-photo-container::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(14,16,19,.15),var(--ag-bg));}
.item-view #Blog1 .post-outer-container{background:transparent!important;border:0!important;overflow:visible!important;}
.item-view .bg-photo-container{z-index:0;} .item-view .centered{position:relative;z-index:1;}
.item-view .post-wrapper{margin-top:24px!important;background:var(--ag-surface)!important;border:1px solid var(--ag-line);
  border-radius:16px;padding:36px 40px!important;box-shadow:0 20px 60px rgba(0,0,0,.45);}
.item-view .post-wrapper.image{margin-top:-150px!important;}
.item-view .post-wrapper,.item-view .sidebar-container{position:relative;z-index:2;}
.item-view .post-outer{padding-top:0!important;}
.item-view .post-share-buttons-top{margin:6px 0 10px!important;}
@media (max-width:800px){.item-view .bg-photo-container{height:170px!important;} .item-view .post-wrapper{padding:22px 16px!important;}
  .item-view .post-wrapper.image{margin-top:-70px!important;}}
.feed-view #Blog1 .post-title a,.FeaturedPost .post-title a{color:var(--ag-text)!important;font-weight:600;}
.feed-view #Blog1 .post-title a:hover{color:var(--ag-aqua)!important;}
.item-view .post-title,.item-view .post-title a{color:var(--ag-text)!important;font-weight:700;font-size:2.1rem;line-height:1.25;}
.blog-pager a,.blog-pager{font-family:var(--ag-head)!important;}
.blog-pager a{display:inline-block;padding:10px 22px;border-radius:999px;border:1px solid var(--ag-aqua);color:var(--ag-aqua)!important;}

/* sidebar */
.sidebar-container .widget{background:linear-gradient(180deg,color-mix(in srgb,var(--ag-surface) 92%,var(--ag-aqua)),var(--ag-surface) 120px);
  border:1px solid var(--ag-line);border-radius:14px;padding:18px!important;margin-bottom:18px;width:auto!important;max-width:100%;
  box-sizing:border-box;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25);}
/* nothing in the sidebar may be wider than it (no sideways scrollbar) */
html{overflow-x:clip;}
.sidebar-container .section,#sidebar_item,#sidebar{background:transparent!important;max-width:100%;}
@media (min-width:1000px){.sidebar-container,.sidebar-container .section,#sidebar_item,#sidebar{overflow-x:clip!important;
  overflow-y:visible!important;} .sidebar-container{background:transparent!important;}}
/* phones and tablets: the sidebar is the theme's slide-out panel, which scrolls by itself (not the page behind it) */
@media (max-width:999px){.sidebar-container{background:var(--ag-bg)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;} .sidebar-container .section{overflow:visible!important;}}
.sidebar-container .widget *{max-width:100%;box-sizing:border-box;}
.sidebar-container img,.sidebar-container iframe,.sidebar-container ins,.sidebar-container video{max-width:100%!important;}
.sidebar-container img{height:auto;}
.post-body iframe,.post-body table,.post-body pre{max-width:100%;}
.post-body pre{overflow-x:auto;}
.sidebar-container .widget.AdSense{background:transparent;border:0;box-shadow:none;padding:0!important;}
.sidebar-container .widget h3.title,.sidebar-container .widget h2.title{color:var(--ag-muted)!important;font-size:12.5px!important;
  font-weight:700!important;text-transform:uppercase;letter-spacing:.14em;margin:0 0 14px!important;display:flex;align-items:center;gap:8px;}
.sidebar-container .widget h3.title::before,.sidebar-container .widget h2.title::before{content:"";width:16px;height:3px;border-radius:2px;
  background:var(--ag-aqua);}
/* about card */
.ag-about{text-align:center;}
.ag-about img.ag-star{width:64px;height:64px;display:block;margin:2px auto 8px;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--ag-aqua) 45%,transparent));}
.ag-about b{display:block;font-family:var(--ag-head);font-size:1.25rem;color:var(--ag-text);}
.ag-about i{display:block;font-family:var(--ag-head);font-style:normal;color:var(--ag-aqua);font-size:13px;letter-spacing:.04em;margin:2px 0 10px;}
.ag-about p{font-size:14.5px;line-height:1.5;color:var(--ag-muted);margin:0 0 14px;}
.ag-about .ag-btn{justify-content:center;width:100%;box-sizing:border-box;}
.ag-social{display:flex;justify-content:center;gap:8px;margin-top:12px;}
.ag-social a{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--ag-raised);border:1px solid var(--ag-line);
  color:var(--ag-muted)!important;}
.ag-social a:hover{color:var(--ag-aqua)!important;border-color:var(--ag-aqua);}
.ag-social svg{width:18px;height:18px;fill:currentColor;}
/* ranked and compact lists */
.ag-rank,.ag-videos{display:grid;gap:12px;counter-reset:ag;}
.ag-rank a,.ag-videos a{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;text-decoration:none!important;
  color:var(--ag-text)!important;font-family:var(--ag-head);font-size:14px;font-weight:600;line-height:1.3;}
.ag-rank a{grid-template-columns:22px 88px 1fr;counter-increment:ag;}
.ag-rank a::before{content:counter(ag);font-size:22px;font-weight:700;color:color-mix(in srgb,var(--ag-aqua) 55%,var(--ag-line));text-align:center;}
.ag-rank img,.ag-videos img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block;background:var(--ag-raised);}
.ag-rank a:hover,.ag-videos a:hover{color:var(--ag-aqua)!important;}
.ag-rank a:hover img,.ag-videos a:hover img{outline:2px solid var(--ag-aqua);}
.ag-more{display:block;margin-top:12px;font-family:var(--ag-head);font-size:13px;}
.PopularPosts .item-thumbnail img{border-radius:8px;}
.PopularPosts .post-title,.PopularPosts .post-title a,.PopularPosts h3{font-size:1rem!important;line-height:1.3!important;font-weight:600;}
.PopularPosts .snippet-item,.PopularPosts .post-snippet{font-size:14px!important;font-style:normal!important;color:var(--ag-muted);}
.feed-view .post-wrapper{background:transparent!important;}

/* posts: screenshots the full width of the text, click to see them full size */
.post-body .separator{margin:1.4em 0!important;}
.post-body .separator a{margin:0!important;display:block;}
.post-body img{max-width:100%;height:auto;border-radius:10px;}
.post-body .separator img{width:100%;cursor:zoom-in;box-shadow:0 6px 24px rgba(0,0,0,.45);}
.post-body .ld-video iframe{border-radius:12px;}
.post-body blockquote{border-left:4px solid var(--ag-teal);margin-left:0;padding-left:1em;color:var(--ag-muted);}
.post-body .ld-gear,.post-body .ld-related{background:var(--ag-surface);}
.post-body .ld-gear{border-color:var(--ag-line)!important;}
.ag-zoom{position:fixed;inset:0;background:rgba(5,6,8,.92);display:flex;align-items:center;justify-content:center;z-index:99999;cursor:zoom-out;}
.ag-zoom img{max-width:96vw;max-height:94vh;border-radius:8px;box-shadow:0 10px 50px #000;}

/* end of post */
.ag-end{margin:32px 0 8px;padding:20px 22px;border-radius:14px;background:var(--ag-surface);border:1px solid var(--ag-line);
  font-family:var(--ag-head);}
.ag-end h3{margin:0 0 12px;font-size:1.15rem;color:var(--ag-text);}
.ag-btns{display:flex;flex-wrap:wrap;gap:8px;}
.ag-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:var(--ag-raised);
  color:var(--ag-text)!important;text-decoration:none!important;font-weight:600;font-size:15px;border:1px solid var(--ag-line);}
.ag-btn:hover{border-color:var(--ag-aqua);color:var(--ag-aqua)!important;}
.ag-btn.ag-primary{background:var(--ag-red);border-color:var(--ag-red);color:#fff!important;}
.ag-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;}
.ag-nav a{display:block;padding:12px 14px;border-radius:10px;background:var(--ag-raised);border:1px solid var(--ag-line);
  text-decoration:none!important;color:var(--ag-text)!important;font-size:15px;line-height:1.35;}
.ag-nav a:hover{border-color:var(--ag-aqua);}
.ag-nav small{display:block;color:var(--ag-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;}
.ag-nav .ag-next{text-align:right;grid-column:2;}

/* deals: a slim banner on the home page */
.ag-deals{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:14px 18px;border-radius:12px;text-decoration:none!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--ag-purple) 30%,var(--ag-surface)),var(--ag-surface));
  border:1px solid color-mix(in srgb,var(--ag-purple) 60%,var(--ag-line));font-family:var(--ag-head);color:var(--ag-text)!important;}
.ag-deals b{color:#fff;font-size:1.1rem;}
.ag-deals span{color:var(--ag-muted);font-size:14px;}
.ag-deals .ag-tag{background:var(--ag-purple);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;letter-spacing:.06em;}
.ag-deals .ag-go{margin-left:auto;color:var(--ag-purple);font-weight:700;white-space:nowrap;}
.ag-deals .ag-tag{white-space:nowrap;}
.ag-hide{display:none!important;}

/* phones: the menu scrolls sideways instead of hiding items */
@media (max-width:800px){
  .top-nav .overflowable-container,.top-nav .overflowable-contents{height:auto!important;overflow:visible!important;}
  .top-nav ul{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .top-nav ul::-webkit-scrollbar{display:none;}
  .top-nav .overflow-button{display:none!important;}
  .top-nav a{padding:7px 11px!important;font-size:15px;white-space:nowrap;}
  .ag-deals{flex-wrap:wrap;gap:8px 12px;}
  .ag-deals .ag-go{margin-left:0;}
  body,.post-body{font-size:17px;}
  .item-view .post-title,.item-view .post-title a{font-size:1.6rem;}
  .ag-nav{grid-template-columns:1fr;} .ag-nav .ag-next{grid-column:1;}
}

/* latest videos */


/* platform buttons */
.post-filter-message{background:var(--ag-surface)!important;border:1px solid var(--ag-line)!important;border-radius:12px;color:var(--ag-text)!important;
  font-family:var(--ag-head)!important;font-style:normal!important;}
.post-filter-message a{color:var(--ag-aqua)!important;}
.ag-plat{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;}
.ag-plat a{padding:7px 16px;border-radius:999px;background:var(--ag-surface);border:1px solid var(--ag-line);font-family:var(--ag-head);
  font-weight:600;font-size:14.5px;color:var(--ag-text)!important;text-decoration:none!important;letter-spacing:.02em;}
.ag-plat a:hover{border-color:var(--ag-aqua);color:var(--ag-aqua)!important;}
.ag-plat a.on{background:var(--ag-aqua);border-color:var(--ag-aqua);color:#071012!important;}
@media (max-width:800px){.ag-plat{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -4px 14px;padding:0 4px;}
  .ag-plat::-webkit-scrollbar{display:none;} .ag-plat a{white-space:nowrap;}}

/* reading time, progress bar, contents */
.ag-read{color:var(--ag-muted);font-family:var(--ag-head);font-size:.95em;}
.ag-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;pointer-events:none;}
.ag-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--ag-teal),var(--ag-aqua));transform:scaleX(0);
  transform-origin:left;transition:transform .1s linear;}
.item-view .centered-bottom > aside.sidebar-container.ag-has-toc{align-self:stretch;}
.ag-toc nav{display:grid;gap:2px;max-height:calc(100vh - 200px);overflow:auto;scrollbar-width:thin;}
.ag-toc nav a{display:block;padding:6px 10px;border-left:2px solid var(--ag-line);font-family:var(--ag-head);font-size:14px;
  line-height:1.35;color:var(--ag-muted)!important;text-decoration:none!important;}
.ag-toc nav a.sub{padding-left:22px;font-size:13px;}
.ag-toc nav a:hover{color:var(--ag-text)!important;}
.ag-toc nav a.on{border-left-color:var(--ag-aqua);color:var(--ag-aqua)!important;background:color-mix(in srgb,var(--ag-aqua) 8%,transparent);}
.sidebar-container .widget.ag-toc{position:sticky;top:84px;}   /* under the theme's sticky top bar */
.ag-toc-inline{margin:1.2em 0;padding:12px 16px;border:1px solid var(--ag-line);border-radius:12px;background:var(--ag-raised);}
.ag-toc-inline summary{cursor:pointer;font-family:var(--ag-head);font-weight:700;color:var(--ag-text);}
.ag-toc-inline nav{margin-top:8px;max-height:none;}
.post-body h2[id],.post-body h3[id]{scroll-margin-top:84px;}
html{scroll-behavior:smooth;}

/* more from this platform */
.ag-platmore{margin-top:18px;}
.ag-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.ag-cards a{display:block;border-radius:10px;overflow:hidden;background:var(--ag-raised);border:1px solid var(--ag-line);
  text-decoration:none!important;color:var(--ag-text)!important;font-size:14px;line-height:1.35;}
.ag-cards a:hover{border-color:var(--ag-aqua);}
.ag-cards img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:0!important;box-shadow:none!important;cursor:pointer!important;}
.ag-cards span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;padding:8px 10px;}
@media (max-width:640px){.ag-cards{grid-template-columns:1fr;}}

/* labels and footer */
.post-labels a,.byline.post-labels a{background:var(--ag-raised)!important;color:var(--ag-aqua)!important;border-radius:6px;}
footer,.footer{color:var(--ag-muted);}

/* header: a slimmer logo row with the search, the menu right under it */
.feed-view .centered-top{padding-top:14px!important;align-items:center;}
.feed-view #Header1 h1{height:72px!important;width:272px!important;margin:0!important;}
.centered-top .header-widget > p{display:none!important;}            /* (the blog's empty description line) */
.centered-top .blog-name{margin-bottom:0!important;}
.feed-view .centered-top .top-nav{margin-top:12px!important;}
.centered-top .search{align-self:center;}
#BlogSearch1 form{background:var(--ag-surface)!important;border:1px solid var(--ag-line)!important;border-radius:999px;height:42px;
  align-items:center;padding:0 6px 0 16px;box-sizing:border-box;transition:border-color .15s;}
#BlogSearch1 form:focus-within{border-color:var(--ag-aqua)!important;}
#BlogSearch1 .search-input,#BlogSearch1 .search-submit-container{background:transparent!important;}
#BlogSearch1 input[name=q]{background:transparent!important;border:0!important;color:var(--ag-text)!important;
  font-family:var(--ag-head)!important;font-size:15px!important;outline:none!important;box-shadow:none!important;}
#BlogSearch1 input[name=q]::placeholder{color:var(--ag-muted);opacity:1;font-style:normal;font-family:var(--ag-head);}
#search_top,#search_top.section,.centered-top .search{background:transparent!important;box-shadow:none!important;height:auto!important;}
#BlogSearch1 .search-input,#BlogSearch1 input[name=q],#BlogSearch1 .search-submit-container,#BlogSearch1 .search-icon{height:40px!important;
  line-height:40px!important;}
#BlogSearch1 input[name=q]{padding:0 6px!important;font-style:normal!important;}
#BlogSearch1 .search-submit-container{display:grid!important;place-items:center;width:32px!important;}
#BlogSearch1 .search-icon{width:22px!important;height:22px!important;padding:0!important;margin:0!important;}
/* the theme folds the search into an icon on screens under 1545px: on computers there's room, so it stays open;
   on phones and tablets it's a round icon button that opens the field over the header */
@media (min-width:1000px){
  .centered-top .search{width:250px!important;}
  .centered-top .search .search-expand{display:none!important;}
  .centered-top .search .section{position:static!important;width:250px!important;}
}
@media (max-width:999px){
  .centered-top .search{width:40px!important;height:40px!important;}
  .centered-top .search .search-expand{width:40px!important;height:40px!important;border-radius:999px!important;
    background:var(--ag-surface)!important;border:1px solid var(--ag-line)!important;display:grid!important;place-items:center;}
  .centered-top .search .search-expand svg{fill:var(--ag-aqua)!important;width:22px;height:22px;margin:0!important;padding:0!important;}
  .centered-top .search:not(.focused) .section{visibility:hidden!important;}
  .centered-top .search.focused .section{width:min(250px,calc(100vw - 32px))!important;top:-1px!important;}
  /* the theme pads its pinned header differently, which made the logo and buttons jump when it pins */
  .centered-top-container .centered-top,.centered-top-container.sticky .centered-top{padding:10px 0 0!important;}
  .centered-top-container.sticky{left:0!important;right:0!important;width:auto!important;}
}
.centered-top-container.sticky,.centered-top-container.sticky .centered-top{background:var(--ag-bg)!important;}
@media (max-width:480px){.feed-view #Header1 h1{height:52px!important;width:196px!important;}   /* logo, search and menu on one row */
  .feed-view .centered-top{padding-top:10px!important;}}
#BlogSearch1 .search-icon{fill:var(--ag-aqua)!important;}

/* footer */
#Attribution1{display:none!important;}
footer.footer{background:transparent!important;padding:0!important;}
.ag-footer{max-width:calc(100vw - 32px);margin:48px auto 0;padding:34px 28px 22px;box-sizing:border-box;
  display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid var(--ag-line);
  text-align:left;font-family:var(--ag-head);}
.ag-fbrand > div{display:inline-block;vertical-align:middle;}
.ag-fbrand > img{width:46px;height:46px;vertical-align:middle;margin-right:10px;
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--ag-aqua) 40%,transparent));}
.ag-fbrand b{display:block;font-size:1.15rem;color:var(--ag-text);}
.ag-fbrand i{display:block;font-style:normal;font-size:13px;color:var(--ag-aqua);}
.ag-fbrand p{font-family:var(--ag-body);font-size:14.5px;line-height:1.5;color:var(--ag-muted);margin:12px 0 0;}
.ag-footer .ag-social{justify-content:flex-start;margin-top:14px;}
.ag-fcol h4{margin:4px 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ag-muted);font-weight:700;}
.ag-fcol a{display:block;padding:4px 0;color:var(--ag-text)!important;text-decoration:none!important;font-size:15px;}
.ag-fcol a:hover{color:var(--ag-aqua)!important;}
.ag-flegal{grid-column:1/-1;border-top:1px solid var(--ag-line);padding-top:16px;font-family:var(--ag-body);font-size:13px;
  color:var(--ag-muted);line-height:1.55;}
.ag-flegal p{margin:0 0 6px;}
@media (min-width:1440px){.ag-footer{max-width:min(var(--ag-max),calc(100vw - 360px));}}   /* lines up with the posts */
@media (max-width:800px){.ag-footer{grid-template-columns:1fr 1fr;gap:22px;padding:28px 16px 18px;} .ag-fbrand{grid-column:1/-1;}}
.ag-newhere{display:block;text-align:center;margin-top:12px;}
.archades-ad span{background:var(--ag-surface)!important;border:1px solid var(--ag-purple);}