/* =============================================================
   Stay With GK — Articles (grid, detail, category) + carousel
   Banner uses global .site-banner.
   ============================================================= */
:root{ --clay:#C0714E; --clay-deep:#9c5638; }

.art-intro{padding:clamp(2.5rem,5vw,4rem) 0 clamp(1rem,2vw,1.5rem);text-align:center}
.art-intro h2{font-family:var(--display);font-weight:400;color:var(--ink);font-size:clamp(1.8rem,1.3rem+1.8vw,2.6rem);margin:.5rem 0 .5rem}
.art-intro p{max-width:56ch;margin:0 auto;color:var(--slate);font-size:1.05rem}
.art-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.6rem 0 0}
.art-cats a{font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--ink);background:var(--white,#fff);border:1px solid var(--line);padding:.45rem 1rem;border-radius:999px;text-decoration:none;transition:all .2s}
.art-cats a:hover,.art-cats a[aria-current]{background:var(--clay);border-color:var(--clay);color:#fff}

/* grid */
.art-grid-wrap{padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(4rem,7vw,6rem)}
.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
@media(max-width:900px){.art-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.art-grid{grid-template-columns:1fr}}
.art-card{display:flex;flex-direction:column;background:var(--white,#fff);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s}
.art-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px -34px rgba(35,32,26,.5)}
.art-card__img{aspect-ratio:16/11;overflow:hidden;background:var(--bone-deep)}
.art-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.art-card:hover .art-card__img img{transform:scale(1.05)}
.art-card__body{padding:1.3rem 1.4rem 1.6rem;display:flex;flex-direction:column;flex:1}
.art-card__cats{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:.6rem}
.art-card__body h3{font-family:var(--display);font-weight:400;color:var(--ink);font-size:1.35rem;line-height:1.12;margin:0 0 .6rem}
.art-card__meta{font-size:.82rem;color:var(--slate);margin-bottom:.7rem}
.art-card__excerpt{color:var(--slate);font-size:.92rem;margin:0 0 1rem;flex:1}
.art-card__more{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--clay-deep)}
.art-card__more svg{transition:transform .3s}
.art-card:hover .art-card__more svg{transform:translateX(3px)}

/* detail */
.art-detail{padding:clamp(2.5rem,5vw,4rem) 0 clamp(3rem,6vw,5rem)}
.art-detail__inner{max-width:760px;margin:0 auto}
.art-detail__cats{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:.8rem;display:flex;gap:.6rem;flex-wrap:wrap}
.art-detail__cats a{color:var(--brass-deep);text-decoration:none}
.art-detail__cats a:hover{color:var(--clay-deep)}
.art-detail__meta{font-size:.9rem;color:var(--slate);margin:0 0 2rem;padding-bottom:1.4rem;border-bottom:1px solid var(--line)}
.art-detail__inner h2{font-family:var(--display);font-weight:400;color:var(--ink);font-size:clamp(1.5rem,1.2rem+1vw,2rem);margin:2rem 0 .8rem}
.art-detail__inner p{color:var(--slate);font-size:1.06rem;line-height:1.75;margin:0 0 1.2rem}
.art-back{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;color:var(--clay-deep);font-weight:600;text-decoration:none}

/* carousel: more articles */
.art-more{background:var(--bone-deep);padding:clamp(3rem,6vw,4.5rem) 0}
.art-more__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}
.art-more__head h2{font-family:var(--display);font-weight:400;color:var(--ink);font-size:clamp(1.5rem,1.2rem+1.2vw,2.1rem);margin:0}
.art-more__nav{display:flex;gap:.5rem}
.art-more__nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--white,#fff);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.art-more__nav button:hover{background:var(--clay);border-color:var(--clay);color:#fff}
.art-more__track{display:flex;gap:1.2rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:.6rem;-ms-overflow-style:none;scrollbar-width:none}
.art-more__track::-webkit-scrollbar{display:none}
.art-mini{flex:0 0 300px;max-width:300px;scroll-snap-align:start;background:var(--white,#fff);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .25s}
.art-mini:hover{transform:translateY(-3px)}
.art-mini__img{aspect-ratio:16/10;overflow:hidden;background:var(--bone-deep)}
.art-mini__img img{width:100%;height:100%;object-fit:cover;display:block}
.art-mini__body{padding:1rem 1.1rem 1.3rem}
.art-mini__cats{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:.4rem}
.art-mini__body h3{font-family:var(--display);font-weight:400;color:var(--ink);font-size:1.12rem;line-height:1.15;margin:0}
@media(max-width:520px){.art-mini{flex-basis:250px}}

/* "All articles" button on detail pages */
.art-detail__foot{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.art-allbtn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem;padding:.85rem 1.6rem;border-radius:999px;text-decoration:none;background:linear-gradient(120deg,var(--clay),var(--clay-deep));color:#fff;box-shadow:0 14px 30px -14px rgba(192,113,78,.7);transition:transform .25s}
.art-allbtn:hover{transform:translateX(-3px)}

/* inline article figures */
.art-fig{margin:1.8rem 0;border-radius:14px;overflow:hidden}
.art-fig img{width:100%;height:auto;display:block}
.art-detail__inner h3{font-family:var(--display);font-weight:400;color:var(--ink);font-size:clamp(1.25rem,1.1rem+.6vw,1.5rem);margin:1.6rem 0 .6rem}
.art-detail__inner .art-list{margin:0 0 1.2rem;padding-left:1.3rem;color:var(--slate)}
.art-detail__inner .art-list li{font-size:1.06rem;line-height:1.7;margin-bottom:.5rem}

/* article tables */
.art-tablewrap{overflow-x:auto;margin:1.8rem 0;border-radius:12px;border:1px solid var(--line);box-shadow:0 4px 16px -8px rgba(35,32,26,.12)}
.art-table{width:100%;border-collapse:collapse;font-size:.93rem;background:var(--white,#fff)}
.art-table th{background:var(--bone-deep);font-weight:600;color:var(--ink);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;padding:.8rem 1rem;border-bottom:2px solid var(--brass);text-align:left;vertical-align:top}
.art-table td{padding:.7rem 1rem;border-bottom:1px solid var(--line);vertical-align:top;color:var(--slate);line-height:1.55}
.art-table tbody tr:nth-child(odd) td{background:var(--bone)}
.art-table tbody tr:nth-child(even) td{background:var(--white,#fff)}
.art-table tbody tr:last-child td{border-bottom:0}
.art-table tbody tr:hover td{background:var(--bone-deep);transition:background .15s}

/* center the All-articles button */
.art-detail__foot{text-align:center}