:root {
  --lotto-blue: #356deb;
  --lotto-navy: #15233e;
  --lotto-muted: #7b8493;
  --lotto-surface: #f4f6fa;
  --lotto-border: #e2e6ed;
}

html { min-height: 100%; }
body { min-height: 100vh; margin: 0; background: var(--lotto-surface); color: var(--lotto-navy); font-family: "Pretendard", "Noto Sans KR", system-ui, sans-serif; }
.skip-link { position:fixed; top:.5rem; left:.5rem; z-index:2000; padding:.7rem 1rem; border-radius:.4rem; background:#13213d; color:#fff; font-weight:750; text-decoration:none; transform:translateY(calc(-100% - 1rem)); }
.skip-link:focus { color:#fff; transform:translateY(0); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline:3px solid #0b57d0 !important; outline-offset:3px; }
.site-main { min-height: calc(100vh - 130px); }
.lotto-navbar { min-height: 64px; padding: 0; background: #fff; box-shadow: 0 1px 8px rgb(23 38 64 / 9%); }
.lotto-navbar-container { min-height: 64px; }
.navbar-brand { color: #0874d1; font-size: 1.08rem; font-weight: 800; letter-spacing: -0.04em; }
.navbar-brand:hover { color: #075fae; }
.lotto-menu { align-items: center; gap: .25rem; }
.lotto-menu .nav-link { padding: .55rem .7rem; color: #1873d1; font-size: .95rem; font-weight: 650; border-radius: .35rem; }
.lotto-menu .nav-link.active { background: #edf3ff; color: var(--lotto-blue); }
.menu-soon { color: #637187 !important; cursor: default; }

.site-footer { padding: 1.65rem 0; color: #6d7787; background: #fff; border-top: 1px solid var(--lotto-border); font-size: .84rem; }
.footer-content { display:grid; gap:.65rem; }
.footer-content strong { color:#34415a; font-size:.92rem; }
.footer-content p { margin:.2rem 0 0; }
.footer-content small { color:#8a94a2; line-height:1.5; }
.footer-links { display:flex; flex-wrap:wrap; gap:.75rem; }
.footer-links a { color:#526987; text-decoration:none; }
.footer-links a:hover { color:var(--lotto-blue); text-decoration:underline; }

.analysis-hero { margin: 1.1rem auto 1rem; text-align: center; }
.analysis-hero h1 { margin: 0; color: #13213d; font-size: clamp(1.85rem, 4vw, 2.35rem); font-weight: 800; letter-spacing: -.075em; text-decoration: underline; text-underline-offset: .18em; }
.analysis-hero p { margin: .75rem 0 0; color: #8a93a2; font-size: 1rem; }
.analysis-hero .hero-lead { color:#273958; font-size:clamp(1.05rem, 2.8vw, 1.2rem); font-weight:750; }
.analysis-hero .hero-description { max-width:42rem; margin:.45rem auto 0; color:#667187; font-size:.94rem; line-height:1.65; }
.membership-overview { max-width:900px; margin:0 auto 3rem; padding:0 1rem; }
.membership-overview-heading { margin-bottom:1rem; text-align:center; }
.membership-overview-heading h2 { margin:.1rem 0 .45rem; color:#172641; font-size:clamp(1.3rem,3vw,1.65rem); font-weight:800; }
.membership-overview-heading > p:last-child { margin:0; color:#69758a; font-size:.9rem; }
.service-tier-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; }
.service-tier-card { display:flex; flex-direction:column; padding:1.15rem; border:1px solid var(--lotto-border); border-radius:.7rem; background:#fff; box-shadow:0 2px 10px rgb(37 51 76 / 6%); }
.service-tier-card-silver { border-top:3px solid #8b98aa; }
.service-tier-card-gold { border-top:3px solid #e1b33d; background:linear-gradient(180deg,#fffdf7,#fff); }
.service-tier-label { color:var(--lotto-blue); font-size:.78rem; font-weight:800; }
.service-tier-card-gold .service-tier-label { color:#8a6d1f; }
.service-tier-card h3 { margin:.45rem 0 .65rem; color:#182845; font-size:1.05rem; font-weight:800; }
.service-tier-card p { margin:.15rem 0; color:#647086; font-size:.86rem; }
.service-tier-link { margin-top:auto; padding-top:.9rem; color:var(--lotto-blue); font-size:.84rem; font-weight:750; text-decoration:none; }
.service-tier-link:hover { text-decoration:underline; }
.lotto-picker { max-width: 470px; margin: 0 auto 2.5rem; }
.selected-number-slots { display: grid; grid-template-columns: repeat(6, 1fr); gap: .65rem; padding: 1rem; border-radius: .65rem; background: #fff; box-shadow: 0 3px 13px rgb(37 51 76 / 8%); }
.selected-number-slot { display:grid; aspect-ratio:1; place-items:center; border: 2px solid #d8dce3; border-radius: 50%; background: #f7f8fa; color: #aab1bb; font-size: 1.2rem; font-weight: 750; }
.selected-number-slot.is-filled { border-color: var(--lotto-blue); background: var(--lotto-blue); color: #fff; }
.lotto-picker form { margin-top: 1rem; padding: .85rem; border-radius: .65rem; background: #fff; box-shadow: 0 3px 13px rgb(37 51 76 / 8%); }
.validation-message { min-height: 1.2rem; padding: 0 .25rem .65rem; color: #e0394f; font-size: .9rem; }
.validation-message:empty { display: none; }
.number-pad { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .55rem; }
.number-pad-button { aspect-ratio: 1; min-width: 0; border: 1px solid #d8dce3; border-radius: .42rem; background: #fff; color: #1b2941; font-weight: 750; transition: transform .15s, border-color .15s, background .15s; }
.number-pad-button:hover:not(:disabled) { border-color: var(--lotto-blue); transform: translateY(-1px); }
.number-pad-button.selected { border-color: var(--lotto-blue); background: var(--lotto-blue); color: #fff; }
.number-pad-button:disabled { opacity: .45; cursor: not-allowed; }
.picker-controls { display:grid; grid-template-columns: 1fr 1fr; gap: .65rem; margin-top: .9rem; }
.secondary-button, .analyze-button { min-height: 3rem; border-radius: .4rem; font-weight: 750; }
.secondary-button { border: 1px solid #d6dbe3; background: #fff; color: #273551; }
.analyze-button { width:100%; margin-top: .75rem; border: 0; background: var(--lotto-blue); color:#fff; }
.analyze-button:disabled { background: #d7d9de; cursor: not-allowed; }

.analysis-result { max-width: 760px; margin: 1rem auto 3rem; }
.result-heading { display:flex; justify-content:space-between; align-items:end; gap:1rem; border-bottom: 2px solid #dce1e8; padding-bottom: .85rem; }
.result-heading h2 { margin: 0; font-size: 1.8rem; font-weight: 800; }
.eyebrow { margin:0 0 .25rem; color: var(--lotto-blue); font-weight:700; font-size:.83rem; }
.back-link { color: var(--lotto-blue); font-size: .9rem; font-weight: 650; text-decoration: none; white-space:nowrap; }
.result-description { margin: 1rem 0; color:#6f7b8e; font-size:.9rem; }
.result-panel { margin-top: .85rem; padding: 1.25rem; border-radius: .6rem; background: #fff; box-shadow: 0 2px 10px rgb(37 51 76 / 7%); }
.result-panel h2, .result-panel h3 { margin:0 0 1rem; font-size:1.1rem; font-weight:800; }
.result-selected-balls { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.6rem; }
.result-ball { display:grid; width:2.75rem; height:2.75rem; place-items:center; border-radius:50%; background:var(--lotto-blue); color:#fff; font-weight:800; }
.legacy-summary-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:.7rem; }
.legacy-summary-grid article { min-height: 4.6rem; padding:.62rem .45rem; border-radius:.5rem; background:#f5f6f8; text-align:center; }
.legacy-summary-grid span { display:block; color:#8b95a3; font-size:.82rem; }
.legacy-summary-grid strong { display:block; margin-top:.3rem; color:#182845; font-size:clamp(.95rem, 2.2vw, 1.2rem); font-weight:800; word-break:keep-all; }
.legacy-summary-grid small { display:block; margin-top:.25rem; color:#a37024; font-size:.66rem; }
.result-overview-detail-grid { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:.85rem; margin-top:.85rem; }
.overview-section { padding:.85rem; border:1px solid #e7eaf0; border-radius:.5rem; }
.overview-section h3 { margin-bottom:.7rem; font-size:.95rem; }
.best-record { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.75rem; padding:.75rem; border-left:3px solid #f0b622; border-radius:.4rem; background:#fff8e8; }
.best-record strong { font-size:1rem; }
.best-record > span:last-child { color:#8993a2; font-size:.82rem; text-align:right; }
.rank-badge { display:inline-block; min-width:3rem; padding:.25rem .5rem; border-radius:1rem; background:#778392; color:#fff; font-size:.8rem; font-weight:800; text-align:center; }
.rank-1 { background:#e6aa19; }.rank-2 { background:#8492a0; }.rank-3 { background:#bf8454; }.rank-4 { background:#3672ed; }.rank-5 { background:#73808f; }
.match-distribution { display:grid; gap:.65rem; }
.match-row { display:grid; grid-template-columns: 4.7rem 1fr 2.2rem; align-items:center; gap:.55rem; font-size:.9rem; }
.match-row b { text-align:right; }
.match-track { height:1.45rem; overflow:hidden; border-radius:.35rem; background:#e6e9ee; }
.match-track span { display:block; min-width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#3672ed,#2854ae); }
.detail-panel { padding:0; }
.detail-panel summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.1rem 1.25rem; cursor:pointer; color:#182845; font-weight:800; list-style:none; }
.detail-panel summary::-webkit-details-marker { display:none; }
.detail-panel summary::after { content:'＋'; color:var(--lotto-blue); font-size:1.25rem; }
.detail-panel[open] summary::after { content:'−'; }
.detail-panel summary small { margin-left:auto; color:#7a8492; font-size:.78rem; font-weight:650; }
.detail-panel-content { padding:0 1.25rem 1.5rem; }
.detail-tax-notice { margin:0 0 .75rem; padding:.65rem .75rem; border-radius:.4rem; background:#f8f9fb; }
.draw-result-card { padding:.85rem; border:1px solid #d9dee6; border-radius:.5rem; }
.draw-result-card + .draw-result-card { margin-top:.75rem; }
.draw-result-heading { display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
.draw-result-heading > div:first-child strong { font-size:1rem; }.draw-result-heading > div:first-child span { margin-left:.3rem; color:#8a94a2; font-size:.78rem; }.match-label { margin-left:.3rem; padding:.26rem .45rem; border-radius:1rem; background:#f2f3f5; font-size:.76rem; font-weight:700; }
.draw-number-row { display:flex; flex-wrap:wrap; gap:.42rem; margin:.75rem 0; }
.draw-ball { display:grid; width:2rem; height:2rem; place-items:center; border-radius:.34rem; background:#e8ebef; color:#536075; font-size:.8rem; font-weight:800; }.draw-ball.matched { background:var(--lotto-blue); color:#fff; }.draw-ball.bonus { background:#fff0bf; color:#8b6720; }.draw-ball.bonus.matched { background:#e5b81e; color:#fff; }
.actual-prize { display:flex; justify-content:space-between; padding:.6rem .75rem; border-radius:.28rem; background:#eaf1ff; color:#356deb; font-size:.87rem; }.actual-prize strong { font-weight:800; }.empty-result { margin:0; color:#7a8492; }

/* 번호 이력 하단의 실버·골드 유료 분석 카드 */
.premium-analysis-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.85rem; margin-top:.85rem; }
.premium-analysis-grid .result-panel { height:100%; margin-top:0; }
.premium-panel-heading { display:flex; align-items:center; gap:.55rem; margin-bottom:1rem; }
.premium-panel-heading h2 { margin:0; }
.premium-badge { padding:.22rem .6rem; border-radius:1rem; font-size:.74rem; font-weight:800; letter-spacing:.02em; }
.premium-badge-silver { background:#eef1f5; color:#5b6572; }
.premium-badge-gold { background:#fdf1d2; color:#8a6d1f; }
.briefing-facts { display:grid; gap:.55rem; margin:0 0 1rem; padding-left:1.15rem; color:#374760; font-size:.92rem; line-height:1.6; }
.ai-briefing-headline { color:#182845; }
.ai-briefing-summary { margin:.2rem 0 .85rem; color:#374760; line-height:1.65; }
.ai-briefing-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; margin:0; padding:0; list-style:none; }
.ai-briefing-highlights li { min-height:4.8rem; padding:.7rem; border:1px solid #e1e8f5; border-radius:.55rem; background:#f7faff; color:#314564; font-size:.84rem; line-height:1.5; }
.premium-disclaimer { margin:0; color:#8993a2; font-size:.78rem; }
.premium-locked { padding:1.1rem 1.2rem; border:1px dashed #cfd6e0; border-radius:.5rem; background:#f7f9fc; }
.premium-locked p { margin:.4rem 0; color:#5b6572; font-size:.9rem; }
.premium-locked .premium-pitch { margin-top:0; color:#182845; font-size:1rem; font-weight:700; }
.premium-locked .premium-upgrade-note { margin-bottom:0; color:var(--lotto-blue); font-weight:700; font-size:.85rem; }
.premium-locked-link { display:inline-block; margin-top:.65rem; color:var(--lotto-blue); font-size:.85rem; font-weight:750; text-decoration:none; }
.premium-locked-link:hover { text-decoration:underline; }
.personal-ai-form { margin:1rem 0 .75rem; }
.personal-ai-form .analyze-button { width:100%; border:0; background:var(--lotto-blue); color:#fff; }
.personal-ai-quota { margin:.8rem 0 0; color:var(--lotto-blue); font-size:.82rem; font-weight:700; }
.personal-ai-verdict { margin:.2rem 0 1rem; color:#243653; font-size:1rem; line-height:1.75; }
.personal-ai-signal-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; margin-bottom:1rem; }
.personal-ai-signal-grid article { display:flex; flex-direction:column; gap:.2rem; padding:.8rem; border:1px solid #dce4f2; border-radius:.65rem; background:#f7f9ff; }
.personal-ai-signal-grid span { color:#6b7890; font-size:.75rem; font-weight:700; }
.personal-ai-signal-grid strong { color:#1d4ed8; font-size:1.05rem; }
.personal-ai-signal-grid small { color:#52617a; line-height:1.45; }
.personal-ai-point-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; margin-bottom:1rem; }
.personal-ai-point-grid section { padding:.9rem 1rem; border-radius:.65rem; background:#f8fafc; }
.personal-ai-point-grid h4 { margin:0 0 .55rem; color:#182845; }
.personal-ai-point-grid ul { margin:0; padding-left:1.1rem; color:#465771; line-height:1.6; }
.personal-ai-weekly-focus { padding:1rem; border-left:4px solid var(--lotto-blue); border-radius:.35rem; background:#eef4ff; }
.personal-ai-weekly-focus strong { color:#1d4ed8; }
.personal-ai-weekly-focus p { margin:.35rem 0 0; color:#2c3d59; line-height:1.65; }
.personal-ai-alternative-title { margin:1.15rem 0 .65rem; color:#182845; }
.personal-ai-alternatives { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }
.personal-ai-alternatives article { padding:.85rem; border:1px solid #dce4f2; border-radius:.65rem; }
.personal-ai-alternatives article > strong { color:#1d4ed8; }
.personal-ai-alternatives p { margin:.55rem 0 0; color:#5d6a7e; font-size:.78rem; line-height:1.45; }
.alternative-number-row { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.55rem; }
.alternative-number-row span { display:inline-flex; align-items:center; justify-content:center; width:1.85rem; height:1.85rem; border-radius:50%; background:#edf2ff; color:#22489a; font-size:.78rem; font-weight:800; }
.personal-ai-alternative-action { margin-top:.75rem; }
.personal-ai-alternative-action .secondary-button { width:100%; border-color:#9bb5f5; color:#2457c5; background:#f7f9ff; }
.personal-ai-alternative-action .secondary-button:hover { border-color:var(--lotto-blue); background:#edf3ff; }
.personal-ai-alternative-action .save-feedback { margin:.4rem 0 0; }

@media (max-width: 767.98px) { .service-tier-grid, .premium-analysis-grid, .result-overview-detail-grid, .personal-ai-point-grid, .personal-ai-alternatives { grid-template-columns:1fr; }.personal-ai-signal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.ai-briefing-highlights { grid-template-columns:1fr; }.ai-briefing-highlights li { min-height:0; } }
@media (max-width: 575.98px) { .lotto-navbar-container { padding-left:1rem; padding-right:1rem; }.lotto-menu { padding:.5rem 0; }.analysis-hero { margin-top:1.25rem; }.lotto-picker { margin-left:1rem; margin-right:1rem; }.selected-number-slots { gap:.45rem; padding:.75rem; }.number-pad { gap:.42rem; }.result-heading { align-items:start; }.analysis-result { margin-left:.65rem; margin-right:.65rem; }.result-panel { padding:1rem; }.detail-panel { padding:0; }.detail-panel summary { align-items:flex-start; padding:1rem; }.detail-panel summary small { text-align:right; }.detail-panel-content { padding:0 1rem 1rem; }.legacy-summary-grid { gap:.45rem; }.legacy-summary-grid article { min-height:4.3rem; padding:.55rem .3rem; }.best-record { grid-template-columns:auto 1fr; }.best-record > span:last-child { grid-column:2; text-align:left; }.draw-result-heading { align-items:start; flex-direction:column; }.draw-result-heading > div:last-child { align-self:flex-end; }.result-selected-balls { justify-content:flex-start; } }

.draw-reference-prizes { margin-top:.6rem; padding:.7rem .8rem; border-left:3px solid var(--lotto-blue); border-radius:.35rem; background:#f8f9fb; }
.draw-reference-prizes p { margin:0 0 .35rem; color:#9099a6; font-size:.78rem; }
.draw-reference-prizes div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.3rem 1rem; padding:.42rem 0; color:#4b596d; font-size:.88rem; }
.draw-reference-prizes div + div { border-top:1px solid #e5e8ed; }
.draw-reference-prizes strong { margin-left:auto; color:#1b2941; font-weight:800; text-align:right; }
.draw-tax-notice { margin:.6rem 0 0 !important; line-height:1.45; }
.business-info { display:flex; flex-wrap:wrap; gap:.3rem .85rem; margin:0; color:#727d8d; font-style:normal; line-height:1.55; }
.business-info span + span::before { content:"|"; margin-right:.85rem; color:#c1c7d0; }
.policy-page { max-width:760px; margin:2rem auto 3rem; padding:1.5rem; border-radius:.7rem; background:#fff; box-shadow:0 2px 10px rgb(37 51 76 / 7%); color:#48566a; line-height:1.75; }
.policy-page h1 { margin:.1rem 0; color:#172641; font-size:1.8rem; font-weight:800; }
.policy-page h2 { margin:1.75rem 0 .55rem; color:#223451; font-size:1.1rem; font-weight:800; }
.policy-page p { margin:.45rem 0; }
.policy-page ul { margin:.45rem 0; padding-left:1.3rem; }
.service-status-note { margin-top:1rem !important; padding:.8rem .9rem; border-left:3px solid #e1b33d; border-radius:.35rem; background:#fffaf0; color:#675526; }
.policy-updated { color:#8893a2; font-size:.85rem; }
.policy-business-info { display:grid; gap:.35rem; margin:0; }
.policy-business-info div { display:grid; grid-template-columns:7rem 1fr; gap:.5rem; }
.policy-business-info dt { color:#7e8998; font-weight:600; }
.policy-business-info dd { margin:0; color:#374760; }
@media (max-width: 575.98px) { .business-info { display:grid; gap:.15rem; }.business-info span + span::before { content:""; margin:0; }.policy-page { margin:1rem .65rem 2rem; padding:1.1rem; }.policy-business-info div { grid-template-columns:1fr; gap:0; } }
.draw-lookup-page { max-width: 760px; margin: 1rem auto 3rem; }
.draw-lookup-hero { margin-bottom: 1.15rem; }
.draw-search-panel { display:flex; align-items:end; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; border-radius:.65rem; background:#fff; box-shadow:0 2px 10px rgb(37 51 76 / 7%); }
.draw-search-form { display:flex; align-items:end; gap:.55rem; }
.draw-search-form label { display:grid; gap:.32rem; color:#536075; font-size:.82rem; font-weight:700; }
.draw-search-form input { width:8rem; min-height:2.75rem; padding:.45rem .65rem; border:1px solid #d8dce3; border-radius:.4rem; color:#172641; font-weight:700; }
.draw-search-form .analyze-button { width:auto; min-height:2.75rem; margin:0; padding:0 1rem; }
.latest-draw-link { color:var(--lotto-blue); font-size:.85rem; font-weight:700; text-decoration:none; white-space:nowrap; }
.draw-lookup-card { margin-top:.9rem; padding:1.35rem; border-radius:.65rem; background:#fff; box-shadow:0 2px 10px rgb(37 51 76 / 7%); }
.draw-lookup-heading { display:flex; justify-content:space-between; gap:1rem; align-items:start; }
.draw-lookup-heading h2 { margin:0; font-size:1.4rem; font-weight:800; }
.draw-lookup-heading time { display:block; margin-top:.28rem; color:#8b95a3; font-size:.86rem; }
.draw-navigation { display:flex; gap:.7rem; }
.draw-navigation a { padding:.4rem .55rem; border-radius:.4rem; background:#f2f5fb; color:var(--lotto-blue); font-size:.8rem; font-weight:750; text-decoration:none; }
.draw-lookup-balls { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.55rem; margin:1.35rem 0 .4rem; }
.draw-lookup-ball { display:grid; width:2.65rem; height:2.65rem; place-items:center; border-radius:50%; background:#356deb; color:#fff; font-size:1rem; font-weight:800; }
.draw-lookup-ball.bonus { background:#e6b21d; }
.draw-plus { color:#788493; font-size:1.25rem; font-weight:800; }
.draw-ball-legend { display:flex; justify-content:center; gap:1.8rem; margin:0 0 1.25rem; color:#8b95a3; font-size:.76rem; }
.draw-ball-legend span::before { display:inline-block; width:.55rem; height:.55rem; margin-right:.35rem; border-radius:50%; background:#356deb; content:""; }.draw-ball-legend span + span::before { background:#e6b21d; }
.draw-prize-table-wrap { overflow-x:auto; border:1px solid #e0e4ea; border-radius:.45rem; }
.draw-prize-table { width:100%; min-width:580px; border-collapse:collapse; font-size:.86rem; text-align:center; }
.draw-prize-table th, .draw-prize-table td { padding:.75rem .5rem; border-bottom:1px solid #e8ebef; }.draw-prize-table tbody tr:last-child th, .draw-prize-table tbody tr:last-child td { border-bottom:0; }
.draw-prize-table thead { background:#f6f7f9; color:#536075; font-size:.78rem; }.draw-prize-table tbody th { color:#1e2d49; }.draw-prize-table tbody td:nth-child(2) { color:#177a69; font-weight:800; }
.first-prize-methods { margin-top:1rem; padding:.85rem 1rem; border-radius:.45rem; background:#f6f8fc; }.first-prize-methods h3 { margin:0 0 .5rem; color:#40516c; font-size:.88rem; font-weight:800; }.first-prize-methods div { display:flex; flex-wrap:wrap; gap:.7rem 1.2rem; color:#647085; font-size:.82rem; }
.draw-empty-result { margin-top:.9rem; padding:1.1rem; border-radius:.6rem; background:#fff7e9; color:#936b1f; text-align:center; }
.draw-recent-list { margin-top:1.4rem; padding:1.35rem; border-radius:.65rem; background:#f6f7fb; border:1px solid #e3e7ee; }
.draw-recent-heading { display:flex; justify-content:space-between; align-items:start; gap:1rem; flex-wrap:wrap; }
.draw-recent-heading h2 { margin:0; font-size:1.15rem; font-weight:800; color:#172641; }
.draw-recent-nav { display:flex; gap:.6rem; flex-wrap:wrap; }
.draw-recent-nav a { padding:.4rem .6rem; border-radius:.4rem; background:#fff; color:var(--lotto-blue); font-size:.8rem; font-weight:750; text-decoration:none; box-shadow:0 1px 4px rgb(37 51 76 / 8%); }
.draw-recent-table-wrap { margin-top:1rem; overflow-x:auto; border:1px solid #e0e4ea; border-radius:.45rem; background:#fff; }
.draw-recent-table { width:100%; min-width:520px; border-collapse:collapse; font-size:.85rem; text-align:center; }
.draw-recent-table th, .draw-recent-table td { padding:.65rem .5rem; border-bottom:1px solid #e8ebef; }
.draw-recent-table tbody tr:last-child td { border-bottom:0; }
.draw-recent-table thead { background:#f6f7f9; color:#536075; font-size:.78rem; }
.draw-recent-balls { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.3rem; }
.draw-recent-ball { display:grid; width:1.7rem; height:1.7rem; place-items:center; border-radius:50%; background:#356deb; color:#fff; font-size:.72rem; font-weight:800; }
.draw-recent-ball.bonus { background:#e6b21d; }
.draw-recent-detail-link { padding:.32rem .55rem; border-radius:.4rem; background:#eaf1ff; color:var(--lotto-blue); font-size:.78rem; font-weight:750; text-decoration:none; white-space:nowrap; }
.draw-recent-page-info { margin:.7rem 0 0; color:#8b95a3; font-size:.8rem; text-align:center; }
.draw-recent-empty { margin-top:1rem; padding:1rem; border-radius:.5rem; background:#fff; color:#657186; text-align:center; }
@media (max-width:575.98px) { .draw-lookup-page { margin:1rem .65rem 2rem; }.draw-search-panel { display:grid; gap:.65rem; padding:1rem; }.draw-search-form { width:100%; }.draw-search-form label { flex:1; }.draw-search-form input { width:100%; }.draw-search-form .analyze-button { padding:0 .8rem; }.latest-draw-link { justify-self:end; }.draw-lookup-card { padding:1rem; }.draw-lookup-heading { display:grid; }.draw-navigation { justify-content:flex-end; }.draw-lookup-balls { gap:.4rem; }.draw-lookup-ball { width:2.35rem; height:2.35rem; }.draw-ball-legend { margin-bottom:1rem; }.draw-recent-list { padding:1rem; }.draw-recent-heading { display:grid; } }
/* Keep the service menu visible at every screen width. */
.lotto-navbar-container { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; }
.lotto-menu-container { flex:1 1 30rem; }
.lotto-menu { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:.25rem; margin:0; padding:0; list-style:none; }
.lotto-menu .ms-lg-auto { margin-left:auto; }
@media (max-width: 575.98px) { .lotto-navbar-container { align-items:flex-start; padding-top:.45rem; padding-bottom:.45rem; }.lotto-menu-container { flex-basis:100%; }.lotto-menu { gap:.05rem; }.lotto-menu .nav-link { padding:.38rem .44rem; font-size:.83rem; }.lotto-menu .ms-lg-auto { margin-left:0; } }
.recommend-page { max-width:760px; margin:1rem auto 3rem; }
.recommend-list { display:grid; gap:.9rem; }
.recommend-card, .recommend-next { padding:1.25rem; border-radius:.65rem; background:#fff; box-shadow:0 2px 10px rgb(37 51 76 / 7%); }
.recommend-card-heading { display:flex; align-items:start; justify-content:space-between; gap:1rem; }
.recommend-card-heading h2, .recommend-next h2 { margin:0; color:#172641; font-size:1.25rem; font-weight:800; }
.recommend-card-heading .secondary-button { min-height:2.5rem; padding:0 .85rem; }
.condition-recommendation-form { display:flex; flex-wrap:wrap; align-items:end; justify-content:center; gap:.7rem; margin:1rem 0; padding:.9rem; border-radius:.45rem; background:#f7f8fa; }
.condition-recommendation-form label { display:grid; gap:.28rem; color:#536075; font-size:.8rem; font-weight:750; }
.condition-recommendation-form select { min-height:2.5rem; padding:0 .5rem; border:1px solid #d8dce3; border-radius:.4rem; color:#273551; background:#fff; font-weight:700; }
.condition-recommendation-form .condition-checkbox { display:flex; align-items:center; gap:.4rem; min-height:2.5rem; padding:.25rem .2rem; }
.condition-recommendation-form .condition-checkbox input { width:1rem; height:1rem; accent-color:var(--lotto-blue); }
.condition-recommendation-form .secondary-button { min-height:2.5rem; padding:0 .85rem; }
.condition-strategy { display:grid; gap:.2rem; margin:.75rem auto 0; padding:.7rem .8rem; border-left:3px solid var(--lotto-blue); border-radius:.35rem; background:#f5f8ff; color:#43536b; font-size:.86rem; line-height:1.5; }
.condition-strategy strong { color:#203b6c; }
.unseen-window-form { display:flex; flex-wrap:wrap; align-items:end; justify-content:center; gap:.55rem; margin:1rem 0; padding:.8rem; border-radius:.45rem; background:#f7f8fa; }
.unseen-window-form label { color:#536075; font-size:.82rem; font-weight:750; }
.unseen-window-form input { width:5.5rem; min-height:2.5rem; padding:0 .55rem; border:1px solid #d8dce3; border-radius:.4rem; color:#273551; font-weight:700; }
.unseen-window-unit { color:#536075; font-size:.85rem; font-weight:700; }
.unseen-window-form .secondary-button { min-height:2.5rem; padding:0 .85rem; }
.recommend-empty { margin:1.4rem 0 1rem; padding:1rem; border-radius:.45rem; background:#f7f8fa; color:#677388; text-align:center; font-size:.9rem; }
.recommend-balls { display:flex; flex-wrap:wrap; justify-content:center; gap:.7rem; margin:1.4rem 0 1rem; }
.recommend-balls .result-ball { width:3.2rem; height:3.2rem; font-size:1.05rem; }
.recommend-description { margin:0; color:#536075; text-align:center; font-size:.9rem; }
.recommend-notice { margin:1rem 0 0; padding-top:.85rem; border-top:1px solid #edf0f4; color:#8a94a2; font-size:.78rem; text-align:center; }
.recommend-actions { margin-top:1rem; }
.recommend-actions .analyze-button { display:flex; align-items:center; justify-content:center; text-decoration:none; }
.recommend-next { margin-top:.9rem; }
.recommend-next ul { display:grid; gap:.7rem; margin:1rem 0 0; padding:0; list-style:none; }
.recommend-next li { display:grid; grid-template-columns:9rem 1fr; gap:.6rem; padding:.75rem; border-radius:.45rem; background:#f7f8fa; }
.recommend-next strong { color:#263858; font-size:.88rem; }
.recommend-next span { color:#788496; font-size:.82rem; }
@media (max-width:575.98px) { .recommend-page { margin:1rem .65rem 2rem; }.recommend-list { display:grid; gap:.9rem; }
.recommend-card, .recommend-next { padding:1rem; }.recommend-balls { gap:.5rem; }.recommend-balls .result-ball { width:2.7rem; height:2.7rem; }.recommend-next li { grid-template-columns:1fr; gap:.25rem; } }
.statistics-page { max-width:760px; margin:1rem auto 3rem; }
.statistics-types { display:flex; flex-wrap:wrap; justify-content:center; gap:.45rem; margin:0 0 1rem; }
.statistics-type { padding:.48rem .7rem; border-radius:1rem; background:#edf0f5; color:#687489; font-size:.8rem; font-weight:750; }
.statistics-type.is-active { background:#eaf1ff; color:var(--lotto-blue); }
.statistics-type small { margin-left:.15rem; color:#9aa3b0; font-size:.68rem; font-weight:650; }
.statistics-card { padding:1.25rem; border-radius:.65rem; background:#fff; box-shadow:0 2px 10px rgb(37 51 76 / 7%); }
.statistics-card + .statistics-card { margin-top:1rem; }
.statistics-card-heading { display:flex; align-items:start; justify-content:space-between; gap:1rem; }
.statistics-card-heading h2 { margin:0; color:#172641; font-size:1.25rem; font-weight:800; }
.premium-badge { padding:.32rem .55rem; border-radius:1rem; background:#253b63; color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.05em; }
.statistics-description { margin:1rem 0; color:#687489; font-size:.88rem; }
.premium-lock { margin-top:1rem; padding:1rem; border:1px dashed #cbd3df; border-radius:.5rem; background:#f7f9fc; color:#536075; text-align:center; }
.premium-lock strong { display:block; color:#263858; font-size:.95rem; }
.premium-lock p { margin:.55rem 0 .35rem; font-size:.86rem; }
.premium-lock small { color:#8b95a3; font-size:.76rem; }
.statistics-table-wrap { overflow-x:auto; border:1px solid #e0e4ea; border-radius:.45rem; }
.statistics-table { width:100%; min-width:560px; border-collapse:collapse; text-align:center; font-size:.86rem; }
.statistics-table th, .statistics-table td { padding:.7rem .5rem; border-bottom:1px solid #e8ebef; }
.statistics-table tbody tr:last-child td { border-bottom:0; }
.statistics-table thead { background:#f6f7f9; color:#536075; font-size:.78rem; }
.statistics-number { display:grid; width:2rem; height:2rem; place-items:center; margin:auto; border-radius:50%; background:var(--lotto-blue); color:#fff; font-weight:800; }
.statistics-number-pair { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; }
.statistics-number-pair .statistics-number { margin:0; }
@media (max-width:575.98px) { .statistics-page { margin:1rem .65rem 2rem; }.statistics-card { padding:1rem; } }.result-save-action { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; margin-top:1rem; }
.result-save-action .secondary-button { min-height:2.6rem; padding:0 .9rem; }
.recommend-actions { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin-top:1rem; }
.recommend-actions .secondary-button { min-height:3rem; }
.recommend-actions .analyze-button { width:auto; margin:0; }
.save-feedback { grid-column:1 / -1; min-height:1.2rem; margin:0; color:#356deb; font-size:.82rem; font-weight:700; text-align:center; }
.saved-numbers-page { max-width:1180px; margin:1rem auto 3rem; }
.saved-number-empty { padding:1.15rem; border-radius:.65rem; color:#657186; background:#fff; box-shadow:0 2px 10px rgb(37 51 76 / 7%); text-align:center; }
.saved-number-heading span { display:block; margin-top:.25rem; color:#8a94a2; font-size:.78rem; }
.saved-number-balls { display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; margin:1rem 0; padding:.85rem; border-radius:.45rem; background:#f8f9fb; }
.saved-number-balls .result-ball { width:2.85rem; height:2.85rem; }
.saved-number-empty strong { display:block; color:#293a58; }
.saved-number-empty p { margin:.45rem 0 0; font-size:.86rem; }
@media (max-width:575.98px) { .saved-numbers-page { margin:1rem .65rem 2rem; }.saved-number-empty { padding:1rem; }.saved-number-balls { gap:.45rem; }.saved-number-balls .result-ball { width:2.55rem; height:2.55rem; }.result-save-action { align-items:flex-start; }.recommend-actions { grid-template-columns:1fr; } }

.saved-number-panel {
  min-width: 0;
}

.saved-number-panel-heading {
  margin: 0 0 0.7rem;
  padding: 0.9rem 1rem;
  border-radius: 0.65rem;
  background: #fff;
  box-shadow: 0 2px 10px rgb(37 51 76 / 7%);
}

.saved-number-panel-heading h2 {
  margin: 0;
  color: #172641;
  font-size: 1.2rem;
}

.saved-number-panel-heading p {
  margin: 0.3rem 0 0;
  color: #68758a;
  font-size: 0.85rem;
}
.unseen-feedback { flex-basis:100%; margin:0; min-height:1.2rem; color:#536075; font-size:.82rem; text-align:center; }
/* Account (회원가입·로그인·마이페이지) */
.account-page { max-width:460px; margin:2rem auto 3rem; padding:1.6rem; border-radius:.7rem; background:#fff; box-shadow:0 2px 10px rgb(37 51 76 / 7%); }
.account-page.account-page-wide { max-width:640px; }
.account-page h1 { margin:.1rem 0 .3rem; color:#172641; font-size:1.55rem; font-weight:800; }
.account-page p.account-lede { margin:.2rem 0 1.2rem; color:#6f7b8e; font-size:.9rem; line-height:1.6; }
.account-form { display:grid; gap:1rem; }
.account-field { display:grid; gap:.35rem; }
.account-field label { color:#374760; font-size:.85rem; font-weight:700; }
.account-field input { min-height:2.85rem; padding:.5rem .75rem; border:1px solid #d8dce3; border-radius:.4rem; color:#172641; font-size:.95rem; }
.account-field input:focus { outline:none; border-color:var(--lotto-blue); }
.account-field .field-message { min-height:1.1rem; color:#e0394f; font-size:.82rem; }
.account-field .field-message:empty { display:none; }
.account-agreements { display:grid; gap:.4rem; padding:.85rem; border:1px solid #dbe3f3; border-radius:.5rem; background:#f8faff; }
.account-agreements label { font-size:.92rem; color:#33445f; }
.account-agreements input { width:auto; margin-right:.35rem; }
.field-hint { margin:0; color:#6f7b8e; font-size:.8rem; line-height:1.5; }
.suggest-nickname-button { padding:0 .9rem; border:1px solid var(--lotto-blue); border-radius:.4rem; background:#eaf1ff; color:var(--lotto-blue); font-size:.85rem; font-weight:700; white-space:nowrap; cursor:pointer; }
.suggest-nickname-button:hover:not(:disabled) { background:var(--lotto-blue); color:#fff; }
.suggest-nickname-button:disabled { border-color:#d7d9de; background:#f2f3f5; color:#a5abb5; cursor:not-allowed; }
.account-submit { width:100%; min-height:2.9rem; margin-top:.25rem; border:0; border-radius:.4rem; background:var(--lotto-blue); color:#fff; font-weight:750; }
.account-submit:disabled { background:#d7d9de; cursor:not-allowed; }
.account-links { margin-top:1.1rem; padding-top:1rem; border-top:1px solid #eceff3; display:flex; flex-wrap:wrap; gap:.4rem 1rem; font-size:.85rem; }
.account-links a { color:var(--lotto-blue); text-decoration:none; font-weight:650; }
.account-links a:hover { text-decoration:underline; }
.account-notice { padding:.9rem 1rem; border-radius:.5rem; background:#f5f6f8; color:#536075; font-size:.87rem; line-height:1.65; }
.account-notice.account-notice-success { background:#eaf6ee; color:#1f6b3a; }
.account-notice.account-notice-error { background:#fdecee; color:#a3283c; }
.account-summary { margin:0 0 1rem; padding:.7rem .9rem; border-radius:.4rem; background:#fdecee; color:#a3283c; font-size:.85rem; }
.account-summary:empty { display:none; }
.mypage-grid { display:grid; gap:.65rem; margin-top:.5rem; }
.mypage-row { display:grid; grid-template-columns:8rem 1fr; gap:.75rem; padding:.7rem 0; border-bottom:1px solid #eceff3; font-size:.92rem; }
.mypage-row:last-child { border-bottom:0; }
.mypage-row dt { color:#7e8998; font-weight:650; }
.mypage-row dd { margin:0; color:#1c2e4a; font-weight:700; }
.mypage-badge { display:inline-block; padding:.22rem .55rem; border-radius:1rem; background:#eaf6ee; color:#1f6b3a; font-size:.78rem; font-weight:750; }
.account-management-links { display:grid; gap:.6rem; margin-top:1.25rem; }
.account-management-links a { display:flex; justify-content:space-between; gap:1rem; padding:.8rem .9rem; border:1px solid #e1e6ed; border-radius:.5rem; color:#263954; text-decoration:none; }
.account-management-links a:hover { border-color:#9db7f3; background:#f7f9ff; }
.account-management-links span { color:#7b8798; font-size:.8rem; }
.account-management-links .account-danger-link { color:#a3283c; }
.nickname-edit-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.5rem; }
.account-submit-danger { background:#c9364c; }
.account-submit-danger:hover { background:#a92b3e; }
.account-danger-page .account-notice { margin:1rem 0; }
.community-page,.community-editor,.community-detail { max-width:920px; margin:0 auto; padding:2rem 1rem 4rem; }
.community-header { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1.2rem; }
.community-header h1,.community-editor h1,.community-detail h1 { margin:.15rem 0 0; }
.community-primary-link,.community-form-actions button,.community-comment-form button { display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:.55rem; padding:.72rem 1rem; background:var(--lotto-blue); color:#fff; text-decoration:none; font-weight:750; }
.community-categories { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:1rem; }
.community-categories a { padding:.45rem .72rem; border:1px solid #dfe5ee; border-radius:2rem; color:#53647c; text-decoration:none; font-size:.88rem; }
.community-categories a.active { border-color:var(--lotto-blue); background:#edf3ff; color:#2459c4; font-weight:750; }
.community-list { overflow:hidden; border:1px solid #e3e8ef; border-radius:.75rem; background:#fff; }
.community-list-item { display:grid; grid-template-columns:7rem minmax(0,1fr) auto; align-items:center; gap:.8rem; padding:1rem; border-bottom:1px solid #edf0f4; color:#253852; text-decoration:none; }
.community-list-item:last-child { border-bottom:0; }
.community-list-item:hover { background:#f8faff; }
.community-category { display:inline-flex; width:max-content; padding:.25rem .55rem; border-radius:1rem; background:#edf3ff; color:#335fb9; font-size:.78rem; font-weight:750; }
.community-list-main { display:grid; gap:.25rem; min-width:0; }
.community-list-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.community-list-main small,.community-list-meta,.community-detail header p { color:#7b8798; font-size:.8rem; }
.community-empty { display:grid; gap:.25rem; padding:3rem 1rem; border:1px dashed #ccd5e1; border-radius:.75rem; text-align:center; color:#718097; }
.community-pagination { display:flex; justify-content:center; gap:1rem; margin-top:1.2rem; }
.community-pagination a { color:var(--lotto-blue); }
.community-form { display:grid; gap:.55rem; padding:1.2rem; border:1px solid #e1e6ed; border-radius:.75rem; background:#fff; }
.community-form label { margin-top:.4rem; font-weight:750; color:#2d405c; }
.community-form input,.community-form select,.community-form textarea,.community-comment-form textarea { width:100%; border:1px solid #cfd7e3; border-radius:.45rem; padding:.72rem; background:#fff; color:#1e2f48; }
.community-form textarea,.community-comment p,.community-body { white-space:pre-wrap; overflow-wrap:anywhere; }
.community-image-file-input { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.community-image-drop-zone { display:grid; gap:.25rem; place-items:center; padding:1.15rem; border:2px dashed #9bb6e7; border-radius:.65rem; background:#f6f9ff; color:#315a9e; cursor:pointer; text-align:center; }
.community-image-drop-zone:focus-visible,.community-image-drop-zone.is-dragging { outline:none; border-color:var(--lotto-blue); background:#eaf1ff; box-shadow:0 0 0 3px rgba(54,105,232,.18); }
.community-image-drop-zone span { color:#66758b; font-size:.9rem; }
.community-form-actions { display:flex; justify-content:flex-end; align-items:center; gap:1rem; margin-top:.8rem; }
.community-form-actions a { color:#66758b; }
.community-detail > header { padding-bottom:1rem; border-bottom:1px solid #e4e8ee; }
.community-detail > header h1 { margin:.7rem 0 .4rem; }
.community-body { min-height:8rem; padding:1.5rem 0; line-height:1.75; }
.community-images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; margin-bottom:1.5rem; }
.community-images a { overflow:hidden; border-radius:.65rem; background:#eef1f5; }
.community-images img { display:block; width:100%; height:auto; max-height:620px; object-fit:contain; }
.community-detail-actions,.community-comment footer { display:flex; align-items:center; justify-content:flex-end; gap:.7rem; }
.community-detail-actions { padding:1rem 0; border-top:1px solid #edf0f4; }
.community-detail-actions a,.community-detail-actions button,.community-comment footer a,.community-comment footer button { border:0; background:none; color:#63738a; text-decoration:none; font-size:.82rem; cursor:pointer; }
.community-detail-actions form,.community-comment footer form { margin:0; }
.community-comments { margin-top:1.5rem; }
.community-comments h2 { font-size:1.15rem; }
.community-comment { padding:1rem 0; border-top:1px solid #edf0f4; }
.community-comment header { display:flex; justify-content:space-between; gap:1rem; }
.community-comment time { color:#8b96a6; font-size:.78rem; }
.community-comment p { margin:.6rem 0; line-height:1.6; }
.community-comment-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem; margin-top:1rem; }
.community-login-prompt { display:block; padding:1rem; border-radius:.55rem; background:#f2f6ff; text-align:center; color:#315fb8; text-decoration:none; }
.community-report-list { display:grid; gap:1rem; }
.community-report-list article { padding:1rem; border:1px solid #e1e6ed; border-radius:.65rem; background:#fff; }
.community-report-list header { display:flex; justify-content:space-between; }
.community-report-list form { display:flex; gap:.5rem; margin-top:.8rem; }
.community-hidden-content { margin-top:2rem; }
@media (max-width:640px) {
  .community-list-item { grid-template-columns:auto minmax(0,1fr); }
  .community-list-meta { grid-column:2; }
  .community-images { grid-template-columns:1fr; }
  .community-comment-form { grid-template-columns:1fr; }
  .community-header { align-items:flex-start; flex-direction:column; }
}
.account-nav-form { display:inline; margin:0; }
.account-nav-form button { padding:.55rem .7rem; border:0; background:none; color:#1873d1; font-size:.95rem; font-weight:650; cursor:pointer; }
.account-nav-form button:hover { text-decoration:underline; }
.server-number-panel { margin-bottom:1rem; }
.saved-number-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; padding:0 .75rem; }
.saved-number-panel-heading small { color:#667187; font-size:.85rem; }
.saved-number-memo { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.5rem; align-items:center; margin:.75rem 0; }
.saved-number-memo input:not([type="hidden"]) { min-width:0; padding:.55rem; border:1px solid #d8dce3; border-radius:.4rem; }
.saved-number-memo p { grid-column:1/-1; margin:0; color:#356deb; font-size:.8rem; }
.saved-number-actions { display:flex; flex-wrap:wrap; gap:.5rem; align-items:stretch; }
.saved-number-actions form { display:flex; margin:0; }
.saved-number-actions .analyze-button { width:auto; margin:0; text-decoration:none; padding:.65rem 1rem; }
.legacy-import { margin:0 .75rem 1rem; padding:1rem; border-radius:.6rem; background:#edf3ff; }
@media (max-width:767px) { .saved-number-columns { grid-template-columns:1fr; }.saved-number-memo { grid-template-columns:1fr auto; }.saved-number-memo label { grid-column:1/-1; } }
.server-entry-list,.community-record-list { display:grid; gap:.75rem; margin-top:1rem; }
.server-entry-card { padding:1rem; border:1px solid #e1e6ef; border-radius:.55rem; background:#fff; }
.server-entry-card h2,.server-entry-card h3 { margin:0; color:#20324f; font-size:1rem; }
.server-entry-card p { margin:.7rem 0 0; color:#667187; }
.community-records-page { max-width:760px; margin:0 auto 3rem; padding:0 1rem; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}