/* Shared typography and editorial layouts, including content added in WordPress.
   Scoped selectors also supersede the older Additional CSS guide/title bands. */
#toast:empty{display:none}
#dge-main .phead{padding:124px 0 44px}
#dge-main .svh{padding-top:124px;padding-bottom:52px;gap:40px}
#dge-main .phead .h2{max-width:26ch;font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;letter-spacing:-.035em;text-wrap:balance}
#dge-main .svh .h2{font-size:clamp(1.8rem,3.3vw,2.65rem);line-height:1.2;letter-spacing:-.035em;text-wrap:balance}
#dge-main .dge-page-context{max-width:65ch;margin:18px 0 0;padding:0;font:500 .98rem/1.65 var(--body);color:var(--mut);text-transform:none;letter-spacing:0;text-wrap:pretty}
#dge-main .hero .dge-page-context{margin-inline:auto}
#dge-main .phead+.pad{padding-top:56px}
#dge-main .dge-standard{padding-top:124px;padding-bottom:72px}
#dge-main .dge-page.dge-standard{width:min(860px,92%)}
#dge-main .dge-page.dge-standard>:is(.wp-block-heading,.wp-block-paragraph,p,.wp-block-image,.wp-block-columns,.wp-block-list){width:100%;margin-inline:0}
#dge-main .dge-standard>h1{padding:0;text-align:start;margin:0 0 28px;max-width:26ch;font-family:var(--disp);font-size:clamp(1.8rem,3.7vw,2.8rem);line-height:1.25;letter-spacing:-.035em;text-wrap:balance}
#dge-main .dge-page>.wp-block-heading:not(h1){font-family:var(--disp);font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.35;letter-spacing:-.025em;margin-top:40px;margin-bottom:20px;text-wrap:balance}
#dge-main .dge-page>p,#dge-main .dge-page>.wp-block-paragraph{font-family:var(--body);font-size:1.02rem;line-height:1.8;color:var(--mut)}
#dge-main .dge-page>ul,#dge-main .dge-page>ol{padding-inline-start:24px;line-height:1.8}
#dge-main .dge-standard :is(p,li){overflow-wrap:break-word}
#dge-main .dge-standard :is(h2,h3,h4){line-height:1.4;text-wrap:balance}
#dge-main .dge-standard :is(h2,h3){margin-top:36px;margin-bottom:16px;font-family:var(--disp);letter-spacing:-.025em}
#dge-main .dge-standard a:not(.btn):not(.dge-guides__card):not(.link-arrow){text-underline-offset:4px}

/* Related reading uses the same section rhythm as the studio's own work. */
#dge-main .dge-guides{width:100%;margin:0;padding:72px 0;background:linear-gradient(135deg,rgba(124,58,237,.055),transparent 65%),var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#dge-main .dge-guides__inner{width:min(1180px,92%);max-width:none;margin:0 auto}
#dge-main .dge-guides__kicker{margin:0 0 12px;font-family:var(--disp);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--vio3)}
#dge-main .dge-guides__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
#dge-main .dge-guides__title{margin:0;text-align:start;max-width:24ch;font-family:var(--disp);font-weight:700;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2;letter-spacing:-.035em}
#dge-main .dge-guides__all{flex-shrink:0;color:var(--vio3);font:700 .72rem/1.5 var(--body);letter-spacing:.08em;text-transform:uppercase}
#dge-main .dge-guides__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:20px;counter-reset:guide}
#dge-main .dge-guides__grid--single{max-width:560px;margin:0;grid-template-columns:minmax(0,1fr)}
#dge-main .dge-guides__grid:has(>:where(.dge-guides__card:only-child)){grid-template-columns:minmax(0,1fr);max-width:560px}
#dge-main .dge-guides__grid:has(>:where(.dge-guides__card:nth-child(2):last-child)){grid-template-columns:repeat(2,minmax(0,1fr))}
#dge-main .dge-guides__grid:has(>:where(.dge-guides__card:nth-child(3):last-child)),#dge-main .dge-guides__grid:has(>:where(.dge-guides__card:nth-child(5))){grid-template-columns:repeat(3,minmax(0,1fr))}
#dge-main .dge-guides__card{counter-increment:guide;min-width:0;display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--bg2);color:var(--ink);box-shadow:0 8px 24px rgba(20,15,34,.035);text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s}
#dge-main .dge-guides__card:hover,#dge-main .dge-guides__card:focus-visible{transform:translateY(-5px);border-color:var(--line2);box-shadow:0 16px 36px rgba(20,15,34,.09);text-decoration:none}
#dge-main .dge-guides__card-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--bg3);border-bottom:1px solid var(--line)}
#dge-main .dge-guides__card-body{display:flex;flex:1;flex-direction:column;padding:22px;gap:12px}
#dge-main .dge-guides__card-body::before{content:'FIELD NOTES / ' counter(guide,decimal-leading-zero);font:700 .62rem/1.4 var(--body);letter-spacing:.13em;color:var(--vio3)}
#dge-main .dge-guides__card-title{display:block;margin:0;font:700 1.1rem/1.4 var(--body);letter-spacing:-.025em;text-wrap:pretty}
#dge-main .dge-guides__card-desc{display:block;margin:0 0 8px;font:400 .92rem/1.65 var(--body);color:var(--mut)}
#dge-main .dge-guides__card-body::after{content:'Explore guide ↗';display:block;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font:700 .69rem/1.4 var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--vio3)}
/* Text-only cards remain supported, without reserving an empty cover area. */
#dge-main .dge-guides__card:not(:has(.dge-guides__card-body)){padding:24px;gap:12px}
#dge-main .dge-guides__card:not(:has(.dge-guides__card-body))::after{content:'Explore guide ↗';margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font:700 .69rem/1.4 var(--body);letter-spacing:.1em;color:var(--vio3)}

