.nav>a{padding:31px 0;color:#767a73;position:relative;white-space:nowrap}.nav>a.active{color:var(--ink);font-weight:bold}.nav>a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--orange)}.header-inner{gap:48px}.tabs>a{padding:8px 12px;border-radius:5px;font-size:12px;white-space:nowrap}.tabs>a.active{background:var(--ink);color:white}.tags>a{display:inline-block;border:1px solid var(--line);padding:5px 10px;border-radius:5px;font-size:12px}.post-symbol{display:grid;place-items:center;background:#e1e7f2;border-radius:10px;color:var(--blue);font-size:36px}.post-symbol span{padding:8px}.article-view{max-width:820px;margin:40px auto}.article-view+.article-view{border-top:1px solid var(--line);padding-top:35px}.article-view h1{font-size:36px;line-height:1.5;letter-spacing:-1px}.article-body{font-size:17px;line-height:2;overflow-wrap:anywhere}.article-body p{margin:1.3em 0}.article-body h2{margin-top:1.8em}.article-body pre{background:#eaf0e7;padding:20px;border-radius:9px;overflow:auto;white-space:pre}.article-body a{text-decoration:underline;color:var(--green)}.article-summary{font-size:16px;color:var(--muted)}.collection-tags{display:flex;gap:7px;flex-wrap:nowrap;overflow-x:auto;margin:9px 0;scrollbar-width:none}.collection-tag{flex-shrink:0;font-size:11px;color:var(--green);border:1px solid var(--line);padding:3px 7px;border-radius:4px}.footer-brand small{font-size:10px;font-weight:400;color:var(--muted);margin-left:12px}.empty-state{padding:35px 0;color:var(--muted)}.empty-state a{color:var(--green)}.pagination{display:flex;gap:12px;align-items:center}.admin-page{padding-top:30px}.admin-page h1{font-size:32px}.admin-page label{display:block;margin:14px 0;font-size:13px}.admin-page input,.admin-page textarea,.admin-page select{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fffef9;font:inherit}.admin-page textarea{resize:vertical}.admin-layout{display:grid;grid-template-columns:260px 1fr;gap:35px}.admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-selects{display:flex;gap:20px}.admin-selects label{flex:1}.admin-post{display:block;width:100%;text-align:left;background:#fffef9;border:1px solid var(--line);padding:12px;margin:8px 0;border-radius:6px}.admin-page [hidden]{display:none!important}#admin-message{color:var(--green);white-space:pre-line}.admin-page #unlock{max-width:500px}.mobile-bottom-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:#7b8375}.mobile-bottom-nav>a.active{color:var(--green);background:#eaf0e3;border-radius:10px}.bottom-icon{font-size:24px;line-height:26px}.aside a:hover,h3 a:hover{color:var(--green)}

@media(max-width:1000px) and (min-width:721px){.header-inner{gap:20px}.nav{gap:16px}.header-search input{width:140px}}

@media(max-width:720px){.header-inner{gap:0 12px}.nav.mobile{top:124px;flex-wrap:wrap;padding:8px 15px;gap:0 20px}.nav>a{padding:11px 0;font-size:13px}.tabs{max-width:100%;overflow:auto;display:flex}.tabs>a{padding:9px 10px;flex-shrink:0}.article-view{margin:25px auto}.article-view h1{font-size:27px}.article-body{font-size:16px}.article-view .collection-tags{margin:12px 0}.admin-layout{grid-template-columns:1fr;gap:10px}.admin-selects{gap:10px}.admin-page input,.admin-page textarea,.admin-page select{font-size:16px}.topic-link b{font-size:11px}.article-row .collection-tags{max-width:100%;overflow-x:auto}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-card{padding:16px}footer{margin-top:30px}}



.collection-tag::before{content:none}



.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:start;padding-top:40px}.reader-main{min-width:0}.reader-layout .article-view{max-width:none;margin:0 0 40px}.reader-layout .article-view h1{font-size:34px}.reader-sidebar{position:sticky;top:110px;min-width:0}.reader-panel{border:1px solid var(--line);border-radius:10px;padding:24px;background:#fffefa;margin-bottom:18px}.reader-panel h2,.reader-comments h2{font-size:18px;margin:0 0 20px}.reader-tags{display:flex;flex-wrap:wrap;gap:8px}.reader-tags a{padding:5px 9px;font-size:12px;border-radius:5px;border:1px solid var(--line);color:var(--green);background:#f4f7ee}.reader-hint,.reader-empty{font-size:12px;line-height:1.8;color:var(--muted)}.reader-hint{margin-top:14px}.reader-directory{display:block;font-size:13px;color:var(--green);padding:4px 8px 18px}.reader-recommendations{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.reader-recommendations .reader-panel{margin:0}.reader-links{list-style:none;margin:0;padding:0}.reader-links li{display:flex;gap:12px;margin:18px 0 0}.reader-links li>span{font-size:12px;color:#b6bcae;line-height:1.8}.reader-links a{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.reader-links small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.reader-comments{border-top:1px solid var(--line);padding-top:30px;margin:38px 0 45px}.comments-heading{display:flex;align-items:center;justify-content:space-between}.comments-heading h2{margin-bottom:0}.comments-heading>span{font-size:12px;color:var(--muted)}.reader-comment{border-bottom:1px solid var(--line);padding:22px 0}.reader-comment>div{display:flex;gap:16px;align-items:center;justify-content:space-between}.reader-comment b{font-size:13px}.reader-comment time{font-size:11px;color:var(--muted)}.reader-comment p{font-size:14px;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap;margin-bottom:0}#comment-form{margin-top:24px}#comment-form label{display:block;margin:16px 0;font-size:12px;color:var(--muted)}#comment-form input,#comment-form textarea{display:block;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:#fffefa;font:inherit;color:var(--ink);margin-top:8px}#comment-form input:focus,#comment-form textarea:focus{outline:2px solid #dce5d2}#comment-form textarea{resize:vertical}#comment-form label.comment-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.comment-submit{display:flex;gap:16px;align-items:center}.comment-submit button,#comments-more{border:0;border-radius:6px;padding:11px 20px;background:var(--green);color:white;cursor:pointer;font:inherit;font-size:12px}.comment-submit button:disabled,#comments-more:disabled{opacity:.5;cursor:wait}#comment-message{font-size:12px;color:var(--green)}#comments-more{margin-top:15px}.article-body img{max-width:100%;height:auto;display:block;margin:22px auto;border-radius:7px}@media(max-width:1000px){.reader-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.reader-panel{padding:19px}}@media(max-width:720px){.reader-layout{display:flex;flex-direction:column;gap:0;padding-top:24px}.reader-main,.reader-sidebar{width:100%}.reader-sidebar{position:static;display:grid;grid-template-columns:1fr;gap:0}.reader-recommendations{gap:12px}.reader-panel{padding:17px}.reader-panel h2{font-size:16px}.reader-layout .article-view h1{font-size:27px}.reader-layout .article-view{margin-bottom:26px}#comment-form input,#comment-form textarea{font-size:16px}.comment-submit{align-items:flex-start;flex-direction:column;gap:5px}.reader-comments{margin-bottom:25px}}



.info-page{min-height:60vh;padding-top:48px;padding-bottom:32px}.info-card{max-width:820px;margin:0 auto;background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:40px 46px}.info-heading{text-align:center;margin-bottom:30px}.info-heading>a{font-size:12px;color:var(--muted)}.info-heading h1{font-size:32px;margin:20px 0 10px}.info-heading p{font-size:13px;line-height:1.8;color:var(--muted)}.info-copy{font-size:16px;line-height:2;overflow-wrap:anywhere}.info-copy p{margin:0 0 20px}.info-copy p:last-child{margin-bottom:0}.sitemap-page .info-card{max-width:1000px}.sitemap-page section{border-top:1px solid var(--line);padding:24px 0 10px}.sitemap-page h2{font-size:18px;margin:0 0 18px}.sitemap-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sitemap-shortcuts>a{padding:12px 15px;border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--green)}.sitemap-shortcuts small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.sitemap-articles{list-style:none;padding:0;margin:0}.sitemap-articles li{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.sitemap-articles a{font-size:14px}.sitemap-articles small{font-size:11px;color:var(--muted);white-space:nowrap}.sitemap-xml{font-size:12px;margin:25px 0 0;color:var(--muted)}.nav>a.active:after{left:0;right:0;width:100%}@media(max-width:720px){.info-page{padding-top:24px;min-height:60vh}.info-card{padding:26px 21px;border-radius:9px}.info-heading h1{font-size:26px}.info-copy{font-size:15px}.sitemap-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.sitemap-articles li{flex-direction:column;gap:5px}.sitemap-page h2{font-size:17px}}



.reader-sidebar{position:sticky;top:110px;max-height:calc(100dvh - 130px);overflow-y:auto;scrollbar-width:thin;padding-right:3px}.article-fixed-panels{margin-bottom:26px}.article-fixed-panels .aside-section{margin-bottom:28px}.sidebar-recommended p{font-size:14px;line-height:1.8;margin:15px 0}.article-fixed-panels .tags{display:flex;flex-wrap:wrap;gap:7px}.article-fixed-panels .tags a{font-size:12px}.reader-sidebar .reader-panel{margin-top:12px}@media(max-width:720px){.reader-sidebar{position:static;max-height:none;overflow:visible;padding-right:0}.article-fixed-panels{margin-top:20px;margin-bottom:0}}



.industry-items article{padding:13px 0;border-top:1px solid var(--line)}.industry-items article:first-child{border-top:0;padding-top:0}.industry-items a{font-size:13px;line-height:1.65;display:block;overflow-wrap:anywhere}.industry-items small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.industry-note{font-size:10px;color:var(--muted);line-height:1.7;margin:8px 0 0}.article-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;margin-bottom:23px;color:var(--muted)}.article-breadcrumb a{color:var(--muted)}.article-breadcrumb a:hover{color:var(--green)}.article-breadcrumb>span{color:#b6beb1}



.directory-block{margin-top:40px}.directory-block h2{font-size:23px;margin:0 0 10px}.directory-block-lead{color:#74796e;margin:0 0 22px}.directory-tool-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;background:#edf1e8;color:#396a56;font-size:20px;font-weight:700;margin-bottom:18px}.directory-tag-block{padding-top:32px;border-top:1px solid #e1e4d9}.directory-tag-grid{display:flex;flex-wrap:wrap;gap:12px}.directory-tag-grid a{display:flex;align-items:center;gap:22px;background:#fffefa;border:1px solid #e0e3d8;border-radius:8px;padding:13px 18px;color:#386b55;text-decoration:none}.directory-tag-grid a:hover{border-color:#4b8066;background:#edf3e9}.directory-tag-grid small{color:#858b7c;font-size:12px}.directory-topics{display:flex;flex-wrap:wrap;gap:24px}.directory-topics a{color:#386b55}.breadcrumb-current{overflow-wrap:anywhere;color:#74796e}@media(max-width:640px){.directory-block{margin-top:28px}.directory-tag-grid{gap:8px}.directory-tag-grid a{padding:10px 12px;gap:12px}.article-breadcrumb{font-size:12px;line-height:1.8}}



.info-page{padding-top:40px}.info-page>.article-breadcrumb{text-align:left;margin-bottom:23px}.info-heading h1{margin-top:0}html{scrollbar-gutter:stable}@media(max-width:720px){.info-page{padding-top:24px}}



.directory-tag-grid{display:grid;gap:14px}.directory-tag-grid a.directory-card{display:block;padding:24px;color:var(--ink);background:#fffefa}.directory-tag-grid .directory-card small{color:var(--green)}@media(max-width:720px){.directory-tag-grid a.directory-card{padding:16px}}



.info-copy h2{font-size:20px;line-height:1.6;margin:30px 0 12px}.info-copy ul{padding-left:22px}.info-copy li{margin:12px 0}.info-copy a{color:var(--green);text-decoration:underline}.info-intro{font-size:21px;color:var(--green);font-weight:600}.info-updated{font-size:12px;color:var(--muted)}



.side-hustle-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.side-hustle-tabs a{padding:8px 13px;border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--green)}.side-hustle-tabs a[aria-current],.side-hustle-tabs a:hover{background:var(--green);border-color:var(--green);color:#fff}.side-project-guide{margin:24px 0 40px}.side-project-guide h2{font-size:23px}.side-project-guide>p{color:var(--muted);line-height:1.8}



.reader-sidebar,.aside-sticky{position:static;max-height:none;overflow:visible}



.directory-grid a.directory-card{min-height:184px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;background-color:#fffefa;background-image:linear-gradient(90deg,rgba(255,254,250,.99) 0%,rgba(255,254,250,.94) 42%,rgba(255,254,250,.64) 72%,rgba(255,254,250,.05) 100%),var(--card-art);background-size:cover,cover;background-position:center,right center;background-repeat:no-repeat;transition:box-shadow .2s,border-color .2s}.directory-grid a.directory-card p{max-width:77%;line-height:1.8;margin-bottom:18px}.directory-grid a.directory-card small{margin-top:auto;color:var(--green)}.directory-grid a.directory-card:hover{border-color:#8ca18e;box-shadow:0 5px 18px #2238270c}.directory-grid a.directory-card b{position:relative;z-index:1}@media(max-width:720px){.directory-grid a.directory-card{min-height:180px}.directory-grid a.directory-card p{max-width:90%;font-size:12px}.directory-grid a.directory-card{background-image:linear-gradient(90deg,rgba(255,254,250,.99),rgba(255,254,250,.86) 65%,rgba(255,254,250,.35)),var(--card-art)}}



.directory-grid a.directory-card[data-product-card]{background-image:linear-gradient(90deg,rgba(255,254,250,.99) 0%,rgba(255,254,250,.94) 39%,rgba(255,254,250,.45) 70%,rgba(255,254,250,.04) 100%),var(--card-art)}@media(max-width:720px){.directory-grid a.directory-card[data-product-card]{background-image:linear-gradient(90deg,rgba(255,254,250,.99),rgba(255,254,250,.86) 50%,rgba(255,254,250,.22)),var(--card-art)}}



@media(max-width:720px){.mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}



.resource-download{margin:25px 0;padding:22px;border:1px solid var(--line);border-radius:10px;background:#f1f5eb}.resource-download h2{font-size:19px;margin:0 0 16px}.resource-download dl{margin:0;display:grid;gap:8px}.resource-download dl>div{display:flex;gap:16px;font-size:13px;line-height:1.8}.resource-download dt{color:var(--muted);min-width:78px}.resource-download dd{margin:0;overflow-wrap:anywhere}.resource-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.resource-actions a{border:1px solid var(--green);border-radius:6px;padding:10px 16px;color:var(--green);font-size:13px}.resource-actions .resource-download-link{background:var(--green);color:#fff}


.skill-topic{min-width:0}.skill-topic>span:last-child{min-width:0}.skill-topic b{display:block;overflow-wrap:anywhere}.skill-topic small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:var(--muted)}.footer-links{flex-wrap:wrap}@media(max-width:720px){.skill-topic{gap:8px}.skill-topic .topic-icon{flex-shrink:0}.skill-topic small span{display:none}.skill-topic small{font-size:10px}.skill-topic b{font-size:11px}}

.article-cover{display:block!important;overflow:hidden;border-radius:10px;background:#e5e9e4;align-self:center;position:relative;min-height:100px}.cover-image{display:block;position:relative;width:100%;height:100%;min-height:100px;overflow:hidden}.cover-image img{display:block;width:100%;height:100%;min-height:100px;object-fit:cover}.cover-caption{position:absolute;inset:auto 0 0;padding:22px 9px 9px;background:linear-gradient(transparent,rgba(12,24,24,.88) 45%);color:#fff;font-size:12px;font-weight:600;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;text-shadow:0 1px 2px #0005}@media(max-width:720px){.article-cover{width:110px!important;height:100px!important;min-width:110px}.cover-caption{font-size:11px;padding:19px 7px 7px}}@media(max-width:400px){.article-cover{width:92px!important;min-width:92px;height:94px!important}.cover-image,.cover-image img{min-height:94px}.cover-caption{font-size:10px}}

@media(max-width:720px){.article-row{grid-template-columns:minmax(0,1fr) 110px}}@media(max-width:400px){.article-row{grid-template-columns:minmax(0,1fr) 92px}}

.skill-mini-cover{display:flex;align-items:center;justify-content:center;width:64px;height:48px;flex:0 0 64px;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.skill-mini-cover img{display:block;width:100%;height:100%;object-fit:contain}.skill-topic-copy{min-width:0}.skill-topic small{display:flex;gap:4px 7px;flex-wrap:wrap;line-height:1.5}.skill-topic small .skill-purpose{display:inline;color:var(--muted)}.skill-topic .skill-star{white-space:nowrap}.skill-topic{gap:12px}@media(max-width:720px){.skill-topic{gap:8px}.skill-mini-cover{width:58px;height:44px;flex-basis:58px}.skill-topic small .skill-star{display:inline}.skill-topic small .skill-purpose{display:block;font-size:10px;line-height:1.5}.skill-topic small{display:block}.skill-topic b{font-size:11px;line-height:1.5}}

.article-cover .cover-image img{object-fit:contain;background:#eff2ed}.cover-caption{font-size:12px;line-height:1.45;padding:16px 7px 7px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-mini-cover{width:64px;height:48px;flex-basis:64px}.skill-mini-cover img{object-fit:contain}@media(max-width:720px){.cover-caption{font-size:11px;padding:15px 5px 6px}.skill-topic-copy .skill-purpose{font-size:10px}}@media(max-width:400px){.cover-caption{font-size:10px}}

.reader-links.reader-thumbnails li{display:block;margin-top:16px}.reader-item{display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%}.reader-item-copy{min-width:0}.reader-item-thumb{display:flex;align-items:center;justify-content:center;flex:0 0 88px;width:88px;height:64px;overflow:hidden;border-radius:6px;background:#eef2ed}.reader-item-thumb img{width:100%;height:100%;object-fit:contain;display:block}.article-guide{margin:28px 0}.article-guide img{width:100%;height:auto}.article-guide figcaption{font-size:12px;text-align:center;color:var(--muted);margin-top:8px}.watermarked-image{display:block;position:relative;max-width:100%;width:fit-content;margin:22px auto}.watermarked-image img{margin:0}.image-watermark{position:absolute;right:10px;bottom:10px;padding:3px 7px;border-radius:3px;background:#12251ac0;color:white;font-size:11px;line-height:1.5;pointer-events:none}.latest-top{gap:10px;flex-wrap:wrap}@media(max-width:720px){.reader-recommendations{grid-template-columns:1fr}.reader-item-thumb{width:88px;flex-basis:88px}.tabs{max-width:100%}}


#latest{overflow-anchor:none}.mini-faces{position:relative;display:block;flex:0 0 166px;width:166px;height:27px;margin-right:0;animation:none;transform:none;overflow:hidden;contain:layout paint}.mini-faces .face{position:absolute;left:0;top:1px;margin:0;width:25px;height:25px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;animation:none;will-change:transform}.mini-faces .face:nth-child(1){background:#dce6cd}.mini-faces .face:nth-child(2){background:#edd0be}.mini-faces .face:nth-child(3){background:#e4d4b9}.mini-faces .face:nth-child(4){background:#c8d6e4}

.mini-faces .face:nth-child(1){transform:translateX(4px)}.mini-faces .face:nth-child(2){transform:translateX(45px)}.mini-faces .face:nth-child(3){transform:translateX(87px)}.mini-faces .face:nth-child(4){transform:translateX(130px)}

/* Editorial reading and project facts */
.article-body{font-size:16px;line-height:1.95;overflow-wrap:anywhere}.article-body p{margin:0 0 22px}.article-body h2{margin:42px 0 18px;font-size:25px;line-height:1.5}.article-body h3{margin:30px 0 14px;font-size:19px;line-height:1.6}.article-body ol,.article-body ul{padding-left:1.6em;margin:18px 0 26px}.article-body li{padding-left:7px;margin:12px 0;line-height:1.95}.article-body li::marker{color:#39735e;font-weight:700}.article-body strong{font-weight:700;color:#254f40}.article-body blockquote{margin:24px 0;padding:17px 21px;border-left:3px solid #50836b;background:#edf3eb;border-radius:0 8px 8px 0;color:#345b48}.article-body blockquote p{margin:0}.article-body pre{background:#1e2c29;color:#eef5ef;padding:20px;border-radius:10px;overflow:auto;line-height:1.7;font-size:14px}.article-body pre code{color:inherit;background:none;padding:0}.article-body :not(pre)>code{background:#eaf0e7;padding:2px 6px;border-radius:4px;color:#365f4a;font-size:.9em}.skill-info-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.8;text-align:left}.skill-info-table th,.skill-info-table td{padding:13px 16px;border-bottom:1px solid #dfe6d9;vertical-align:top}.skill-info-table th{width:112px;white-space:nowrap;font-weight:500;color:#657466;background:#eaf0e4}.skill-info-table td{overflow-wrap:anywhere;background:#fffefa}.skill-info-table a{color:#2d6d55;text-decoration:underline;text-underline-offset:3px}.skill-info-table tr:last-child>*{border-bottom:0}.resource-download{padding:22px;background:#f4f6ef}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-cover{height:auto!important;aspect-ratio:8/5;min-height:0!important;background:#eef1eb}.article-cover .cover-image,.article-cover .cover-image img{min-height:0;height:100%;aspect-ratio:8/5}.cover-image img{object-fit:contain!important}.reader-item-thumb{width:112px;height:70px;flex-basis:112px;border:1px solid #e6e9e1;border-radius:8px}.skill-mini-cover{width:80px;height:50px;flex-basis:80px}.cover-caption{display:none!important}@media(max-width:720px){.article-body{font-size:16px;line-height:1.9}.article-body h2{font-size:23px;margin-top:32px}.article-body li{margin:14px 0}.skill-info-table th,.skill-info-table td{padding:11px 10px;font-size:13px}.skill-info-table th{width:80px}.resource-download{padding:16px 12px}.article-cover{height:auto!important;min-width:110px}.reader-item-thumb{width:104px;height:65px;flex-basis:104px}}@media(max-width:400px){.article-cover{min-width:92px}.reader-item-thumb{width:96px;height:60px;flex-basis:96px}}

.mini-faces{width:180px;flex-basis:180px}.mini-faces .face{transform-origin:50% 50%}.mini-faces .face:nth-child(1){transform:translateX(0)}.mini-faces .face:nth-child(2){transform:translateX(25px)}.mini-faces .face:nth-child(3){transform:translateX(50px)}.mini-faces .face:nth-child(4){transform:translateX(75px)}

.mini-faces .face{border:0;outline:0;box-shadow:none;flex-shrink:0}

.brand .logo{display:block;width:40px;height:40px;flex:0 0 40px;background:none;border:0;padding:0;transform:none;box-shadow:none;border-radius:0}.brand .logo img{display:block;width:100%;height:100%}.hero p.hero-subtitle{font-size:25px;line-height:1.6;color:#345944;font-weight:600;margin:12px 0 20px;letter-spacing:.04em}.hero h1{margin-bottom:0}@media(max-width:720px){.brand .logo{width:36px;height:36px;flex-basis:36px}.hero p.hero-subtitle{font-size:20px;letter-spacing:.02em}}

/* User supplied horizontal logo: header only. */
.header .brand{display:flex;flex:0 0 auto;gap:0;padding:0;line-height:1}.brand-header-image{display:block;width:240px;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}.header-inner{gap:30px}.header .brand-header-image{flex-shrink:0}
@media(max-width:1100px) and (min-width:721px){.brand-header-image{width:225px}.header-inner{gap:20px}}
@media(max-width:720px){.header .brand{width:210px;max-width:calc(100% - 60px)}.brand-header-image{width:210px;height:auto}.header-inner{gap:0 12px}}

@media(max-width:720px){.header .header-inner{grid-template-rows:84px 44px!important;height:144px!important}.header .brand{width:210px!important;min-width:0!important}.header .brand-header-image{width:210px!important;min-width:0!important;height:auto!important}.nav.mobile{top:144px}}

.header .brand-header-image{mix-blend-mode:normal}

/* Homepage display typography follows the supplied logo. */
.brand-text-readable{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.hero h1.hero-brand-heading{line-height:1;margin:30px 0 0;letter-spacing:normal}.hero-brand-heading img{display:block;width:310px;max-width:100%;height:auto;object-fit:contain}.hero p.hero-brand-tagline{margin:22px 0 26px;line-height:1}.hero-brand-tagline img{display:block;width:310px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:720px){.hero h1.hero-brand-heading{margin-top:26px}.hero-brand-heading img{width:270px}.hero p.hero-brand-tagline{margin:20px 0 24px}.hero-brand-tagline img{width:280px}}

.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px}.pagination-number,.pagination-current{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:7px 11px;border:1px solid var(--line);border-radius:5px;font-size:13px}.pagination-current{background:var(--ink);color:#fff;border-color:var(--ink)}.pagination-number:hover{border-color:var(--green);color:var(--green)}.pagination-gap{padding:0 4px;color:var(--muted)}#article-list{scroll-margin-top:140px}@media(max-width:720px){.pagination{gap:6px}.pagination .secondary{padding:9px 12px;font-size:12px}#article-list{scroll-margin-top:160px}}

.office-directory{padding-top:10px}.office-directory h3{font-size:20px;margin:28px 0 18px}.office-hub-note,.office-tool-note{font-size:14px;line-height:1.9;color:var(--muted)}.office-tool-note{padding:18px 24px;margin-bottom:25px;border:1px solid var(--line);border-radius:10px;background:#f0f4eb}.office-hub-note{margin:24px 0 34px}.office-directory .directory-card small{line-height:1.7}

.aside-section .tags>a{max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.all-tags-link{display:inline-block;margin-top:12px;font-size:12px;color:var(--green)}#explore-tags{scroll-margin-top:120px}

.editor-head .site-square-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:7px;background:transparent;overflow:hidden;padding:0}.site-square-avatar img{display:block;width:100%;height:100%;object-fit:contain}#ai-tools,#office-ai{scroll-margin-top:125px}.directory-block-lead a{color:var(--green);white-space:nowrap}