/* Long rules article: preserve the reference palette, cards and split layout. */
.rules-complete .rules-hero h1{font-size:clamp(29px,3.1vw,40px);text-wrap:balance}
.rules-complete .rules-hero>div>p:not(.eyebrow){font-size:17px;line-height:1.55}
.rules-complete .rules-layout{margin-top:26px}
.rules-complete .rules-body{min-width:0;max-width:78ch}
.rules-complete .rules-body section{margin-bottom:32px}
.rules-complete .rules-body p{font-size:17px;line-height:1.65;margin:10px 0 14px}
.rules-complete .rules-body h2{font-size:27px;line-height:1.25;text-wrap:balance}
.rules-complete .rules-body a:not(.primary-button){text-decoration:underline;text-underline-offset:3px}
.rules-complete .contents a{min-height:44px;display:flex;align-items:center}
.rules-complete .contents h2{font-size:17px}
.rules-table-wrap{border:1px solid var(--page-line);border-radius:5px;overflow:hidden;margin:15px 0}
.rules-table-wrap table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:16px;line-height:1.5}
.rules-table-wrap th,.rules-table-wrap td{text-align:left;padding:12px;vertical-align:top;overflow-wrap:anywhere}
.rules-table-wrap th:first-child{width:28%}.rules-table-wrap th:nth-child(2){width:13%}
.rules-table-wrap thead{background:var(--panel)}.rules-table-wrap tbody tr{border-top:1px solid var(--page-line)}
.rules-steps{list-style:none;padding:0;margin:20px 0 0}
.rules-steps>li{padding:24px 0;border-top:1px solid var(--page-line);scroll-margin-top:22px}
.rules-steps h3{font-size:23px;line-height:1.3;text-wrap:balance}
.rule-step-art{display:flex;align-items:center;gap:22px;padding:12px 0 4px}
.rule-step-art>.icon{width:24px;height:24px}
.rules-faq details{border:1px solid var(--page-line);border-radius:5px;margin:10px 0;padding:0 16px}
.rules-faq summary{font-size:17px;font-weight:600;min-height:54px;padding:15px 0;cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;line-height:1.4}
.rules-faq summary::marker{content:''}.rules-faq summary::-webkit-details-marker{display:none}
.rules-faq summary .icon{width:17px;height:17px;flex:none}.rules-faq details[open] summary .icon{transform:rotate(180deg)}
.rules-faq summary:focus-visible{outline:3px solid #c8a550;outline-offset:3px}
@media(max-width:760px){.rules-complete .contents nav{display:flex;flex-wrap:wrap;width:100%;gap:3px}.rules-complete .contents nav h2{width:100%}.rules-complete .contents a{padding:9px 10px}.rules-complete .rules-layout{gap:26px}}
@media(max-width:540px){.rules-complete .rules-body p{font-size:16px}.rules-complete .rules-body h2{font-size:25px}.rules-steps h3{font-size:22px}.rules-table-wrap table{font-size:14px}.rules-table-wrap th,.rules-table-wrap td{padding:9px 7px}.rules-table-wrap th:first-child{width:31%}.rules-table-wrap th:nth-child(2){width:15%}.rules-complete .rules-hero>div>p:not(.eyebrow){font-size:16px}.rules-complete .rules-body section{margin-bottom:26px}}
