:root{--card-bg:#fff;--card-border:#e6e8ef;--card-shadow:0 6px 18px rgba(0,0,0,.06);--txt:#1a1f36;--muted:#6b7280;--link:#0a66c2}.blog-wrap{max-width:1100px;margin:24px auto 64px;padding:0 16px;color:var(--txt)}.articole-page .page-title{text-align:center}.articole-page .blog-cta-paragraph{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:12px 14px;text-align:center;margin:16px 0 24px;line-height:1.7}body.articole-page .hero p{max-width:none}.blog-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;box-shadow:var(--card-shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .06s ease}.blog-card:hover{transform:translateY(-2px)}.blog-card img{width:100%;height:180px;object-fit:cover;display:block}.blog-card__body{padding:14px 14px 16px}.blog-card__title{margin:0 0 8px;font-size:18px;line-height:1.35}.blog-card__title a{color:var(--txt);text-decoration:none}.blog-card__title a:hover{color:var(--link)}.blog-card__excerpt{margin:0 0 10px;color:var(--muted);font-size:14px}.blog-card__meta{margin-top:auto;color:var(--muted);font-size:12px}.blog-pager{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:24px}.blog-pager a{padding:8px 12px;border-radius:10px;border:1px solid var(--card-border);background:#fff;text-decoration:none;color:var(--txt)}.blog-pager a:hover{background:#f7f8fb}.articole-page .articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.articole-page #articles .card img,.articole-page .articles-grid .card img,.articole-page .card img{width:100%;height:180px;object-fit:contain!important;object-position:center;background:#fff;border-radius:12px;display:block}.articole-page .card .card-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px}.articole-page .meta-pills{display:flex;justify-content:center;gap:10px}.articole-page .pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;line-height:1;font-size:13px}.articole-page .pill svg{display:inline-block}.articole-page .pill-like svg{color:#f59e0b}.articole-page .pill-dislike svg{color:#f59e0b}.articole-page .pill-views svg{color:#0ea5e9}.articole-page .dial-caption{font-size:14px;color:#64748b;margin:10px 0 6px}.articole-page .dial-wrap{display:flex;align-items:center;gap:12px;margin:18px 0 22px;width:100%}.articole-page .dial-btn{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;line-height:0;flex:0 0 auto}.articole-page .dial-viewport{position:relative;flex:1 1 auto;height:122px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 6px 18px rgba(2,6,23,.06)}.articole-page .dial-wrap:focus-within .dial-viewport{box-shadow:0 8px 22px rgba(2,6,23,.1)}.articole-page .dial-scroll{height:100%;overflow-y:auto;scroll-behavior:smooth;padding:6px 0}.articole-page .dial-scroll::-webkit-scrollbar{display:none}.articole-page .dial-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.articole-page .dial-item{height:34px;display:flex;align-items:center;justify-content:center;padding:0 10px}.articole-page .dial-link{display:block;max-width:100%;text-decoration:none;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}@media (max-width:600px){.articole-page .dial-viewport{height:170px!important}.articole-page .dial-list{gap:0!important}.articole-page .dial-item{height:48px!important;align-items:flex-start!important;padding-top:4px!important}.articole-page .dial-link{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.2}}.articol-page article{max-width:800px;margin:0 auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;font-size:18px;line-height:1.7;color:#0f172a}.articol-page h2{font-size:28px;margin-bottom:16px}.articol-page h2,.articol-page h3,.articol-page h4{font-family:Poppins,Inter,sans-serif;font-weight:600;margin:24px 0 12px;color:#0f172a}.articol-page p{margin-bottom:16px}.articol-page strong{font-weight:600;color:#0f172a}.articol-page .article-date{font-size:14px;color:#64748b;margin-bottom:20px}.articol-page img,.articol-page img.article-cover{max-width:100%;border-radius:12px;margin:16px 0;display:block}.articol-page .article-actions{max-width:800px;margin:12px auto 18px;display:flex;gap:10px;justify-content:center}.articol-page .article-actions .pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;line-height:1;font-size:13px}.articol-page .article-actions .pill-like svg{color:#f59e0b}.articol-page .article-actions .pill-dislike svg{color:#f59e0b}.articol-page .article-actions .pill-views svg{color:#0ea5e9}.articol-page .hr-soft{margin:24px 0;border:0;border-top:1px solid #e2e8f0}.articol-page .article-cta{border-left:4px solid #0ea5e9;background:#f0f9ff;padding:14px 16px;border-radius:10px;margin:20px 0 24px;color:#0c4a6e}.articol-page #threadList{display:grid;gap:12px;margin-bottom:12px}.articol-page .thread-card{padding:12px}.articol-page .thread-card .name{font-weight:600}.articol-page .thread-card .body{white-space:pre-wrap;line-height:1.6}.articol-page .thread-card .meta{font-size:12px;color:#64748b;margin-top:6px}.articol-page #articleThreadForm{display:grid;gap:10px;margin:12px 0 0;width:100%}.articol-page .form-actions{display:flex;gap:8px;align-items:center}.articol-page #threadOk{display:none;color:#16a34a}.articol-page #emptyMsg{color:#64748b;margin:0}.articol-page .box-soft,.articole-page .box-soft{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 10px rgba(2,6,23,.04)}.articol-page .box-soft h3,.articole-page .box-soft h3{font-size:1rem;margin:0 0 10px;color:#0f172a;font-weight:600}.articol-page .form-row,.articole-page .form-row{display:grid;gap:10px}.articol-page .input-clean,.articol-page .textarea-clean,.articole-page .input-clean,.articole-page .textarea-clean{width:100%;border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:10px 12px;font:inherit;line-height:1.35;outline:0;transition:box-shadow .15s,border-color .15s,background .15s;display:block;box-sizing:border-box;min-width:0}.articol-page .textarea-clean,.articole-page .textarea-clean{min-height:110px;resize:vertical}.articol-page .input-clean:focus,.articol-page .textarea-clean:focus,.articole-page .input-clean:focus,.articole-page .textarea-clean:focus{border-color:#38bdf8;background:#fff;box-shadow:0 0 0 4px rgba(56,189,248,.2)}.articol-page .btn-pill,.articole-page .btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid #0ea5e9;background:#0ea5e9;color:#fff;font-weight:600;cursor:pointer;transition:transform .06s ease,box-shadow .15s ease,background .15s}.articol-page .btn-pill:hover,.articole-page .btn-pill:hover{box-shadow:0 6px 18px rgba(14,165,233,.25)}.articol-page .btn-pill:active,.articole-page .btn-pill:active{transform:translateY(1px)}.articol-page .btn-ghost,.articole-page .btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid #0ea5e9;border-radius:6px;background:0 0;color:#0ea5e9;font-size:.85em;font-weight:500;line-height:1;text-decoration:none;vertical-align:middle;position:relative;top:-1px;transition:all .2s ease-in-out}.articol-page .btn-ghost:hover,.articole-page .btn-ghost:hover{background:#0ea5e9;color:#fff}.articol-page .btn-ghost svg,.articole-page .btn-ghost svg{flex-shrink:0;width:14px;height:14px}.articol-page main>.section:first-of-type,.articole-page main>.section:first-of-type{padding-top:var(--gap-top)!important}.articole-page .hero{padding-top:var(--gap-top)!important}:root{--gap-top:24px}.articol-page main>.section:first-of-type,.articole-page .hero,.articole-page main>.section:first-of-type{padding-top:var(--gap-top)!important}.articol-page main>.section:first-of-type>.container>:first-child,.articole-page main>.section:first-of-type>.container>:first-child{margin-top:0!important}.articol-page .article-title{text-align:center;margin-left:auto;margin-right:auto}