.app-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:24px 0 4px;display:flex}.app-pagination__pages{align-items:center;gap:6px;display:flex}.app-pagination button{color:#72502b;cursor:pointer;background:#fffdf8;border:1px solid #e6d8c4;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:40px;min-height:42px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.app-pagination button:hover:not(:disabled){background:#fff0cf;border-color:#bb8537}.app-pagination button[aria-current=page]{color:#fff8ec;opacity:1;background:#65452c;border-color:#65452c;box-shadow:0 4px 12px #65452c20}.app-pagination button:disabled{opacity:.45;cursor:default}.app-pagination button:focus-visible{outline-offset:3px;outline:2px solid #b57b28}.app-pagination__gap{color:#958471;padding:0 2px}@media (max-width:480px){.app-pagination{gap:7px}.app-pagination__pages{gap:3px}.app-pagination button{min-width:32px;min-height:40px;padding:7px;font-size:12px}.app-pagination__direction>span:not([aria-hidden]){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}
.blog-page{color:#2f241c;font-family:var(--font-app);background:radial-gradient(circle at 86% 8%,#df8b081a,#0000 25rem),linear-gradient(#fffaf1 0%,#f8f1e7 58%,#f4efe6 100%);min-height:100vh;font-size:.94rem}.blog-page a{color:inherit;text-decoration:none}.blog-container{max-width:1180px;margin:0 auto;padding:0 1rem}.blog-hero{color:#fff8ec;background:linear-gradient(135deg,#120905f5,#3a1f0ae6),url(/assets/lines.png) 50%/cover;padding:clamp(2.2rem,4.5vw,4.2rem) 0}.blog-kicker{color:#9b5d09;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:720;display:inline-flex}.blog-hero .blog-kicker{color:#ffdc91}.blog-hero h1{color:#fff6d7;max-width:850px;margin:.65rem 0 .85rem;font-size:clamp(2rem,4vw,3.45rem);font-weight:720;line-height:1.06}.blog-hero p{color:#fff8ece0;max-width:720px;margin:0;font-size:.94rem;line-height:1.7}.blog-content{padding:clamp(2rem,4vw,3.7rem) 0}.blog-content .blog-container{gap:1rem;display:grid}.blog-category-panel,.blog-card,.blog-note{background:#fffcf6f7;border:1px solid #dfd0bd;border-radius:8px;box-shadow:0 12px 30px #482d0814}.blog-category-panel{gap:.85rem;padding:1rem;display:grid}.blog-category-panel h2,.blog-section-head h2,.blog-note h2{color:#34251b;margin:0;font-size:clamp(1.2rem,2.1vw,1.75rem);font-weight:700;line-height:1.2}.blog-category-grid{grid-template-columns:minmax(0,1fr);gap:.55rem;display:grid}.blog-category-grid a{color:#5f4939;background:#fffaf1;border:1px solid #ead8bf;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;min-height:40px;padding:.58rem .7rem;font-size:.86rem;font-weight:580;display:grid}.blog-category-grid a:hover,.blog-card a:hover{color:#34251b;border-color:#df8b08}.blog-category-grid i,.blog-card-icon,.blog-card a i,.blog-note>i{color:#9b5d09}.blog-section{gap:1rem;display:grid}.blog-section-head{gap:.35rem;display:grid}.blog-grid{grid-template-columns:minmax(0,1fr);gap:.9rem;display:grid}.blog-card{gap:.65rem;padding:1rem;display:grid}.blog-card-icon{background:#fff0cf;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.blog-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;display:flex}.blog-card-meta span,.blog-card-meta small{color:#8a4f06;text-transform:uppercase;font-size:.74rem;font-weight:700}.blog-card h3{color:#34251b;margin:0;font-size:1.05rem;font-weight:690;line-height:1.3}.blog-card p,.blog-note p{color:#665144;margin:0;font-size:.89rem;line-height:1.65}.blog-card a{color:#5f3605;background:#fff0cf;border:1px solid #e7c986;border-radius:8px;justify-content:center;align-items:center;gap:.48rem;width:fit-content;min-height:38px;margin-top:auto;padding:.56rem .78rem;font-size:.84rem;font-weight:700;display:inline-flex}.blog-note{grid-template-columns:auto 1fr;align-items:flex-start;gap:.8rem;padding:1rem;display:grid}.blog-note>i{background:#fff0cf;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}@media (min-width:720px){.blog-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:575px){.blog-category-panel,.blog-card,.blog-note{padding:.9rem}}.blog-feed{min-width:0;scroll-margin-top:190px}.blog-feed-summary{color:#897461;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.blog-feed-summary strong{color:#62472e;font-weight:600}.blog-grid--api{align-items:stretch;gap:24px}.blog-api-card{background:#fffdf8;border:1px solid #e8dac7;border-radius:18px;flex-direction:column;min-width:0;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 8px 28px #49301908}.blog-api-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #49301913}.blog-api-card__cover{aspect-ratio:16/10;color:#8f672f;background:radial-gradient(circle at 30% 30%,#f6e3b5,#d9bd8f);place-items:center;display:grid;position:relative;overflow:hidden}.blog-api-card__cover img{object-fit:cover}.blog-api-card__cover>i{font-size:50px}.blog-api-card__badge{color:#6d4d2c;letter-spacing:.08em;text-transform:uppercase;background:#fffaf1ed;border:1px solid #ffffff70;border-radius:100px;padding:6px 11px;font-size:10px;font-weight:700;position:absolute;bottom:14px;left:16px}.blog-api-card__body{flex-direction:column;flex:1;gap:18px;padding:22px;display:flex}.blog-api-card__meta{color:#947b61;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.blog-api-card h3{color:#3e2c20;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:650;line-height:1.45}.blog-api-card h3 a:hover{color:#ac6f26}.blog-api-card__read{border-top:1px solid #ede2d2;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;font-size:12px;font-weight:650;display:flex;color:#885920!important}.blog-api-card__read>span{background:#f7ebd4;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.blog-api-card a:focus-visible{outline-offset:3px;outline:2px solid #a87430}.blog-feed-state{text-align:center;background:#fffdf8;border:1px solid #e8dac7;border-radius:18px;padding:54px 22px}.blog-feed-state>i{color:#b38543;margin-bottom:20px;font-size:30px}.blog-feed-state h3{color:#5e442b;font-size:20px}.blog-feed-state p{color:#8d7863;font-size:14px}.blog-feed-state button{color:#6e4e23;cursor:pointer;background:#fff0ce;border:1px solid #d2b486;border-radius:10px;padding:10px 20px}@media (max-width:575px){.blog-api-card__body{padding:18px}.blog-api-card h3{font-size:18px}.blog-grid--api{gap:18px}}@media (prefers-reduced-motion:reduce){.blog-api-card{transition:none}}