.rules-wrapper{max-width:860px;margin:0 auto;padding:var(--space-6) var(--space-5)}.rules-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid var(--hm-border)}.rules-header-left .rules-badge{display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--hm-primary);background:var(--hm-primary-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.rules-header-left h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--hm-text);margin:0;line-height:var(--leading-tight)}.rules-header-left p:empty,.rules-body p:empty,.rules-grid p:empty,.rules-footer p:empty{display:none}.rules-header-links{display:flex;gap:var(--space-2);flex-shrink:0;align-self:center}.rules-header-links br{display:none}.rules-header-links a{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.rules-header-links a:first-child{background:var(--hm-primary);color:var(--hm-text-inverse)}.rules-header-links a:first-child:hover{background:var(--hm-primary-hover)}.rules-header-links a:last-child{background:var(--hm-bg-subtle);color:var(--hm-text-secondary);border:1px solid var(--hm-border)}.rules-header-links a:last-child:hover{background:var(--hm-bg-muted);color:var(--hm-text)}.rules-body{margin-bottom:var(--space-8)}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.rules-section{background:var(--hm-bg-elevated);border:1px solid var(--hm-border);border-radius:var(--radius-md);padding:var(--space-6);border-top:3px solid var(--hm-border-strong);transition:box-shadow var(--duration-fast) var(--ease-out)}.rules-section:hover{box-shadow:var(--shadow-sm)}.rules-section h2{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--hm-text);margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.rules-section h2 .icon{font-size:1.2em;line-height:1}.rules-section ul{list-style:none;margin:0;padding:0}.rules-section li{position:relative;padding:var(--space-2) 0 var(--space-2) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);color:var(--hm-text-secondary);line-height:var(--leading-relaxed);border-bottom:1px solid var(--hm-neutral-100)}.rules-section li:last-child{border-bottom:none;padding-bottom:0}.rules-section li:before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--hm-neutral-300)}.rules-section li strong{color:var(--hm-text);font-weight:var(--font-semibold)}.rules-section li .hl{font-weight:var(--font-semibold);color:var(--hm-text)}.rules-section.allowed{border-top-color:var(--hm-success)}.rules-section.allowed h2{color:var(--hm-success-dark)}.rules-section.allowed li:before{background:var(--hm-success)}.rules-section.forbidden{border-top-color:var(--hm-danger)}.rules-section.forbidden h2{color:var(--hm-danger-dark)}.rules-section.forbidden li:before{background:var(--hm-danger)}.rules-section.posting{border-top-color:var(--hm-primary)}.rules-section.posting h2{color:var(--hm-primary)}.rules-section.posting li:before{background:var(--hm-primary)}.rules-section.conduct{border-top-color:var(--hm-accent)}.rules-section.conduct h2{color:var(--hm-accent)}.rules-section.conduct li:before{background:var(--hm-accent)}.rules-section.safety{border-top-color:var(--hm-info)}.rules-section.safety h2{color:var(--hm-info-dark)}.rules-section.safety li:before{background:var(--hm-info)}.rules-section.moderation{border-top-color:var(--hm-neutral-700)}.rules-section.moderation h2{color:var(--hm-neutral-700)}.rules-section.moderation li:before{background:var(--hm-neutral-600)}.rules-footer{background:var(--hm-bg-subtle);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;margin-top:var(--space-8)}.rules-footer-text{font-family:var(--font-body);font-size:var(--text-base);color:var(--hm-text-secondary);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.rules-footer-text strong{color:var(--hm-text);display:block;font-size:var(--text-lg);margin-bottom:var(--space-1)}.rules-footer-links{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.rules-footer-links br{display:none}.rules-footer-links a{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;padding:var(--space-2-5) var(--space-6);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.rules-footer-links a:first-child{background:var(--hm-primary);color:var(--hm-text-inverse)}.rules-footer-links a:first-child:hover{background:var(--hm-primary-hover)}.rules-footer-links a.secondary{background:var(--hm-bg-elevated);color:var(--hm-text-secondary);border:1px solid var(--hm-border)}.rules-footer-links a.secondary:hover{background:var(--hm-bg-muted);color:var(--hm-text)}@media (max-width:768px){.rules-wrapper{padding:var(--space-4) var(--space-4)}.rules-header{flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.rules-header-left h1{font-size:var(--text-2xl)}.rules-header-links{flex-direction:row;width:100%}.rules-header-links a{flex:1;text-align:center}.rules-grid{grid-template-columns:1fr;gap:var(--space-4)}.rules-section{padding:var(--space-5)}.rules-section h2{font-size:var(--text-base)}.rules-footer-links{flex-direction:column;gap:var(--space-2)}.rules-footer-links a{width:100%}}@media (prefers-reduced-motion:reduce){.rules-section{transition:none}}@media print{.rules-wrapper{max-width:100%;padding:0}.rules-grid{grid-template-columns:1fr}.rules-section{break-inside:avoid;border:1px solid #ccc;box-shadow:none}.rules-header-links,.rules-footer-links{display:none}}