/* ============ PAGE STYLES: sitemap.html ============ */

.sm-q{right:6%;top:14%;width:150px}
.sm-dots{right:2%;top:40px;width:140px;opacity:.45}
.sm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.sm-col{padding:30px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;transition:box-shadow var(--t),transform var(--t) var(--ease)}
.sm-col:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.sm-col.wide{grid-column:span 2}
.sm-col h2{display:flex;align-items:center;gap:10px;font-size:1.3rem;margin-bottom:18px}
.sm-col h2 b{color:var(--orange-500);font-size:.85rem}
.sm-col h2 span{font-size:.75rem;background:var(--mist-2);color:var(--blue-700);padding:.2em .7em;border-radius:var(--radius-pill)}
.sm-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sm-col ul.cols{display:block;columns:2;column-gap:28px}
.sm-col ul.cols li{break-inside:avoid;margin-bottom:9px}
.sm-col a{position:relative;font-weight:600;color:var(--ink-2);transition:color var(--t-fast),padding var(--t) var(--ease)}
.sm-col li a:hover{color:var(--blue-600);padding-left:12px}
.sm-col li a::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--orange-500);transform:scale(0);transition:transform var(--t)}
.sm-col li a:hover::before{transform:scale(1)}
.sm-col small{display:block;color:var(--ink-3);font-weight:500}
.small{font-size:.88rem;margin-top:16px}
.sm-wave{display:block;width:100%;height:80px;margin-top:60px}
@media (max-width:1000px){.sm-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.sm-grid{grid-template-columns:1fr}.sm-col.wide{grid-column:auto}.sm-col ul.cols{columns:1}}