.smap-page{width:100%;background:var(--bg-page);padding:var(--spacing-10) var(--spacing-4) 60px;min-height:calc(100vh - 200px)}@media (min-width:640px){.smap-page{padding:var(--spacing-12) var(--spacing-6) var(--spacing-20)}}@media (min-width:1024px){.smap-page{padding:var(--spacing-14) var(--spacing-10) 100px}}@media (min-width:1536px){.smap-page{padding:var(--spacing-16) var(--spacing-16) 120px}}.smap-hero{text-align:center;margin-bottom:var(--spacing-10);padding-bottom:var(--spacing-10);border-bottom:1px solid var(--overlay-medium);opacity:0;transform:translateY(24px);animation:mm-fade-up .7s ease forwards}.smap-hero__icon{width:64px;height:64px;border-radius:20px;background:var(--color-error-bg);color:var(--brand-red-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);box-shadow:var(--shadow-accent-icon)}.smap-hero__title{font-size:clamp(2rem,4vw,2.75rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.04em;line-height:1.1;color:var(--text-primary);margin:0 0 var(--spacing-3)}.smap-hero__title-gradient{background:linear-gradient(135deg,var(--brand-red-primary) 0,var(--color-warning) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.smap-hero__desc{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.6;max-width:65ch;margin:0 auto var(--spacing-6)}.smap-hero__meta{display:flex;flex-direction:column;gap:var(--spacing-3);justify-content:center;align-items:center}@media (min-width:640px){.smap-hero__meta{flex-direction:row;gap:var(--spacing-6)}}.smap-meta{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-muted)}.smap-meta__icon{width:16px;height:16px;color:var(--brand-red-primary);flex-shrink:0}.smap-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-10);opacity:0;transform:translateY(24px);animation:mm-fade-up .7s ease .15s forwards}@media (min-width:640px){.smap-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-5)}}@media (min-width:1024px){.smap-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1536px){.smap-grid{grid-template-columns:repeat(4,1fr)}}.smap-card{background:var(--bg-card);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-interact),box-shadow .3s var(--ease-interact);border:none}@media (hover:hover) and (pointer:fine){.smap-card:hover{transform:scale(1.015);box-shadow:var(--shadow-base)}}.smap-card__header{display:flex;align-items:center;gap:var(--spacing-3-5);padding:var(--spacing-6) var(--spacing-6) 0}.smap-card__icon{width:44px;height:44px;border-radius:14px;background:var(--color-error-bg);color:var(--brand-red-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.smap-card__title{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--text-primary);margin:0}.smap-card__count{flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2-5);border-radius:980px;background:var(--bg-page);color:var(--text-muted);letter-spacing:.02em}.smap-card__body{padding:var(--spacing-4) var(--spacing-6) var(--spacing-6)}.smap-links{display:flex;flex-direction:column;gap:var(--spacing-half);list-style:none;padding:0;margin:0}.smap-link{display:flex;align-items:center;gap:var(--spacing-2-5);padding:var(--spacing-2-5) var(--spacing-3);border-radius:12px;text-decoration:none;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;transition:background .2s ease,color .2s ease}@media (hover:hover) and (pointer:fine){.smap-link:hover{background:var(--bg-page);color:var(--brand-red-primary)}}.smap-link__icon{width:14px;height:14px;flex-shrink:0;opacity:.4;transition:opacity .2s ease}@media (hover:hover) and (pointer:fine){.smap-link:hover .smap-link__icon{opacity:1}}.smap-link__text{flex:1;overflow-wrap:break-word;word-break:break-word}.smap-link__badge{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);padding:3px var(--spacing-2);border-radius:980px;background:var(--color-error-bg);color:var(--brand-red-primary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.smap-footer{margin-top:var(--spacing-10);padding-top:var(--spacing-10);border-top:1px solid var(--overlay-medium);opacity:0;transform:translateY(24px);animation:mm-fade-up .7s ease .25s forwards}.smap-footer__inner{display:flex;flex-direction:column;gap:var(--spacing-6)}@media (min-width:1024px){.smap-footer__inner{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-10)}}.smap-footer__content{flex:1}.smap-footer__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--text-primary);margin:0 0 var(--spacing-2)}.smap-footer__desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5;margin:0}.smap-footer__desc a{color:var(--brand-red-primary);text-decoration:none;word-break:break-all}@media (hover:hover) and (pointer:fine){.smap-footer__desc a:hover{color:var(--brand-red-dark)}}.smap-footer__actions{display:flex;flex-direction:column;gap:var(--spacing-2-5);flex-shrink:0}@media (min-width:640px){.smap-footer__actions{flex-direction:row}}@media (max-width:639px){.smap-hero{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6)}.smap-hero__icon{width:56px;height:56px;border-radius:16px}.smap-card__header{padding:var(--spacing-5) var(--spacing-5) 0}.smap-card__body{padding:var(--spacing-3) var(--spacing-5) var(--spacing-5)}}@media (prefers-reduced-motion:reduce){.smap-footer,.smap-grid,.smap-hero{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}.smap-card{transition:none!important}}@media print{.smap-link{padding:var(--spacing-1) 0}}