.articles-page-wrapper{min-height:100vh;margin:2% 5%}.articles-header-row{align-items:flex-end;display:flex}.articles-title{font-family:Inter,Arial,sans-serif;font-size:40px;font-weight:700;font-style:bold;letter-spacing:-.01em;color:#000;margin-bottom:0%;margin-right:1.2rem}.articles-title-sub{color:#000;letter-spacing:0;margin-left:.5rem;font-size:28px;font-style:italic;font-weight:400;line-height:140%}.articles-controls-row{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.grid-layout-buttons{align-items:center;gap:8px;display:flex}.grid-layout-btn{background:var(--background);cursor:pointer;border:0 solid #cccccc3d;justify-content:center;align-items:center;width:55px;height:55px;padding:0;transition:all .2s;display:flex}.grid-layout-btn:hover{border-color:#888}.grid-layout-btn.active{border-width:2px;border-color:#000}.grid-icon{gap:2px;width:35px;height:35px;display:grid;position:relative}.grid-square{background:var(--background);border:1px solid #000;border-radius:0}.grid-icon .grid-square.single{width:100%;height:100%}.grid-icon .grid-square.left,.grid-icon .grid-square.right{width:calc(50% - 1px);height:100%;position:absolute;top:0}.grid-icon .grid-square.left{left:0}.grid-icon .grid-square.right{right:0}.grid-icon .grid-square.top-left,.grid-icon .grid-square.top-right,.grid-icon .grid-square.bottom-left,.grid-icon .grid-square.bottom-right{width:calc(50% - 1px);height:calc(50% - 1px);position:absolute}.grid-icon .grid-square.top-left{top:0;left:0}.grid-icon .grid-square.top-right{top:0;right:0}.grid-icon .grid-square.bottom-left{bottom:0;left:0}.grid-icon .grid-square.bottom-right{bottom:0;right:0}.articles-grid{grid-template-columns:repeat(3,1fr);gap:2.2rem;margin-top:2.2rem;display:grid}.articles-grid[style*="repeat(1, 1fr)"] .article-card{flex-direction:row}.articles-grid[style*="repeat(1, 1fr)"] .article-card-img-wrapper{flex:0 0 200px;height:140px}.articles-grid[style*="repeat(1, 1fr)"] .article-card-img{border-radius:12px}.articles-grid[style*="repeat(2, 1fr)"] .article-card{flex-direction:row}.articles-grid[style*="repeat(2, 1fr)"] .article-card-img-wrapper{width:100%;height:180px}.articles-grid[style*="repeat(2, 1fr)"] .article-card-img{border-radius:12px}.articles-grid[style*="repeat(3, 1fr)"] .article-card{flex-direction:row}.articles-grid[style*="repeat(3, 1fr)"] .article-card-img-wrapper{width:100%;height:160px}.articles-grid[style*="repeat(3, 1fr)"] .article-card-img{border-radius:12px}.articles-grid[style*="repeat(1, 1fr)"] .article-card-content{justify-content:center;padding:1.2rem 1.2rem 1.2rem 1.5rem}.articles-grid[style*="repeat(2, 1fr)"] .article-card-content{justify-content:flex-start;padding:1.2rem}.articles-grid[style*="repeat(3, 1fr)"] .article-card-content{justify-content:flex-start;padding-left:20px}.articles-grid[style*="repeat(3, 1fr)"] .article-card-title{margin-bottom:.4rem;font-size:1.1rem}.articles-grid[style*="repeat(3, 1fr)"] .article-card-excerpt{margin-bottom:.7rem;font-size:.95rem;line-height:1.4}.articles-grid[style*="repeat(3, 1fr)"] .article-card-meta-row{font-size:.9rem}.article-card{border-radius:18px;flex-direction:row;align-items:stretch;min-height:120px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.article-card-img-wrapper{background:#f4f4f4;flex:0 0 160px;justify-content:center;align-items:center;height:100%;display:flex}.article-card-img{object-fit:cover;border-radius:16px;width:100%;height:100%}.article-card-content{flex-direction:column;flex:auto;justify-content:center;display:flex}.article-card-title{color:#181818;margin-bottom:.55rem;font-size:1.2rem;font-style:italic;font-weight:600}.article-card-title-bold{font-style:italic;font-weight:800}.article-card-excerpt{color:#555;margin-bottom:.85rem;font-size:1.01rem;line-height:1.45}.article-card-meta-row{color:#888;justify-content:space-between;align-items:center;gap:.6rem;font-size:.98rem;display:flex}.article-card-meta-cat{color:#1d1d1d;font-weight:600}.article-card-meta-dot{color:#bbb;font-size:1.2em}.article-card-meta-read{color:#888}.article-card-link{color:#111;margin-left:.5rem;font-size:.98rem;font-weight:600;text-decoration:underline;transition:color .15s}.article-card-link:hover{color:#2275c7}.article-detail-time-read{font-size:16px;font-style:italic;font-weight:400}@media (max-width:1200px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.articles-grid{grid-template-columns:1fr}.article-card-img-wrapper{flex-basis:90px}.article-card-content{padding:.5rem}.articles-controls-row{flex-direction:column;display:flex}.article-card{flex-direction:column}}.article-detail-page{background:#f7f2e7;min-height:100vh;padding:0 0 2.5rem}.article-detail-header{width:100%;position:relative}.article-detail-header-img-wrapper{border-radius:18px;height:370px;margin:2vw 5vw 1.2rem;overflow:hidden}.article-detail-header-img{object-fit:contain;width:100%;height:100%;display:block}.article-detail-category-badge{color:#000;background:#fff;border-radius:12px;padding:.25em 1.1em;font-size:.97rem;font-weight:600;box-shadow:0 2px 8px #0001}.article-detail-header-meta{color:#444;background:#fff8;border-radius:11px;padding:.22em .9em;font-size:.97rem;font-weight:400;position:absolute;top:18px;right:24px}.article-detail-header-meta-row{flex-direction:row;justify-content:space-between;align-items:center;margin-left:5vw;margin-right:5vw;display:flex}.article-detail-header-content{margin-left:5vw;margin-right:5vw}.article-detail-title{color:#000;margin-bottom:.35rem;font-size:35px;font-style:italic;font-weight:600;line-height:1.15}.article-detail-subtitle{color:#333;margin-bottom:.6rem;font-size:1.12rem;font-weight:700}.article-detail-author{color:#000;font-size:18px;font-style:italic;font-weight:300}.article-detail-body{margin-left:5vw;margin-right:5vw}.article-detail-content{color:#000;font-size:18px;font-style:italic;font-weight:300;line-height:1.7}.article-detail-content h2,.article-detail-content h3{margin-top:1.7em;margin-bottom:.6em;font-weight:700}.article-detail-content ul,.article-detail-content ol{margin-bottom:1.3em;margin-left:1.5em}.article-detail-content blockquote{color:#888;border-left:3px solid #c7c7c7;margin:1.2em 0;padding-left:1.2em;font-style:italic}.article-detail-content strong{font-weight:700}.article-detail-content em{font-style:italic}.article-detail-content a{color:#2275c7;text-decoration:underline}.article-detail-suggest{margin-top:2.5rem;margin-left:5vw;margin-right:5vw}.article-detail-suggest-title{color:#181818;margin-bottom:1.2rem;font-family:Inter,Arial,sans-serif;font-size:1.2rem;font-weight:800}.article-detail-suggest-sub{color:#444;margin-left:.5rem;font-size:1rem;font-style:italic;font-weight:400}@media (max-width:800px){.article-detail-header-img-wrapper{height:130px}.article-detail-content{padding:1.2rem .7rem}}@media (max-width:430px){.article-detail-body{margin-left:2vw;margin-right:2vw}.article-card-excerpt{display:none}.articles-grid[style*="repeat(1, 1fr)"] .article-card{flex-direction:column}.articles-grid[style*="repeat(1, 1fr)"] .article-card-content{padding:0}.articles-grid[style*="repeat(2, 1fr)"] .article-card{flex-direction:column}.articles-grid[style*="repeat(2, 1fr)"] .article-card-content{padding:0}}.article-loading,.loading-content{text-align:center;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p{color:#666;margin:0;font-size:1.1rem}