/* Official-blog index: the source articles remain on the official blog. */
.guide-hub-controls{padding-top:0;padding-bottom:32px}.guide-hub-numbers{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 32px;color:#68685f}.guide-hub-numbers strong{color:#4c6434;font-size:22px;font-weight:700}.guide-hub-controls>label{display:block;font-size:16px;font-weight:600;margin-bottom:12px}.guide-search-box{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #c9c7be;border-radius:12px;max-width:680px;background:#fff}.guide-search-box input{border:0;outline:none;min-width:0;width:100%;font:inherit;font-size:16px;color:#24271f;background:none}.guide-search-box:focus-within{outline:2px solid #4c6434;outline-offset:2px}.guide-topic-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.guide-topic-tabs button{min-height:44px;padding:10px 18px;border:1px solid #d2d4c9;border-radius:999px;background:#fff;color:#4c6434;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.guide-topic-tabs button[aria-pressed=true]{background:#4c6434;border-color:#4c6434;color:white}.guide-topic-tabs button:hover{background:#edf0e7;color:#4c6434}.guide-topic-tabs button:focus-visible,.blog-guide-row:focus-visible,.guide-first-link:focus-visible{outline:2px solid #4c6434;outline-offset:4px}.guide-results{font-size:14px;color:#68685f;margin:20px 0 0}/* Three starting points; the other nine guides stay available in a native disclosure. */
.guide-first{margin-top:0;margin-bottom:72px;padding-top:32px;padding-bottom:24px;background:#f0f1eb;border-radius:18px}
.guide-first-heading{margin-bottom:24px}
.guide-first-heading h2{font-size:26px;font-weight:700;line-height:1.4;margin:0 0 10px}
.guide-first-heading>p{color:#68685f;font-size:16px;line-height:1.65;margin:0;word-break:keep-all}
.guide-first-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.guide-feature-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:244px;padding:24px 22px;border:1px solid #dedfd4;border-radius:14px;background:#fffefa;color:#283024;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.guide-feature-meta{display:flex;align-items:center;gap:9px;color:#4c6434;font-size:13px;font-weight:600;line-height:1.5}
.guide-feature-meta>.ui-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#edf0e7;flex:none}
.guide-feature-meta .ui-icon svg{width:20px;height:20px}
.guide-feature-card h3{font-size:20px;font-weight:650;line-height:1.55;letter-spacing:-.03em;word-break:keep-all;overflow-wrap:anywhere;margin:20px 0 24px}
.guide-feature-action{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:auto;color:#4c6434;font-size:14px;font-weight:600;line-height:1.5}
.guide-feature-action>.ui-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9decf;border-radius:50%;flex:none;transition:transform .18s ease}
.guide-feature-action .ui-icon svg{width:14px;height:14px}
.guide-feature-card:first-child{background:#4c6434;border-color:#4c6434;color:#fff}
.guide-feature-card:first-child .guide-feature-meta,.guide-feature-card:first-child .guide-feature-action{color:#fff}
.guide-feature-card:first-child .guide-feature-meta>.ui-icon{background:rgba(255,255,255,.13)}
.guide-feature-card:first-child .guide-feature-action>.ui-icon{border-color:rgba(255,255,255,.35)}
.guide-feature-card:hover{background:#f8f9f3;border-color:#a4b092;box-shadow:0 5px 16px rgba(49,62,36,.06)}
.guide-feature-card:first-child:hover{background:#40572c;border-color:#40572c}
.guide-feature-card:hover .guide-feature-action>.ui-icon{transform:translateX(3px)}
.guide-first-more{margin-top:20px}
.guide-first-more>summary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 16px;list-style:none;cursor:pointer;color:#4c6434;font-size:14px;font-weight:600;border-radius:8px}
.guide-first-more>summary::-webkit-details-marker{display:none}
.guide-first-more>summary:hover{background:#e6e9de}
.guide-first-more>summary>.ui-icon{width:16px;height:16px;flex:none}
.guide-first-more>summary>.ui-icon svg{width:16px;height:16px}
.guide-more-close-label,.guide-first-more[open] .guide-more-open-label{display:none}
.guide-first-more[open] .guide-more-close-label{display:inline}
.guide-first-more[open]>summary .icon-vertical{display:none}
.guide-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:24px}
.guide-more-group{min-width:0}
.guide-more-group h3{color:#4c6434;font-size:14px;font-weight:700;line-height:1.5;letter-spacing:-.01em;margin:0 0 12px}
.guide-more-group ul{padding:0;margin:0;list-style:none}
.guide-more-group li+li{border-top:1px solid #dce0d3}
.guide-more-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:14px 0;color:#35452a;font-size:16px;font-weight:600;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}
.guide-more-link>.ui-icon{width:14px;height:14px;flex:none;color:#78866b}
.guide-more-link .ui-icon svg{width:14px;height:14px}
.guide-more-link:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}
.guide-topic-group{padding-bottom:64px}.guide-group-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}.guide-group-title h2{font-size:28px;margin:0}.guide-group-title>span{font-size:14px;color:#68685f}.blog-guide-row{display:flex;align-items:center;gap:32px;padding:24px 0;border-bottom:1px solid #dedfd5;color:#24271f;text-decoration:none;transition:background-color .18s ease}.blog-guide-row:hover{background:#f0f1eb}.blog-guide-copy{min-width:0;flex:1}.blog-guide-row h3{font-size:18px;font-weight:600;line-height:1.6;margin:0 0 8px;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}.blog-guide-row p{font-size:16px;font-weight:400;line-height:1.65;color:#68685f;margin:0;word-break:keep-all;overflow-wrap:anywhere}.blog-guide-row time{display:block;font-size:13px;font-variant-numeric:tabular-nums;color:#7a7b71;margin-top:8px}.guide-read{display:inline-flex;align-items:center;gap:4px;flex:none;color:#4c6434;font-size:14px;font-weight:600;white-space:nowrap}.guide-read .ui-icon{width:14px;height:14px}.blog-related-guides>h2{font-size:32px;margin-top:16px;margin-bottom:24px}.prose .blog-related-guides{padding:0;margin:40px 0;width:100%;max-width:none}.guide-hub-empty{padding-top:24px;padding-bottom:64px}.guide-hub-empty .button{margin-top:20px}.guide-topic-group[hidden],.blog-guide-row[hidden]{display:none!important}
@media(min-width:810px) and (max-width:1100px){.guide-feature-card{padding:20px 16px}.guide-feature-card h3{font-size:18px}.guide-first-grid{gap:12px}.guide-more-grid{gap:20px}}
@media(max-width:1100px){.guide-read{font-size:13px}}
@media(max-width:809px){.guide-hub-controls{padding-bottom:28px}.guide-hub-numbers{margin-bottom:24px}.guide-topic-tabs{gap:8px;margin-top:20px}.guide-topic-tabs button{font-size:13px;padding:9px 13px}.guide-first{border-radius:14px;padding-top:24px;padding-bottom:16px;margin-bottom:48px}.guide-first-heading{margin-bottom:20px}.guide-first-heading h2{font-size:24px}.guide-first-heading>p{font-size:15px;line-height:1.7}.guide-first-grid{grid-template-columns:1fr;gap:12px}.guide-feature-card{position:relative;min-height:0;padding:20px 62px 20px 20px;border-radius:12px}.guide-feature-meta{font-size:13px;gap:8px}.guide-feature-meta>.ui-icon{width:28px;height:28px;border-radius:8px}.guide-feature-meta .ui-icon svg{width:18px;height:18px}.guide-feature-card h3{font-size:18px;line-height:1.55;margin:12px 0 0}.guide-feature-action{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;font-size:0;gap:0}.guide-feature-action>.ui-icon{width:28px;height:28px}.guide-first-more{margin-top:12px}.guide-more-grid{grid-template-columns:1fr;gap:24px;padding-top:20px}.guide-more-group h3{margin-bottom:6px}.guide-more-link{font-size:16px;min-height:60px;padding:13px 0}.guide-first-more>summary{min-height:48px}.guide-topic-group{padding-bottom:44px}.guide-group-title h2{font-size:24px}.blog-guide-row{align-items:flex-start;flex-direction:column;gap:14px;padding:24px 0}.blog-guide-row h3{font-size:18px;font-weight:600}.blog-guide-row p{font-size:16px}.guide-read{align-self:flex-end;font-size:14px}.blog-related-guides>h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.blog-guide-row,.guide-feature-card,.guide-feature-action>.ui-icon{transition:none}}

.blog-guide-row .guide-source-note{font-size:14px;line-height:1.65;color:#6a573b;margin-top:12px;padding-left:12px;border-left:2px solid #c9c7be}