/* Editorial guide index. Article reading pages keep their own stylesheet. */
.blog-index{--guide-ink:#151819;--guide-muted:#656b6d;--guide-line:#e1e3e2;--guide-red:#c82d32;background:#fff;font-family:-apple-system,system-ui,"avenir next",avenir,"segoe ui","helvetica neue",helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;-webkit-font-smoothing:antialiased}
.blog-index main{background:#fff;color:var(--guide-ink);padding:0 5.1% 96px;max-width:1600px;margin:auto}
.blog-index [hidden]{display:none!important}
.blog-index button,.blog-index input{font:inherit}
.blog-index button{cursor:pointer}
.blog-index a{color:inherit}
.blog-index main a:hover{color:var(--guide-red)}
.blog-index main :is(a,button,input):focus-visible{outline:2px solid var(--guide-red);outline-offset:5px}
.blog-index .blog-publication{width:auto;margin:0;padding:36px 0 54px;border:0;background:transparent}
.guide-masthead{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;border-bottom:1px solid var(--guide-line);padding:0 0 20px;color:var(--guide-muted)}
.guide-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:70px;padding-top:48px}
.blog-index .guide-kicker{font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--guide-muted);margin:0 0 18px}
.blog-index .blog-publication h1{font-size:clamp(46px,4.6vw,68px);line-height:1.2;font-weight:600;letter-spacing:-.05em;margin:0}
.blog-index h1>span,.guide-library-top h2>span{color:var(--guide-red)}
.guide-intro-note{padding:0 0 8px;max-width:390px;justify-self:end}
.guide-intro-note>p{font-size:16px;line-height:1.95;color:#565c5d;margin:0 0 28px}
.guide-intro-note>a,.guide-intro-note>button{font-size:13px;padding:10px 0;border:0;border-bottom:1px solid #bfc4c4;background:none;display:inline-flex;gap:26px;align-items:center;text-decoration:none}
.guide-intro-note>button{margin-left:24px;color:var(--guide-muted)}
[data-saved-count]{font-variant-numeric:tabular-nums}
.guide-start{display:grid;grid-template-columns:1.7fr 1fr;gap:40px;border-top:1px solid var(--guide-line);padding-top:32px}
.guide-feature{background:#f5f5f2;display:grid;grid-template-columns:1fr 1fr;min-width:0}
.guide-feature-cover{display:block;min-width:0;overflow:hidden}
.guide-feature-cover img{width:100%;height:100%;min-height:320px;object-fit:cover;transition:transform .4s ease}
.guide-feature-cover:hover img{transform:scale(1.025)}
.guide-feature-copy{padding:30px 28px;display:flex;flex-direction:column;justify-content:center}
.blog-index .guide-feature h2{font-size:25px;line-height:1.5;letter-spacing:-.025em;font-weight:550;margin:0 0 16px}
.guide-feature h2 a{text-decoration:none}
.guide-feature-copy>p:not(.guide-kicker){font-size:14px;line-height:1.9;color:var(--guide-muted);margin:0 0 20px}
.guide-text-link{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d7dbd7;padding-top:16px;font-size:12px;text-decoration:none}
.guide-text-link span{color:var(--guide-muted)}
.guide-reading-path{padding:5px 0 0 8px}
.blog-index .guide-reading-path .guide-kicker{font-size:10px;color:#a94140;margin:0 0 10px}
.guide-reading-path h2{font-size:22px;font-weight:550;line-height:1.5;margin:0 0 6px}
.guide-reading-path>p:not(.guide-kicker){font-size:13px;line-height:1.7;color:var(--guide-muted);margin:0 0 15px}
.guide-reading-path ol{list-style:none;padding:0;margin:0}
.guide-reading-path li{border-top:1px solid var(--guide-line)}
.guide-reading-path a{display:grid;grid-template-columns:25px 1fr 14px;gap:10px;align-items:center;padding:15px 0;text-decoration:none;font-size:13px}
.guide-reading-path a>span:first-child{font-size:10px;color:var(--guide-red);font-variant-numeric:tabular-nums}
.guide-reading-path strong{font-weight:450;line-height:1.65}
.guide-library-top{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:76px 0 28px;scroll-margin-top:110px}
.blog-index .guide-library-top .guide-kicker{font-size:10px;margin-bottom:12px}
.guide-library-top h2{font-size:32px;line-height:1.4;font-weight:550;letter-spacing:-.035em;margin:0}
.guide-library-top>p{font-size:12px;color:var(--guide-muted);margin:0 0 6px}
.blog-index .blog-topic-tabs{position:relative;top:auto;width:100%;margin:0;gap:25px;flex-wrap:wrap;overflow:visible;background:#fff;border-bottom:1px solid var(--guide-line);backdrop-filter:none;box-shadow:none;padding:0}
.blog-index .blog-topic-tabs button{padding:12px 0 16px;min-height:45px;font-size:14px;font-weight:400;color:#545b5e;background:none;border:0;white-space:nowrap}
.blog-index .blog-topic-tabs button small{font-size:10px;color:#858c8f;margin-left:4px;font-variant-numeric:tabular-nums}
.blog-index .blog-topic-tabs button.is-active{color:var(--guide-red);font-weight:550}
.blog-index .blog-topic-tabs button::after{background:var(--guide-red);height:2px}
.blog-index .blog-topic-tabs button:hover{color:var(--guide-red)}
.blog-index .blog-library{width:100%;margin:0;padding:36px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 256px;gap:56px;align-items:start}
.blog-index .blog-feed__header{border:0;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:0 0 24px;margin:0;background:transparent}
.blog-index .blog-feed__header p{font-size:10px;font-weight:400;letter-spacing:.04em;color:var(--guide-muted);margin:0 0 6px}
.blog-index .blog-feed__header h2{font-size:21px;line-height:1.4;font-weight:550;margin:0}
.blog-index .blog-search{border:1px solid #d8dddc;background:#fff;max-width:320px;width:48%;padding:12px 15px;gap:10px}
.blog-index .blog-search input{width:100%;min-width:0;border:0;background:none;font-size:13px;color:var(--guide-ink);outline:none}
.blog-index .blog-search:focus-within{border-color:#808d90;box-shadow:0 0 0 2px #e6e9e8}
.blog-index .blog-feed__list{display:block}
.blog-index .blog-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;padding:28px 0;margin:0;border:0;border-top:1px solid var(--guide-line);border-radius:0;background:transparent;box-shadow:none;align-items:center}
.blog-index .blog-card--no-cover{grid-template-columns:1fr}
.blog-index .blog-card__cover{aspect-ratio:3/2;height:auto;min-height:0;border:0;background:#f1f3f0;overflow:hidden}
.blog-index .blog-card__cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.blog-index .blog-card__cover:hover img{transform:scale(1.03)}
.blog-index .blog-card__content{padding:0;min-width:0}
.blog-index .blog-card__byline{font-size:11px;font-weight:400;color:var(--guide-muted);gap:10px;display:flex;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.blog-index .blog-card__topic{color:#a53a37}
.blog-index .blog-card h2{font-size:22px;line-height:1.55;font-weight:550;letter-spacing:-.02em;margin:0 0 10px}
.blog-index .blog-card h2 a{text-decoration:none}
.blog-index .blog-card__content>p{font-size:14px;line-height:1.9;color:var(--guide-muted);margin:0 0 16px;display:block;overflow:visible;-webkit-line-clamp:unset}
.blog-index .blog-card__footer{border:0;padding:0;display:flex;align-items:center;gap:18px;font-size:11px;color:var(--guide-muted)}
.blog-index .blog-card__category{display:none}
.blog-index .blog-card__read{font-size:12px;text-decoration:none;margin-left:auto}
.blog-index .blog-card__bookmark{width:auto;height:auto;min-width:62px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #d6dada;border-radius:2px;padding:7px 10px;background:#fff;color:#5d6667;font-size:11px;margin:0}
.blog-index .blog-card__bookmark i{font-size:15px}
.blog-index .blog-card__bookmark:hover,.blog-index .blog-card__bookmark[aria-pressed=true]{border-color:#bd6461;color:#a73230;background:#fbf5f3}
.blog-index .blog-rail{position:sticky;top:122px;display:flex;flex-direction:column;gap:28px}
.guide-save-note{padding:26px 24px;background:#f4f4f0;border-top:2px solid #bf3638}
.guide-save-note>i{display:block;font-size:23px;color:#b23a3a;margin-bottom:18px}
.guide-save-note h2{font-size:22px;line-height:1.55;letter-spacing:-.03em;font-weight:500;margin:0 0 12px}
.guide-save-note p{font-size:13px;line-height:1.9;color:#656b6d;margin:0 0 22px}
.guide-save-note button{display:flex;width:100%;align-items:center;gap:14px;background:none;border:0;border-top:1px solid #d6d9d6;padding:15px 0 0;font-size:12px;text-align:left}
.guide-save-note button>span:last-child{margin-left:auto}
.guide-save-note small{display:block;font-size:10px;line-height:1.8;color:#777f80;margin-top:15px}
.blog-index .blog-rail__popular{padding:0;border:0;background:none;box-shadow:none}
.blog-index .blog-rail__popular>p{font-size:12px;letter-spacing:.08em;font-weight:500;margin-bottom:18px}
.blog-index .blog-rail__popular li{padding:0;border-color:var(--guide-line)}
.blog-index .blog-rail__popular a{padding:16px 0;gap:8px 12px;grid-template-columns:22px minmax(0,1fr)}
.blog-index .blog-rail__popular strong{font-size:13px;font-weight:450;line-height:1.75}
.blog-index .blog-rail__popular li a>span{font-size:10px;color:#aa4948}
.blog-index .blog-rail__popular small{font-size:10px;color:#7c8585}
.blog-filter-summary{padding:17px 0;border-top:1px solid var(--guide-line);display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--guide-muted)}
.blog-filter-summary button,.blog-empty button{border:0;background:none;color:#a73634;padding:0;font:inherit;text-decoration:underline;text-underline-offset:4px}
.blog-index .blog-empty{background:#f6f6f3;border:0;padding:50px 25px;text-align:center}
.blog-index .blog-empty h2{font-size:23px;font-weight:500}
.blog-index .blog-empty p{font-size:14px;line-height:1.8}
.blog-index .blog-empty button{margin-top:16px;font-size:13px}
.blog-index .blog-pagination{border:0;background:none;padding:22px 0}
.blog-index .blog-pagination__link{background:#fff;border-color:#dce0de;border-radius:0;color:#424b4c;font-size:12px}
.blog-index .blog-pagination__summary{font-size:11px;color:#6b7475}
.guide-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 40px);width:max-content;z-index:110;background:#1d2627;color:#fff;padding:14px 22px;border-radius:3px;box-shadow:0 5px 24px #0002;font-size:13px;line-height:1.65;margin:0}
@media(max-width:1150px){.guide-start{grid-template-columns:1.5fr 1fr;gap:25px}.guide-feature{display:block}.guide-feature-cover img{height:210px;min-height:0}.guide-feature-copy{padding:24px}.blog-index .blog-library{gap:32px;grid-template-columns:minmax(0,1fr) 230px}.blog-index .blog-card{grid-template-columns:160px minmax(0,1fr);gap:22px}.blog-index .blog-card--no-cover{grid-template-columns:1fr}.blog-index .blog-card h2{font-size:20px}.blog-index .blog-topic-tabs{gap:20px}}
@media(max-width:780px){.blog-index main{padding:0 6% 60px}.guide-intro{grid-template-columns:1fr;gap:25px;padding-top:30px}.guide-intro-note{justify-self:start;max-width:none}.guide-intro-note>p{font-size:15px;margin-bottom:16px}.guide-start{grid-template-columns:1fr;gap:32px}.guide-feature{display:grid;grid-template-columns:1fr 1fr}.guide-feature-cover img{height:100%;min-height:240px}.guide-feature-copy{padding:22px}.blog-index .guide-feature h2{font-size:22px}.guide-library-top{padding-top:55px;display:block}.guide-library-top h2{font-size:28px}.guide-library-top>p{margin-top:14px}.blog-index .blog-library{grid-template-columns:1fr;padding-top:25px}.blog-index .blog-rail{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px}.blog-index .blog-card{grid-template-columns:180px minmax(0,1fr)}.blog-index .blog-card--no-cover{grid-template-columns:1fr}.guide-masthead{font-size:9px}.blog-index .blog-topic-tabs{gap:8px 22px}.guide-reading-path{padding:0}.blog-index .blog-topic-tabs button{padding:8px 0;min-height:40px;font-size:13px}}
@media(max-width:520px){.guide-masthead>span:last-child{display:none}.blog-index .blog-publication{padding:25px 0 30px}.blog-index .blog-publication h1{font-size:44px}.guide-feature{display:block}.guide-feature-cover img{width:100%;height:auto;min-height:0;aspect-ratio:16/10}.guide-feature-copy{padding:24px}.blog-index .blog-feed__header{display:block}.blog-index .blog-search{width:100%;max-width:none;margin-top:20px}.blog-index .blog-card{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:25px 0}.blog-index .blog-card__cover{width:100%;aspect-ratio:16/10}.blog-index .blog-card h2{font-size:21px;line-height:1.55}.blog-index .blog-card__content>p{font-size:14px}.blog-index .blog-card__footer{gap:12px}.blog-index .blog-rail{display:block}.blog-index .blog-rail__popular{margin-top:32px}.guide-library-top h2{font-size:26px}.blog-index .blog-pagination{gap:10px;flex-wrap:wrap}.blog-index .blog-pagination__summary{order:3;flex-basis:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.blog-index *{scroll-behavior:auto!important;transition:none!important}}

.blog-index .blog-feed__header{scroll-margin-top:120px}
.blog-index .blog-feed__header>div{border:0;padding-left:0}
.blog-index .blog-rail{padding:0;border:0;background:none;box-shadow:none}
.blog-index .blog-search{min-width:0}
.blog-index .blog-search input{min-height:22px}
.blog-index .blog-card:hover{transform:none;box-shadow:none}

.blog-index .guide-feature-cover{display:flex;align-items:center;background:#edf0ee}
.blog-index .guide-feature-cover img{object-fit:contain;min-height:0}
.blog-index .blog-card__cover img{object-fit:contain}

/* A quiet color system for reading topics: small engraved-style SVG marks. */
.blog-index .guide-intro-note::before{content:"";display:block;width:250px;height:112px;margin:0 0 12px;background:url('/assets/webp/field-notes-f0b8385fdb3b.webp') center/contain no-repeat}
.blog-index .guide-masthead{border-image:linear-gradient(90deg,#c82d32 0 17%,#ba925e 17% 37%,#729e94 37% 66%,#8d7eae 66% 83%,#dedede 83%) 1}
.blog-index .guide-feature{background:#faf3ea;border-top:2px solid #c99365}
.blog-index .guide-feature-copy .guide-kicker{color:#966238}
.blog-index .guide-reading-path{padding:24px;background:#f0f6f4;border-top:2px solid #6d9a8d}
.blog-index .guide-reading-path .guide-kicker{color:#3e7566;display:flex;align-items:center;gap:8px}
.blog-index .guide-reading-path .guide-kicker::before{content:"";width:24px;height:24px;background:url('/assets/webp/company-ec32e1d7c120.webp') center/contain no-repeat}
.blog-index .guide-reading-path a>span:first-child{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e1eeea;color:#3e7566}
.blog-index .guide-reading-path a:hover{color:#356f60}
.blog-index .guide-library-top .guide-kicker{display:flex;align-items:center;gap:10px;color:#716088}
.blog-index .guide-library-top .guide-kicker::before{content:"";width:26px;height:26px;background:url('/assets/webp/library-d735574b4ad9.webp') center/contain no-repeat}
.blog-index .guide-save-note{background:#f4f0f9;border-color:#8c78a6}
.blog-index .guide-save-note>i{width:32px;height:32px;font-size:0;background:url('/assets/webp/bookmark-ef89f1f73a72.webp') center/contain no-repeat}
.blog-index .guide-save-note>i::before{display:none}
.blog-index .guide-save-note button{color:#695184}
.blog-index .blog-topic-tabs{gap:10px;padding:0 0 20px;border-bottom:1px solid #e1e3e2}
.blog-index [data-category-filter],.blog-index [data-topic]{--topic-color:#7562a9;--topic-bg:#f3eff9;--topic-icon:url('/assets/webp/library-d735574b4ad9.webp')}
.blog-index [data-category-filter="公司注册"],.blog-index [data-topic="公司注册"]{--topic-color:#416f9c;--topic-bg:#eef3f9;--topic-icon:url("/assets/webp/company-ec32e1d7c120.webp")}
.blog-index [data-category-filter="金融牌照"],.blog-index [data-topic="金融牌照"]{--topic-color:#33867b;--topic-bg:#eaf5f1;--topic-icon:url("/assets/webp/license-487d8f93bf43.webp")}
.blog-index [data-category-filter="新闻发布"],.blog-index [data-topic="新闻发布"]{--topic-color:#a54f42;--topic-bg:#fbefeb;--topic-icon:url("/assets/webp/news-db06bc3fe37a.webp")}
.blog-index [data-category-filter="GEO及SEO"],.blog-index [data-topic="GEO及SEO"]{--topic-color:#6275aa;--topic-bg:#f0f2fb;--topic-icon:url("/assets/webp/search-344b35b41b9a.webp")}
.blog-index [data-category-filter="企业影片"],.blog-index [data-topic="企业影片"]{--topic-color:#926c26;--topic-bg:#faf4e7;--topic-icon:url("/assets/webp/film-31e930891914.webp")}
.blog-index [data-category-filter="白皮书"],.blog-index [data-topic="白皮书"]{--topic-color:#8570ae;--topic-bg:#f4f0fa;--topic-icon:url("/assets/webp/paper-842a51250665.webp")}
.blog-index [data-category-filter="社交媒体运营"],.blog-index [data-topic="社交媒体运营"]{--topic-color:#a4517d;--topic-bg:#faeef5;--topic-icon:url("/assets/webp/social-369d03460139.webp")}
.blog-index [data-category-filter="官网制作"],.blog-index [data-topic="官网制作"]{--topic-color:#357b8e;--topic-bg:#edf6f8;--topic-icon:url("/assets/webp/web-fda8f29fd70d.webp")}

.blog-index .blog-topic-tabs button{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;padding:9px 12px;min-height:44px;border-radius:4px;color:var(--topic-color);background:var(--topic-bg);font-size:13px}
.blog-index .blog-topic-tabs button::before,.blog-index .blog-card__topic::before{content:"";display:inline-block;flex-shrink:0;width:24px;height:24px;background:var(--topic-icon) center/contain no-repeat}
.blog-index .blog-topic-tabs button::after{display:none}
.blog-index .blog-topic-tabs button:is(.is-active,:hover){border-color:var(--topic-color);color:var(--topic-color);background:var(--topic-bg)}
.blog-index .blog-topic-tabs button small{color:var(--topic-color);margin-left:0;opacity:.85}
.blog-index .blog-card__topic{display:inline-flex;gap:5px;align-items:center;color:var(--topic-color);background:var(--topic-bg);padding:3px 8px 3px 4px;border-radius:3px}
.blog-index .blog-card__topic::before{width:20px;height:20px}
.blog-index .blog-search{background:#f8faf9;border-color:#d7e3dd}
.blog-index .blog-search>i{color:#558574}
.blog-index .blog-rail__popular>p{border-bottom:2px solid #d5b989;padding-bottom:12px;color:#8d6c3b}
@media(max-width:780px){.blog-index .guide-intro-note::before{width:200px;height:90px;margin-bottom:8px}.blog-index .guide-reading-path{padding:22px}.blog-index .blog-topic-tabs{gap:8px}.blog-index .blog-topic-tabs button{padding:8px 9px;font-size:12px}.blog-index .blog-topic-tabs button::before{width:22px;height:22px}}

/* Cover-led editorial discovery, followed by three independently curated topics. */
.blog-index .guide-discovery { border-top: 1px solid var(--guide-line); padding-top: 28px; }
.blog-index .guide-cover-story { display: grid; grid-template-columns: 1.5fr 1fr; background: #f6f4ef; }
.blog-index .guide-cover-art { display: grid; align-items: center; min-width: 0; background: #132a3c; overflow: hidden; }
.blog-index .guide-cover-art img { display: block; width: 100%; height: auto; transition: transform .5s ease; }
.blog-index .guide-cover-art:hover img { transform: scale(1.015); }
.blog-index .guide-cover-editorial { min-width: 0; padding: clamp(28px,3vw,48px); display: flex; flex-direction: column; justify-content: center; border-top: 3px solid #c82d32; }
.blog-index .guide-cover-label { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin: 0 0 28px; color: #6c6861; font-size: 12px; }
.blog-index .guide-cover-label > span { color: #ad292d; border-right: 1px solid #c9c5bc; padding-right: 15px; }
.blog-index main#main .guide-cover-editorial h2 { font-size: clamp(26px,2.4vw,38px); line-height: 1.5; letter-spacing: -.03em; margin: 0 0 22px; font-weight: 600; text-wrap: balance; }
.blog-index .guide-cover-editorial h2 a { text-decoration: none; }
.blog-index .guide-cover-summary { font-size: 14px; line-height: 1.95; color: #686b6a; margin: 0 0 26px; }
.blog-index .guide-cover-bottom { margin-top: auto; }
.blog-index .guide-cover-bottom > p { display: flex; gap: 20px; color: #777b7a; font-size: 11px; margin: 0 0 18px; }
.blog-index .guide-cover-read { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-top: 1px solid #d8d5cd; padding-top: 18px; text-decoration: none; font-size: 14px; color: #ad292d; }
.blog-index .guide-cover-read > span { font-size: 24px; }
.blog-index .guide-picks-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin: 40px 0 22px; }
.blog-index main#main .guide-picks-heading h2 { font-size: clamp(22px,2vw,28px); margin: 0; }
.blog-index .guide-picks-heading > p { margin: 0; color: #818582; font-size: 12px; }
.blog-index .guide-topic-picks { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.blog-index .guide-topic-pick { --pick-color: #507d99; --pick-bg: #f0f5f8; min-width: 0; border-top: 2px solid var(--pick-color); }
.blog-index .guide-topic-pick[data-pick-topic="license"] { --pick-color: #418879; --pick-bg: #eef6f3; }
.blog-index .guide-topic-pick[data-pick-topic="news"] { --pick-color: #b76c50; --pick-bg: #faf2ec; }
.blog-index .guide-topic-pick-head { padding: 22px 20px 20px; background: var(--pick-bg); }
.blog-index .guide-topic-pick-head > div { display: flex; align-items: center; gap: 10px; }
.blog-index .guide-topic-pick-head img { width: 28px; height: 28px; }
.blog-index main#main .guide-topic-pick-head h3 { font-size: 21px; margin: 0; }
.blog-index .guide-topic-pick-head p { color: #6f787a; font-size: 12px; margin: 9px 0 0 38px; }
.blog-index .guide-topic-pick ol { list-style: none; padding: 0; margin: 0; }
.blog-index .guide-topic-pick li { border-bottom: 1px solid var(--guide-line); }
.blog-index .guide-topic-pick li a { display: grid; grid-template-columns: 22px minmax(0,1fr) 14px; gap: 12px; padding: 23px 10px; min-height: 154px; text-decoration: none; transition: background .2s ease; }
.blog-index .guide-topic-pick li a:hover { background: var(--pick-bg); color: var(--pick-color); }
.blog-index .guide-pick-number { font-size: 11px; color: var(--pick-color); padding-top: 4px; font-variant-numeric: tabular-nums; }
.blog-index main#main .guide-topic-pick h4 { margin: 0; font-size: 16px; line-height: 1.65; letter-spacing: 0; font-weight: 500; text-wrap: pretty; }
.blog-index .guide-topic-pick li p { font-size: 11px; color: #818582; margin: 11px 0 0; }
.blog-index .guide-pick-arrow { color: #8b9390; font-size: 14px; padding-top: 3px; }
@media (max-width: 1050px) {
  .blog-index .guide-cover-story { grid-template-columns: 1.25fr 1fr; }
  .blog-index .guide-cover-editorial { padding: 25px; }
  .blog-index main#main .guide-cover-editorial h2 { font-size: 25px; }
  .blog-index .guide-cover-label { margin-bottom: 20px; }
  .blog-index .guide-cover-summary { font-size: 13px; }
  .blog-index .guide-topic-picks { gap: 20px; }
  .blog-index .guide-topic-pick li a { min-height: 185px; gap: 8px; padding-inline: 0; }
  .blog-index .guide-topic-pick-head { padding: 18px 12px; }
  .blog-index .guide-topic-pick-head p { margin-left: 0; }
}
@media (max-width: 780px) {
  .blog-index .guide-discovery { padding-top: 20px; }
  .blog-index .guide-cover-story { grid-template-columns: 1fr; }
  .blog-index .guide-cover-editorial { padding: 26px; border-top: 0; }
  .blog-index main#main .guide-cover-editorial h2 { font-size: 26px; }
  .blog-index .guide-cover-summary { font-size: 14px; }
  .blog-index .guide-cover-label { margin-bottom: 18px; }
  .blog-index .guide-picks-heading { display: block; margin-top: 34px; }
  .blog-index .guide-picks-heading > p { margin-top: 8px; }
  .blog-index .guide-topic-picks { grid-template-columns: 1fr; gap: 28px; }
  .blog-index .guide-topic-pick-head { padding: 18px; }
  .blog-index .guide-topic-pick-head p { margin-left: 38px; }
  .blog-index .guide-topic-pick li a { min-height: 0; padding: 20px 10px; gap: 12px; }
}