*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--forest:#3a4a3a;--moss:#5a6c5a;--sage:#6b7d6b;--sage-light:#8b9d8b;--mist:#d4dcd4;--paper:#f5f7f5;--accent:#e8ece8;--card:#fff;--image:#a8b8a8}body{font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--forest);line-height:1.6}.container{max-width:1440px;margin:0 auto;padding:0 40px}header{background:var(--sage-light);border-bottom:2px solid var(--sage);padding:24px 0}.header-content{justify-content:space-between;align-items:center;gap:40px;display:flex}.logo{color:var(--paper);letter-spacing:-.5px;cursor:pointer;font-size:28px;font-weight:700;text-decoration:none}nav{gap:32px;display:flex}nav a{color:var(--paper);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}nav a:hover{color:var(--mist)}.search-bar{flex:0 0 280px;gap:8px;display:flex}.search-bar input{border:1px solid var(--sage);background:var(--paper);color:var(--forest);border-radius:8px;flex:1;padding:10px 16px;font-size:14px}.search-bar button{background:var(--sage);color:var(--paper);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:background .2s}.search-bar button:hover{background:var(--moss)}.hero-section{padding:48px 0}.hero-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.featured-card{background:var(--card);border:1px solid var(--mist);cursor:pointer;color:inherit;border-radius:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6b7d6b26}.featured-main{grid-row:span 2}.card-image{background:var(--image);width:100%;height:400px;color:var(--sage);justify-content:center;align-items:center;font-size:14px;display:flex}.card-image img{object-fit:cover;width:100%;max-width:-webkit-fill-available;height:100%;display:block}.featured-main .card-image{height:460px;max-height:fit-content}.sub-card .card-image{height:200px;max-height:fit-content}.card-content{padding:32px}.featured-main .card-content{padding:40px}.sub-card .card-content{padding:24px}.card-tag,.article-tag{background:var(--mist);color:var(--forest);border-radius:6px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.card-title{color:var(--forest);margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.3}.sub-card .card-title{margin-bottom:12px;font-size:18px}.card-excerpt{color:var(--moss);margin-bottom:16px;font-size:15px;line-height:1.7}.card-meta{color:var(--sage-light);font-size:13px}.main-content{padding:48px 0 80px}.content-grid{grid-template-columns:1fr 340px;gap:48px;display:grid}.articles-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.article-card{background:var(--card);border:1px solid var(--mist);cursor:pointer;color:inherit;border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6b7d6b1f}.article-card .card-image{height:240px;max-height:fit-content}.article-card .card-content{padding:28px}.article-card .card-title{margin-bottom:12px;font-size:20px}.article-card .card-excerpt{margin-bottom:12px;font-size:14px}.sidebar,.article-sidebar{height:fit-content;position:sticky;top:24px}.sidebar-section{background:var(--card);border:1px solid var(--mist);border-radius:12px;margin-bottom:24px;padding:28px}.sidebar-title{color:var(--forest);border-bottom:2px solid var(--mist);margin-bottom:20px;padding-bottom:16px;font-size:18px;font-weight:700}.popular-item,.related-item{border-bottom:1px solid var(--accent);cursor:pointer;padding:16px 0;transition:background .2s}.popular-item:last-child,.related-item:last-child{border-bottom:none}.popular-item:hover,.related-item:hover{background:var(--paper);border-radius:6px;margin:0 -12px;padding:16px 12px}.popular-title,.related-title{color:var(--forest);margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4}.popular-meta,.related-meta{color:var(--sage-light);font-size:12px}.category-list{flex-direction:column;gap:12px;display:flex}.category-item{background:var(--paper);cursor:pointer;border:1px solid var(--accent);color:inherit;border-radius:8px;justify-content:space-between;padding:12px 16px;text-decoration:none;transition:background .2s;display:flex}.category-item:hover{background:var(--accent)}.category-name{color:var(--forest);font-size:14px;font-weight:500}.category-count{color:var(--sage-light);font-size:13px}.tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag{background:var(--paper);border:1px solid var(--mist);color:var(--moss);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .2s}.tag:hover{background:var(--mist);color:var(--forest)}.salonbox-link{color:#8fbc8f;-webkit-text-decoration:unset;text-decoration:unset;border:5px solid;border-radius:45px;padding:10px;font-weight:700;display:inline-block}.breadcrumb{color:var(--sage-light);padding:24px 0;font-size:14px}.breadcrumb a{color:var(--sage);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--forest)}.breadcrumb span{margin:0 8px}.article-layout{grid-template-columns:1fr 340px;gap:48px;padding:32px 0 80px;display:grid}.article-main{background:var(--card);border:1px solid var(--mist);border-radius:16px;overflow:hidden}.article-header{border-bottom:2px solid var(--accent);padding:48px 64px 32px}.article-title{color:var(--forest);margin-bottom:24px;font-size:42px;font-weight:700;line-height:1.3}.article-meta{color:var(--sage-light);flex-wrap:wrap;align-items:center;gap:24px;font-size:14px;display:flex}.meta-item{align-items:center;gap:8px;display:flex}.article-hero-image{background:var(--image);width:100%;height:480px;color:var(--sage);justify-content:center;align-items:center;font-size:16px;display:flex}.article-hero-image img{object-fit:cover;width:100%;max-width:-webkit-fill-available;height:100%;max-height:fit-content;display:block}.article-body{padding:48px 64px 64px}.article-body p{color:var(--forest);margin-bottom:28px;font-size:17px;line-height:1.9}.article-body h2{color:var(--forest);margin:48px 0 24px;font-size:32px;font-weight:700;line-height:1.4}.article-body h3{color:var(--forest);margin:36px 0 20px;font-size:24px;font-weight:600;line-height:1.4}.article-body ul,.article-body ol{margin:24px 0 28px 32px}.article-body li{color:var(--forest);margin-bottom:12px;font-size:17px;line-height:1.9}.article-body blockquote{border-left:4px solid var(--sage-light);background:var(--paper);color:var(--moss);border-radius:8px;margin:32px 0;padding:24px 32px;font-size:18px;font-style:italic}.content-image{background:var(--image);width:100%;height:360px;color:var(--sage);border-radius:12px;justify-content:center;align-items:center;margin:36px 0;font-size:14px;display:flex}.article-image{border-radius:12px;width:100%;max-width:-webkit-fill-available;height:auto;max-height:fit-content;margin:36px 0;display:block}.highlight-box{background:var(--accent);border:2px solid var(--mist);border-radius:12px;margin:36px 0;padding:32px}.highlight-box h4{color:var(--forest);margin-bottom:16px;font-size:20px;font-weight:600}.highlight-box p{margin-bottom:16px}.highlight-box p:last-child{margin-bottom:0}.article-footer{border-top:2px solid var(--accent);padding:32px 64px}.article-tags{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.article-tags .tag{padding:10px 18px;font-size:14px}.share-section{border-top:1px solid var(--accent);padding-top:32px}.share-title{color:var(--forest);margin-bottom:16px;font-size:16px;font-weight:600}.share-buttons{flex-wrap:wrap;gap:12px;display:flex}.share-btn{background:var(--paper);border:1px solid var(--mist);color:var(--moss);cursor:pointer;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.share-btn:hover{background:var(--mist);color:var(--forest)}.author-info{text-align:center}.author-avatar{background:var(--image);width:80px;height:80px;color:var(--sage);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:12px;display:flex}.author-name{color:var(--forest);margin-bottom:8px;font-size:18px;font-weight:600}.author-role{color:var(--sage-light);margin-bottom:16px;font-size:13px}.author-bio{color:var(--moss);font-size:14px;line-height:1.7}.toc{list-style:none}.toc li{margin-bottom:12px}.toc a{color:var(--moss);font-size:14px;line-height:1.6;text-decoration:none;transition:color .2s;display:block}.toc a:hover{color:var(--forest)}.toc .toc-h2{font-weight:600}.toc .toc-h3{padding-left:16px;font-size:13px}.cta-inline{background:var(--paper);border:1px solid var(--mist);border-radius:12px;margin:24px 0;padding:18px 20px}.cta-inline a{color:var(--moss);font-weight:600;text-decoration:underline}.cta-block{border-left:4px solid var(--sage-light);background:var(--paper);border-radius:12px;margin:32px 0 0;padding:24px 28px;font-style:normal}.cta-title{margin-bottom:12px}.cta-list{margin:0;padding-left:20px}.cta-list a{color:var(--moss);text-decoration:underline}footer{background:var(--sage);color:var(--mist);padding:48px 0 32px}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:32px;display:grid}.footer-section h3{color:var(--paper);margin-bottom:20px;font-size:16px;font-weight:700}.footer-section p{color:#c4d4c4;font-size:14px;line-height:1.8}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{color:#c4d4c4;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--paper)}.footer-bottom{text-align:center;border-top:1px solid var(--sage-light);color:#a8b8a8;padding-top:24px;font-size:13px}.pagination{gap:12px;margin-top:32px;display:flex}.pagination a{border:1px solid var(--mist);color:var(--moss);background:var(--paper);border-radius:8px;padding:10px 16px;text-decoration:none}.pagination a.active{background:var(--mist);color:var(--forest)}@media (max-width:1200px){.container{padding:0 28px}.header-content{flex-wrap:wrap}.search-bar{flex:260px}.content-grid,.article-layout{grid-template-columns:1fr}.sidebar,.article-sidebar{position:static}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.featured-main{grid-row:auto}.articles-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr}.article-header{padding:36px 32px 28px}.article-body{padding:36px 32px 48px}.article-footer{padding:28px 32px}.article-title{font-size:32px}}@media (max-width:600px){.container{padding:0 20px}nav{flex-wrap:wrap;gap:16px}.search-bar{flex:100%}.card-content{padding:24px}.featured-main .card-content{padding:28px}.footer-content{grid-template-columns:1fr}.article-header{padding:28px 24px 24px}.article-body{padding:28px 24px 36px}.article-footer{padding:24px}.article-title{font-size:26px}.article-hero-image{height:320px}}