/* A thin pane sits at each section edge, dissolving into the following block. */
:root{--gi-boundary-depth:62px;--gi-boundary-blur:4px}
#main>:is(section,article),.static-page>.static-section{position:relative}
#main>:is(section,article)::after,.static-page>.static-section::after{
 content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:var(--gi-boundary-depth);z-index:2;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%226%22%20viewBox%3D%220%200%2016%206%22%3E%3Cpath%20d%3D%22M4%202H9%22%20fill%3D%22none%22%20stroke%3D%22%23829da5%22%20stroke-opacity%3D%22.8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 0 0/16px 6px repeat-x,linear-gradient(180deg,#ffffff8c 0%,#dce9f25c 19%,#eef5fa26 62%,#f5f8fa00 100%);
 border-radius:10px 10px 0 0;box-shadow:none;
 -webkit-backdrop-filter:blur(var(--gi-boundary-blur)) saturate(.85);backdrop-filter:blur(var(--gi-boundary-blur)) saturate(.85);
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#000d 14%,#0005 48%,#0000 100%);mask-image:linear-gradient(180deg,#000 0%,#000d 14%,#0005 48%,#0000 100%);
}
/* Keep the approved heading positions: use the existing gutter for the pane. */
.hero{overflow:visible}
.pickup{padding-bottom:20px}
.latest{padding-top:32px}
.weekly-star+.pickup{border-top-color:transparent}
/* Article sections share the same material without touching the saved content. */
.article-body-content h2{position:relative}
.article-body-content h2::before{
 content:"";display:block;position:absolute;left:0;right:0;top:-38px;height:36px;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%226%22%20viewBox%3D%220%200%2016%206%22%3E%3Cpath%20d%3D%22M4%202H9%22%20fill%3D%22none%22%20stroke%3D%22%23829da5%22%20stroke-opacity%3D%22.8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 0 0/16px 6px repeat-x,linear-gradient(180deg,#ffffff70,#dce9f238 24%,#f5f8fa00);
 -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
 -webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000);
}
@media(max-width:760px){
 :root{--gi-boundary-depth:48px;--gi-boundary-blur:3px}
 .pickup{padding-bottom:12px}.latest{padding-top:24px}
 .article-body-content h2::before{top:-32px;height:30px}
}
@media print{#main>:is(section,article)::after,.static-page>.static-section::after,.article-body-content h2::before{display:none}}