.sn-home{color:#294637;min-width:0;line-height:1.7}.sn-home *{box-sizing:border-box}.sn-home a{color:inherit;overflow-wrap:anywhere}.sn-home h1,.sn-home h2,.sn-home h3,.sn-home p{margin:0}.sn-home-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 16px}.sn-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#7f9275}.sn-home-heading h1{font-size:32px;letter-spacing:-1.5px;margin:8px 0}.sn-home-heading p,.sn-topics header p{font-size:12px;color:#7c8973}.sn-home-heading .sn-home-intro{max-width:610px;margin-top:10px;font-size:13px;line-height:1.75;color:#5f7058}.sn-home-intro strong{font-weight:700;color:#315c43}.sn-topics{margin-top:20px}.sn-home h2{font-size:19px}.sn-topics header p{margin-top:7px}.sn-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;margin-top:12px}.sn-topic{padding:18px;background:#fff;border:1px solid #e1e7dc;border-radius:12px;min-width:0}.sn-topic-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#809176}.sn-topic-top strong{font-size:28px;font-variant-numeric:tabular-nums;color:#ab673d}.sn-topic h3{font-size:18px;margin:10px 0;overflow-wrap:anywhere}.sn-topic meter{width:100%;height:8px;display:block;appearance:none;background:#edf0e8;border:0;border-radius:4px;overflow:hidden}.sn-topic meter::-webkit-meter-bar{height:8px;background:#edf0e8;border:0;border-radius:4px;box-shadow:none}.sn-topic meter::-webkit-meter-optimum-value{background:#73945d;border-radius:4px}.sn-topic meter::-moz-meter-bar{background:#73945d;border-radius:4px}.sn-topic p{font-size:13px;line-height:1.8;color:#66765d;margin:10px 0;overflow-wrap:anywhere}.sn-topic-summary .sn-summary-link{display:block;text-decoration:underline;text-decoration-color:#c4d1bc;text-underline-offset:4px}.sn-topic-summary a:hover{color:#285b46;text-decoration-color:currentColor}.sn-topic-summary a:focus-visible{outline:2px solid #73945d;outline-offset:3px;border-radius:3px}.sn-inline-sources{font-size:12px}.sn-inline-sources a{text-decoration:underline;text-underline-offset:3px}.sn-inline-sources a+a::before{content:" · ";display:inline-block;margin:0 4px;text-decoration:none;color:#819076}.sn-bottom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:18px}.sn-story-section{min-width:0;background:#fff;border:1px solid #e1e7dc;border-radius:12px;padding:18px}.sn-story-section header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sn-story-section header a{font-size:11px;white-space:nowrap}.sn-story{display:block;border-top:1px solid #edf0e8;padding:12px 0}.sn-story strong{display:block;font-size:14px;overflow-wrap:anywhere}.sn-story span{display:block;font-size:11px;color:#819076;margin-top:8px}.sn-empty{font-size:13px;color:#819076;padding:14px 0;line-height:1.8}.sn-write{display:block;font-size:12px;margin-top:16px;color:#285b46}.sn-home a:hover{text-decoration:underline}@media(max-width:760px){.sn-home-heading h1{font-size:27px}.sn-home-heading .sn-home-intro{font-size:12px;line-height:1.7;max-width:none}.sn-topic-grid,.sn-bottom-grid{grid-template-columns:1fr}.sn-home-heading .yb-button{font-size:12px;padding:9px 12px}.sn-story-section,.sn-topic{padding:15px}}@media(max-width:360px){.sn-home-heading{align-items:flex-start;flex-direction:column}}
.sn-latest{min-width:0;padding:14px 16px;background:#fff;border:1px solid #e1e7dc;border-radius:12px}
.sn-latest-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.sn-latest-head h2{font-size:13px;letter-spacing:.4px;color:#5f7256}
.sn-latest-head a{font-size:11px;white-space:nowrap;color:#285b46}
.sn-latest ol{list-style:none;margin:0;padding:0}
.sn-latest li+li{border-top:1px solid #edf0e8}
.sn-latest-item a{display:block;padding:8px 0;text-decoration:none}
.sn-latest-line{display:flex;align-items:baseline;gap:6px;min-width:0}
.sn-latest-kind{flex:none;padding:2px 5px;border-radius:4px;background:#eef3e8;color:#5f7a52;font-size:9px;font-weight:700;letter-spacing:.3px}
.sn-latest-item--comment .sn-latest-kind{background:#f4eee6;color:#9a6a45}
.sn-latest-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.sn-latest-time{flex:none;font-size:10px;color:#8b9782}
.sn-latest-sub{display:block;margin-top:2px;font-size:11px;color:#8b9782;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sn-latest-sub::before{content:"↳ ";color:#b0bda6}
.sn-latest-divider{display:flex;align-items:center;gap:8px;padding:8px 0 1px;font-size:9px;font-weight:700;letter-spacing:.5px;color:#9a6a45}
.sn-latest-divider::after{content:"";flex:1;height:1px;background:#efe7dd}

.sn-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.sn-rank{min-width:0;padding:16px 18px;background:#fff;border:1px solid #e1e7dc;border-radius:12px}
.sn-rank-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}
.sn-rank-head h2{font-size:14px;letter-spacing:-.2px;color:#3b5a45}
.sn-rank-head span{font-size:10px;color:#8b9782}
.sn-rank ol{list-style:none;margin:0;padding:0}
.sn-rank li+li{border-top:1px solid #edf0e8}
.sn-rank a{display:flex;align-items:baseline;gap:8px;padding:7px 0;text-decoration:none}
.sn-rank-no{flex:none;width:16px;font-size:11px;font-weight:700;color:#8aa277;font-variant-numeric:tabular-nums}
.sn-rank-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.sn-rank-count{flex:none;font-size:11px;font-weight:700;color:#ab673d;font-variant-numeric:tabular-nums}
@media(max-width:760px){.sn-rank-grid{grid-template-columns:1fr}}
.sn-questions{margin-top:18px}
@media(max-width:760px){
  .sn-topic-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}

.sn-home-heading>div{min-width:0}.sn-home h1,.sn-home h2,.sn-home h3{line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}.sn-topic-summary a>span[aria-hidden="true"]{white-space:nowrap}.sn-topic:only-child{grid-column:1/-1}.sn-story-section{display:flex;flex-direction:column}.sn-write{margin-top:auto;padding-top:16px}

/* Compact digest with a short bullet summary; source links live in the topic cards below. */

/* Now dashboard: timeline */
.sn-now{max-width:900px;margin:0 auto}
.sn-now-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin:6px 0 26px;padding-bottom:22px;border-bottom:1px solid #e4ebe0}
.sn-now-heading h1{font-size:42px;letter-spacing:-2px;margin:10px 0;line-height:1.12;color:#1c3a2b}
.sn-now-heading p{font-size:13px;color:#6f8167;line-height:1.8;max-width:620px}
.sn-timeline{list-style:none;margin:0;padding:0 0 0 68px;position:relative}
.sn-timeline:before{content:"";position:absolute;left:23px;top:10px;bottom:18px;width:2px;background:linear-gradient(180deg,#cfe0c2,#e9efe3 60%,transparent)}
.sn-tl-item{position:relative;padding:0 0 26px}
.sn-tl-marker{position:absolute;left:-68px;top:2px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef3e7;border:3px solid #fff;box-shadow:0 0 0 1px #dce6d4;color:#5a7446;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.sn-tl-item:first-child .sn-tl-marker{background:#285b46;color:#fff;box-shadow:0 0 0 1px #285b46,0 6px 16px #285b4630}
.sn-tl-card{background:#fff;border:1px solid #e3eadc;border-radius:16px;padding:22px 24px;transition:box-shadow .18s ease,border-color .18s ease}
.sn-tl-card:hover{box-shadow:0 12px 30px #284b3410;border-color:#d3dfca}
.sn-tl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.sn-tl-title{font-size:22px;font-weight:750;letter-spacing:-.6px;line-height:1.4;color:#16382a;margin:0;overflow-wrap:anywhere}
.sn-tl-temp{flex-shrink:0;display:inline-flex;align-items:baseline;gap:1px;padding:4px 11px;border-radius:999px;background:#fbf1e9;color:#b1602f;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.sn-tl-temp small{font-size:10px;font-weight:700}
.sn-tl-meter{height:6px;border-radius:999px;background:#eef1e9;overflow:hidden;margin-bottom:14px}
.sn-tl-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#b7d3a1,#5d8750)}
.sn-tl-summary{font-size:14px;line-height:1.9;color:#4a5b44;margin:0;overflow-wrap:anywhere}
.sn-topic-posts{margin-top:16px;border-top:1px solid #eef1e9;padding-top:6px}
.sn-post-row{display:grid;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:11px 6px;border-radius:10px;text-decoration:none;color:inherit;transition:background .15s ease}
.sn-post-row+.sn-post-row{border-top:1px solid #f2f4ee}
.sn-post-row:hover{background:#f7faf3}
.sn-post-temp{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;min-width:48px;padding:5px 8px;border-radius:8px;background:#f6f8f2;color:#6f8462;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}
.sn-post-temp small{font-size:10px}
.sn-post-body{min-width:0;display:block}
.sn-post-title{display:block;font-size:16px;font-weight:700;line-height:1.5;letter-spacing:-.3px;color:#1c3a2b;overflow-wrap:anywhere}
.sn-post-meta{display:block;margin-top:3px;font-size:11px;color:#899680}
.sn-post-arrow{color:#b0bda5;font-size:14px;text-align:right}
.sn-post-row:hover .sn-post-arrow{color:#5d8750}
.sn-post-comment{display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding:7px 10px;border-radius:8px;background:#f7faf3;border:1px solid #edf2e7;font-size:12px;line-height:1.6}
.sn-post-comment-votes{flex-shrink:0;color:#b1602f;font-weight:800;font-variant-numeric:tabular-nums}
.sn-post-comment-text{min-width:0;overflow-wrap:anywhere;color:#5a6b50}
@media(max-width:760px){.sn-now-heading h1{font-size:32px;letter-spacing:-1.2px}.sn-timeline{padding-left:0}.sn-timeline:before{display:none}.sn-tl-marker{position:static;width:auto;height:auto;border:0;box-shadow:none;background:none;justify-content:flex-start;margin-bottom:8px;font-size:12px;color:#8a9a7e}.sn-tl-item:first-child .sn-tl-marker{background:none;color:#8a9a7e;box-shadow:none}.sn-tl-marker span:before{content:"#"}.sn-tl-item{padding-bottom:20px}.sn-tl-card{padding:18px}.sn-tl-title{font-size:18px}.sn-tl-temp{font-size:13px;padding:2px 9px}.sn-post-row{grid-template-columns:44px minmax(0,1fr) 14px;gap:10px;padding:9px 2px}.sn-post-temp{min-width:40px;font-size:12px}.sn-post-title{font-size:15px}.sn-post-comment{font-size:11px;padding:6px 8px}}

/* Mobile home: latest first, both rankings side by side, then topics. */
.sn-rank-title-mobile{display:none}
.sn-topics-more{display:none}
@media(max-width:760px){
  .sn-home{display:flex;flex-direction:column}
  .sn-home-heading{order:1}
  .sn-latest{order:1}
  .sn-rank-grid{order:3}
  .sn-topics{order:4}
  .sn-questions{order:5}
  .sn-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
  .sn-rank{padding:13px 12px}
  .sn-rank-head{gap:4px}
  .sn-rank-head h2{font-size:12px}
  .sn-rank-head>span{display:none}
  .sn-rank a{gap:5px;padding:6px 0;font-size:11px}
  .sn-rank-no{width:14px;font-size:10px}
  .sn-rank-count{font-size:10px}
  .sn-rank-title-desktop{display:none}
  .sn-rank-title-mobile{display:inline}
  .sn-rank li:nth-child(n+6){display:none}
  .sn-topic-grid.sn-topics-collapsed .sn-topic:nth-child(n+9){display:none}
  .sn-topics-more{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:12px;padding:8px 16px;border:1px solid #dce5d5;border-radius:8px;background:#f7f9f3;color:#3d5b45;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
  .sn-topics-more[hidden]{display:none}
}

/* Photo tiles beside the latest activity on desktop. */
.sn-top-grid{display:grid;grid-template-columns:minmax(340px,1fr) minmax(0,1.55fr);gap:14px;align-items:stretch}
.sn-top-grid--single{grid-template-columns:1fr}
.sn-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;min-width:0}
.sn-photo-grid--1{grid-template-columns:1fr}
.sn-photo-grid--1 .sn-photo-tile{aspect-ratio:16/9}
.sn-photo-grid--3 .sn-photo-tile:first-child{grid-column:1/-1;aspect-ratio:16/9}
.sn-photo-grid--5,.sn-photo-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}
.sn-photo-tile{position:relative;display:block;width:100%;height:100%;min-height:0;min-width:0;overflow:hidden;aspect-ratio:4/3;border:1px solid #e1e7dc;border-radius:12px;background:#eef2e8;color:inherit;text-decoration:none}
.sn-photo-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.sn-photo-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,40,30,0) 45%,rgba(20,40,30,.78));pointer-events:none}
.sn-photo-caption{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:3px;padding:24px 14px 12px;color:#fff}
.sn-photo-caption strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:-.2px;overflow-wrap:anywhere}
.sn-photo-caption span{font-size:10px;color:rgba(255,255,255,.82)}
.sn-home .sn-photo-tile:hover{text-decoration:none}
.sn-home .sn-photo-tile:hover img{transform:scale(1.04)}
.sn-home .sn-photo-tile:hover .sn-photo-caption strong{text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){
  .sn-photo-grid{order:2}
  .sn-home .sn-top-grid{display:flex;flex-direction:column;order:2;align-items:stretch}
  .sn-photo-grid--5,.sn-photo-grid--6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sn-photo-caption{padding:20px 11px 10px}
  .sn-photo-caption strong{font-size:12px}
  .sn-photo-caption span{font-size:9px}
}

/* Topic cards use the source post image as a separate photo band. */
.sn-topic{position:relative;overflow:hidden}
.sn-topic-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:var(--sn-topic-photo-opacity,1);pointer-events:none;transition:opacity .3s ease,transform .5s ease}
.sn-topic::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.45) 45%,rgba(255,255,255,.9));pointer-events:none}
.sn-topic > :not(.sn-topic-bg){position:relative;z-index:1}
.sn-topic h3,.sn-topic-summary,.sn-topic-top{text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 10px rgba(255,255,255,.55)}
.sn-topic{background:linear-gradient(160deg,#fff 0%,#f4f7ef 100%)}

/* Home polish: dateline, actions, expandable latest, rank hints, answer callout. */
.sn-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sn-dateline{font-size:10px;font-weight:600;letter-spacing:.35px;color:#9aa793;font-variant-numeric:tabular-nums}
.sn-heading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sn-topic h3 a{color:inherit;text-decoration:none}
.sn-topic h3 a:hover{text-decoration:underline;text-decoration-color:#c4d1bc;text-underline-offset:4px}
.sn-topic h3 a:focus-visible{outline:2px solid #73945d;outline-offset:3px;border-radius:3px}
.sn-latest-more{display:none}
.sn-rank{display:flex;flex-direction:column}
.sn-rank-hint{margin-top:auto;padding-top:12px;border-top:1px dashed #edf0e8;font-size:11px;line-height:1.6;color:#8b9782}
.sn-answer-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:13px 16px;border:1px solid #dfe8d7;border-radius:10px;background:#f6f9f1;color:#3d5b45;font-size:13px;text-decoration:none}
.sn-answer-callout strong{color:#ab673d;font-variant-numeric:tabular-nums}
.sn-answer-callout>span:last-child{color:#73945d;font-weight:700}
.sn-home .sn-answer-callout:hover{background:#eef4e7;text-decoration:none}
.sn-questions{scroll-margin-top:80px}
@media(max-width:760px){
  .sn-heading-actions{display:none}
  .sn-dateline span{display:none}
  .sn-answer-callout{order:3;font-size:12px}
  .sn-latest-more{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-top:8px;padding:7px 14px;border:1px solid #dce5d5;border-radius:8px;background:#f7f9f3;color:#3d5b45;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
  .sn-latest-more[hidden]{display:none}
  .sn-latest.sn-latest-collapsed .sn-latest-item:nth-child(n+9){display:none}
  .sn-rank a{align-items:flex-start}
  .sn-rank-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;text-overflow:clip}
  .sn-rank-no,.sn-rank-count{margin-top:1px}
}

/* Topic cards: a separate photo band above a solid text panel. */
.sn-topic-grid{counter-reset:sn-topic}
.sn-topic{counter-increment:sn-topic;display:flex;flex-direction:column;padding:0;background:#fff}
.sn-topic-top{position:relative;z-index:2;min-height:112px;padding:14px 16px 12px;align-items:flex-start;gap:8px;background:none}
.sn-topic .sn-topic-bg{position:absolute;top:0;left:0;right:0;bottom:auto;width:100%;height:112px;object-fit:cover;z-index:0;opacity:var(--sn-topic-photo-opacity,1)}
.sn-topic::after{display:none}
.sn-topic-body{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;padding:15px 18px 18px;background:#fff;border-top:1px solid #edf1e6}
.sn-topic-body h3{margin:0 0 10px;line-height:1.4}
.sn-topic-body .sn-topic-summary{margin:0}
.sn-topic-body meter{margin:0 0 10px}
.sn-topic-top>span,.sn-topic-top>strong{position:relative;z-index:2;padding:3px 7px;border-radius:5px;background:#fff;line-height:1.4}
.sn-topic-top>span{font-size:10px;font-weight:700;letter-spacing:.3px;color:#5f7a52}
.sn-topic-top>strong{padding:1px 7px;font-size:22px;color:#ab673d}
.sn-topic--text,.sn-topic--photo{background:linear-gradient(135deg,#f3f7ee,#e5eee0)}
.sn-topic--text .sn-topic-top::before{content:counter(sn-topic,decimal-leading-zero);position:absolute;right:16px;bottom:-10px;z-index:0;font-size:62px;line-height:1;font-weight:800;letter-spacing:-4px;color:rgba(49,92,67,.09);pointer-events:none}
.sn-topic h3,.sn-topic-summary,.sn-topic-top{text-shadow:none}
@media(max-width:760px){
  .sn-topic-top{min-height:104px;padding:13px 15px 11px}
  .sn-topic .sn-topic-bg{height:104px}
  .sn-topic-body{padding:14px 16px 16px}
  .sn-topic--text .sn-topic-top::before{right:14px;bottom:-8px;font-size:56px}
}

.sn-topic:hover .sn-topic-bg{opacity:var(--sn-topic-photo-opacity,1);transform:scale(1.03)}