/* The journal, category/search archives and related guide cards share type. */
#dge-main .dge-blog-intro{padding-top:24px;padding-bottom:24px}
#dge-main .dge-blog-intro p{max-width:65ch;font-size:1rem;line-height:1.8}
#dge-main .dge-blog-feed{padding-top:12px;padding-bottom:72px}
#dge-main .dge-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 36px}
#dge-main .dge-article-card{border-radius:16px;box-shadow:0 8px 24px rgba(20,15,34,.035)}
#dge-main .dge-article-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line)}
#dge-main .dge-article-card .bd{padding:24px}
#dge-main .dge-article-card .kicker{margin:0;font-family:var(--body);font-weight:700;color:var(--vio3);font-size:.65rem;letter-spacing:.13em}
#dge-main .dge-article-card h3{margin:12px 0;font:700 1.25rem/1.4 var(--body);letter-spacing:-.025em;text-wrap:pretty}
#dge-main .dge-article-card .bd>div{font-size:.95rem;line-height:1.7;margin-bottom:20px;color:var(--mut)}
#dge-main .dge-article-card .bd>div{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#dge-main .dge-article-card .bd>div p{margin:0}
#dge-main .dge-article-card .link-arrow{padding-top:16px;border-top:1px solid var(--line);font-size:.68rem;letter-spacing:.1em}
#dge-main .dge-article-body :is(h2,h3){font-family:var(--body);font-weight:700;letter-spacing:-.02em}
#dge-main .dge-article-body :is(ul,ol){margin:20px 0;padding-inline-start:24px}
#dge-main .dge-article-body li+li{margin-top:8px}
#dge-main .dge-post>.kicker:empty{display:none}
#dge-main .dge-article-body .wp-block-table{max-width:100%;overflow:auto}
#dge-main .dge-article-body table{width:100%;border-collapse:collapse;font-size:.94rem;line-height:1.6}
#dge-main .dge-article-body :is(td,th){padding:14px;text-align:start;border:1px solid var(--line)}
#dge-main .dge-article-body th{background:var(--bg3)}
#dge-main .dge-post .h2{font-size:clamp(1.8rem,3.4vw,2.65rem);max-width:none;line-height:1.3}
#dge-main .dge-standard .dge-guides{margin-top:48px;border-radius:20px;padding:36px 0}
#dge-main .dge-standard .dge-guides__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#dge-main .internal-link-callout{margin:28px auto;padding:20px 24px;border-inline-start:3px solid var(--vio);border-radius:0 12px 12px 0;background:var(--bg3);font:400 1rem/1.7 var(--body);color:var(--mut)}

@media(max-width:1024px){
 #dge-main .dge-guides__grid,#dge-main .dge-guides__grid:has(>.dge-guides__card),#dge-main .dge-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #dge-main .dge-guides__grid--single{grid-template-columns:minmax(0,1fr)}
 #dge-main .dge-guides__grid:has(>.dge-guides__card:only-child){grid-template-columns:minmax(0,1fr)}
 #dge-main .svh{gap:28px;padding-top:116px}
}
@media(max-width:640px){
 #dge-main .phead{padding:108px 0 32px}
 #dge-main .svh{padding:108px 0 36px;gap:28px}
 #dge-main .phead .h2,#dge-main .svh .h2{font-size:clamp(1.55rem,6.8vw,2.1rem);line-height:1.25;letter-spacing:-.035em}
 #dge-main .phead+.pad{padding-top:36px}
 #dge-main .dge-page-context{margin-top:14px;font-size:.9rem;line-height:1.65}
 #dge-main .dge-standard{padding-top:108px;padding-bottom:48px}
 #dge-main .dge-guides{padding:44px 0}
 #dge-main .dge-guides__heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}
 #dge-main .dge-guides__grid,#dge-main .dge-guides__grid:has(>.dge-guides__card),#dge-main .dge-post-grid,#dge-main .dge-standard .dge-guides__grid{grid-template-columns:minmax(0,1fr);gap:20px}
 #dge-main .dge-guides__card-img{aspect-ratio:16/9}
 #dge-main .dge-guides__card-body,#dge-main .dge-article-card .bd{padding:22px}
 #dge-main .dge-blog-feed{padding-bottom:48px}
}