/* Daily Rivet v1.10.51: approved homepage layout. Loaded on home only. */
/* Only the featured article and Daily Question adopt the chosen layout. */
body.home-template .soft-hero.reference-hero{display:grid;grid-template-columns:minmax(185px,.62fr) minmax(0,1.65fr) minmax(350px,1.15fr);gap:18px;align-items:start;height:auto;min-height:0}
body.home-template .reference-hero>*{min-width:0}
body.home-template .reference-hero .soft-feature{grid-column:2;grid-row:1;display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;border:1px solid var(--line);border-radius:9px;overflow:hidden}
body.home-template .reference-hero .soft-feature-image{display:block;order:0;width:100%;height:auto;min-height:0;aspect-ratio:auto;position:relative;flex:none}
body.home-template .reference-hero .soft-feature-image img{display:block;width:100%;height:auto;object-position:center;aspect-ratio:16/9}
body.home-template .reference-hero .soft-feature-image:before{display:none}
body.home-template .reference-hero .soft-feature-copy{order:1;padding:23px 24px 27px;justify-content:start;align-items:start;flex:1;gap:0}
body.home-template .reference-hero .soft-feature .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.11em}
body.home-template .reference-hero .soft-feature h1{font-size:clamp(1.7rem,2.5vw,2.25rem);line-height:1.2;letter-spacing:-.035em;margin:11px 0 16px}
body.home-template .reference-hero .soft-feature p{font-size:13px;line-height:1.7;margin:0 0 21px}
body.home-template .reference-hero .soft-feature .button{margin-top:0;padding:12px 18px;font-size:11px}
body.home-template .reference-hero .reference-games{grid-column:3;grid-row:1;display:block;height:auto;min-height:0;container-type:inline-size}
body.home-template .reference-hero .daily-question-reference{grid-column:1;grid-row:1;display:flex;flex-direction:column;min-width:0;height:auto;min-height:0;max-height:none;padding:0;border:1px solid #113d34;border-radius:8px;background:#0c322b;color:#f7f7f3;overflow:hidden;gap:0}
body.home-template .reference-hero .reference-question-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:15px 16px;border-bottom:1px solid #456458}
body.home-template .reference-hero .reference-question-bar .eyebrow{color:#f7f7f3;font-size:10px;line-height:1.4;letter-spacing:.09em}
body.home-template .reference-hero .reference-question-bar>span:last-child{font-size:10px;line-height:1.4;color:#e9bd6c}
body.home-template .reference-hero .daily-question-reference [data-daily-question-prompt]{font-family:var(--serif);font-weight:700;font-size:clamp(1.35rem,1.9vw,1.8rem);line-height:1.25;color:#f7f7f3;margin:27px 18px 26px;min-height:0;overflow-wrap:break-word}
body.home-template .reference-hero .daily-question-reference .answers{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 18px 0}
body.home-template .reference-hero .daily-question-reference .answers button{height:44px;min-height:44px;min-width:0;width:auto;padding:9px;border:1px solid #789981;border-radius:4px;background:transparent;color:#f7f7f3;font-size:12px;line-height:1.2;opacity:1}
body.home-template .reference-hero .daily-question-reference .answers button:hover{background:#285448}
body.home-template .reference-hero .daily-question-reference.is-correct .answers button:disabled,body.home-template .reference-hero .daily-question-reference.is-incorrect .answers button:disabled{opacity:1}
body.home-template .reference-hero .daily-question-reference .answer-note{display:block;height:auto;min-height:130px;max-height:none;margin:0;padding:19px 18px 22px;color:#e2ecdf;font:12px/1.6 var(--sans);flex:none;overflow-wrap:break-word}
body.home-template .reference-hero .daily-question-reference .answer-note[hidden]{display:block!important;visibility:hidden}
body.home-template .reference-hero .daily-question-reference .answer-note strong{display:block;margin:0 0 6px;color:#f5d79b;font-size:14px}
body.home-template .reference-hero .daily-question-reference .answer-note span{color:#e2ecdf}
@media(max-width:1180px) and (min-width:901px){body.home-template .soft-hero.reference-hero{grid-template-columns:minmax(165px,.7fr) minmax(0,1.65fr) minmax(305px,1fr);gap:15px}body.home-template .reference-hero .soft-feature-copy{padding:20px}body.home-template .reference-hero .soft-feature h1{font-size:1.75rem;line-height:1.2}body.home-template .reference-hero .soft-feature p{font-size:12px}body.home-template .reference-hero .reference-question-bar{padding:13px}body.home-template .reference-hero .daily-question-reference [data-daily-question-prompt]{font-size:1.45rem;margin:24px 14px}body.home-template .reference-hero .daily-question-reference .answers{margin-left:14px;margin-right:14px}body.home-template .reference-hero .daily-question-reference .answer-note{padding:18px 14px;min-height:145px}}
@media(max-width:900px) and (min-width:701px){body.home-template .soft-hero.reference-hero{grid-template-columns:minmax(0,1.75fr) minmax(210px,1fr);gap:20px}body.home-template .reference-hero .soft-feature{grid-column:1;grid-row:1}body.home-template .reference-hero .daily-question-reference{grid-column:2;grid-row:1}body.home-template .reference-hero .reference-games{grid-column:1/-1;grid-row:2;max-width:none}body.home-template .reference-hero .soft-feature h1{font-size:1.9rem}body.home-template .reference-hero .soft-feature-copy{padding:22px}body.home-template .reference-hero .daily-question-reference [data-daily-question-prompt]{font-size:1.7rem}}
@media(max-width:700px){body.home-template .soft-hero.reference-hero{display:flex;flex-direction:column;height:auto;min-height:0;gap:16px}body.home-template .reference-hero>*{width:100%}body.home-template .reference-hero .soft-feature{order:0;height:auto;min-height:0}body.home-template .reference-hero .daily-question-reference{order:1}body.home-template .reference-hero .reference-games{order:2;height:auto;min-height:0}body.home-template .reference-hero .soft-feature-image{width:100%;height:auto;aspect-ratio:auto;order:0}body.home-template .reference-hero .soft-feature-copy{padding:22px}body.home-template .reference-hero .soft-feature h1{font-size:1.9rem;line-height:1.2;margin:10px 0 14px}body.home-template .reference-hero .soft-feature p{font-size:13px}body.home-template .reference-hero .reference-question-bar{padding:15px 20px}body.home-template .reference-hero .daily-question-reference [data-daily-question-prompt]{font-size:1.7rem;margin:24px 20px}body.home-template .reference-hero .daily-question-reference .answers{margin-left:20px;margin-right:20px;max-width:240px}body.home-template .reference-hero .daily-question-reference .answer-note{padding:18px 20px 20px;min-height:105px}}


/* Side columns track the feature row without increasing its height. */
body.home-template .reference-hero .reference-question-column{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:18px;min-width:0;align-self:start}
body.home-template .reference-hero .reference-question-column .daily-question-reference{width:100%;order:0}
body.home-template .reference-hero .lp-slot{grid-column:3;grid-row:1;min-width:0;width:100%;align-self:start}
.lp-module{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--paper);overflow:hidden;color:var(--ink)}
.lp-module *{box-sizing:border-box}.lp-module a{color:inherit}.lp-module img{display:block;width:100%;height:auto}
.lp-module .lp-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font:700 10px/1.5 var(--sans);color:var(--green)}
.lp-module .lp-footer>a{white-space:nowrap}
@media(min-width:701px){
 body.home-template .soft-hero.reference-hero{position:relative;align-items:start}
 body.home-template .reference-hero .reference-question-column{position:absolute;grid-column:1 / 2;grid-row:1 / 2;inset:0;align-self:stretch;min-height:0;height:auto}
 body.home-template .reference-hero .reference-question-column .daily-question-reference{flex:0 1 auto;min-height:0;max-height:72%;overflow:auto}
 body.home-template .reference-hero .daily-question-reference .answer-note[hidden]{display:none!important}
 body.home-template .reference-hero .daily-question-reference .answer-note{min-height:0}
}
@media(min-width:901px){
 body.home-template .reference-hero .lp-slot{position:absolute;grid-column:3 / 4;grid-row:1 / 2;inset:0;align-self:stretch;display:flex;min-height:0;height:auto;container-type:size}
}
@media(min-width:701px) and (max-width:900px){
 body.home-template .reference-hero .reference-question-column{grid-column:2 / 3;grid-row:1 / 2}
 body.home-template .reference-hero .lp-slot{grid-column:1 / -1;grid-row:2}
}
@media(max-width:700px){
 body.home-template .reference-hero .reference-question-column{order:1;width:100%;gap:16px}
 body.home-template .reference-hero .lp-slot{order:2;width:100%}
}

.hero-height-probe{position:fixed!important;left:-100000px!important;top:0!important;margin:0!important;visibility:hidden!important;pointer-events:none!important}
@media(min-width:901px){
 body.home-template .reference-hero[data-short-hero] .soft-feature{height:var(--short-hero-height);min-height:0;max-height:none}
 body.home-template .reference-hero[data-short-hero] .soft-feature-image{flex:1 1 0;min-height:0;height:auto;overflow:hidden}
 body.home-template .reference-hero[data-short-hero] .soft-feature-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
 body.home-template .reference-hero[data-short-hero] .soft-feature-copy{flex:0 0 auto;padding:17px 20px 19px}
 body.home-template .reference-hero[data-short-hero] .soft-feature h1{font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.15;margin:9px 0 12px}
 body.home-template .reference-hero[data-short-hero] .soft-feature p{font-size:12px;line-height:1.5;margin:0 0 15px}
 body.home-template .reference-hero[data-short-hero] .soft-feature .button{padding:10px 15px}
 body.home-template .reference-hero[data-short-hero] .daily-question-reference{max-height:none;flex:0 0 auto}
}
@media(min-width:901px){
 body.home-template .reference-hero[data-short-hero] .reference-question-column .daily-question-reference{flex:1 1 0;min-height:0;max-height:none}
 body.home-template .reference-hero[data-short-hero] .daily-question-reference [data-daily-question-prompt]{flex:1;display:flex;align-items:center}
 body.home-template .reference-hero[data-short-hero] .daily-question-reference .answers{margin-bottom:18px}
}
.jp-image-module{display:flex;flex-direction:column;min-height:0;min-width:0;width:100%;flex:1;overflow:hidden}
.jp-image-module .lp-header{padding:13px 16px 12px;flex:none}
.jp-image-module .lp-header h2{font-size:24px;margin-top:5px}
.jp-image-module .lp-footer{flex:none;padding:10px 14px}
.jp-image-module .jp-category{display:block;font:700 8px/1.4 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#8b624d}
.jp-image-module h3{margin:4px 0 0;font:700 14px/1.3 var(--serif);letter-spacing:-.2px;color:var(--ink)}
.jp-image-module h3 a{text-decoration:none}
.jp-image-module a:hover h3,.jp-image-module h3 a:hover{text-decoration:underline}
.jp-image-module .jp-three{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 14px;overflow:auto}
.jp-image-module .jp-three-row{display:grid;grid-template-columns:minmax(96px,42%) minmax(0,1fr);gap:12px;align-items:center;flex:1 0 auto;padding:9px 0;border-bottom:1px solid var(--line);min-width:0}
.jp-image-module .jp-three-row:last-child{border:0}
.jp-image-module .jp-three-photo{display:block;min-width:0;overflow:hidden;border-radius:4px}
.jp-image-module .jp-three-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.jp-image-module .jp-three-row h3{font-size:clamp(12px,3cqh,15px);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}


.jp-image-module .jp-three-photo .image-placeholder{display:block;width:100%;aspect-ratio:16/9}
.jp-image-module a:focus-visible{outline:3px solid #a36c23;outline-offset:2px}
@media(max-width:900px){
 .jp-image-module .jp-three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:16px}
 .jp-image-module .jp-three-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0;border:0}
 .jp-image-module .jp-three-row h3{font-size:16px}
}
@media(max-width:700px){
 .jp-image-module .jp-three{display:flex;gap:0;padding:0 16px}
 .jp-image-module .jp-three-row{display:grid;grid-template-columns:42% minmax(0,1fr);padding:16px 0;border-bottom:1px solid var(--line)}
}


@media(min-width:901px){
 .jp-image-module .jp-three{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));overflow:hidden}
 .jp-image-module .jp-three-row{min-height:0;padding:6px 0}
 .jp-image-module .jp-three-photo{height:100%;min-height:0;display:flex;align-items:center}
 .jp-image-module .jp-three-photo img{height:100%;min-height:0;object-fit:contain}
}
@media(min-width:701px) and (max-width:900px){
 .jp-image-module .jp-three{grid-template-columns:repeat(2,minmax(0,1fr))}
}


body.home-template .reference-hero .jp-image-module .jp-panel-label{flex:none;margin:0;padding:11px 14px 9px;border-bottom:1px solid var(--line);font:700 12px/1.35 var(--sans);letter-spacing:.02em;color:var(--green)}


/* Approved compact feature: v1.10.53. */

/* Compact copy makes room for the full-width image without moving the fold. */
body.home-template .reference-hero .feature-read-link{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--green);font:700 11px/1.5 var(--sans);text-decoration:none}
body.home-template .reference-hero .feature-read-link:hover{text-decoration:underline;text-underline-offset:3px}
body.home-template .reference-hero .feature-read-link:focus-visible{outline:3px solid #a36c23;outline-offset:4px}
@media(min-width:901px){
 body.home-template .reference-hero[data-short-hero] .soft-feature-image{flex:0 1 auto;aspect-ratio:16/9;min-height:0;height:auto}
 body.home-template .reference-hero[data-short-hero] .soft-feature-image img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
 body.home-template .reference-hero[data-short-hero] .soft-feature-copy{flex:1 0 auto;justify-content:center;padding:13px 18px 15px}
 body.home-template .reference-hero[data-short-hero] .soft-feature h1{font-size:clamp(1.35rem,1.9vw,1.65rem);line-height:1.17;margin:8px 0 11px}
}


/* Approved compact feature: v1.10.53. */

body.home-template .reference-hero .soft-feature .feature-summary{font-size:12px;line-height:1.5;margin:0 0 10px;color:var(--muted,#58645f)}
@media(min-width:901px){
 /* Transfer 12px of space from the section gap into the shared hero height. */
 body.home-template .section-heading.fresh-heading{margin-top:18px}
 body.home-template .reference-hero[data-short-hero] .soft-feature-image img{transform:scale(1.025);transform-origin:center}
}