.rules-start{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:25px 0}.rules-start a{background:#eef6f0;border:1px solid #dce9df;padding:23px 25px;border-radius:15px;transition:border-color .18s}.rules-start a:hover{border-color:#8db89a}.rules-start strong{display:block;font-size:23px;line-height:1.6;letter-spacing:-.5px;color:#244e35}.rules-start span{display:block;font-size:14px;line-height:1.8;color:#7e9585;margin-top:7px}.rules-filter-bar{display:flex;align-items:end;gap:17px;margin:27px 0 20px}.rules-filter-bar .rules-search{flex:1;margin:0;max-width:none}.rules-group-label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#8b978f}.rules-group-label select{font:inherit;font-size:14px;min-height:52px;padding:12px 16px;border:1px solid #dce5de;background:white;border-radius:12px;max-width:250px}.rules-levels{display:flex;gap:8px;flex-wrap:wrap}.rules-levels button{border:1px solid #dce5df;border-radius:9px;background:white;color:#7a8980;padding:10px 15px;font:inherit;font-size:14px}.rules-levels .active{background:#1c2820;border-color:#1c2820;color:white}.rules-count{font-size:13px;color:#97a198;margin:20px 0}.rule-index-card small{display:block;font-size:11px;color:#95a298;margin-bottom:8px}.rule-index-card .rule-card-detail{display:block;font-size:12px;line-height:1.8;color:#7e9b86;margin-top:12px}.rule-reference-button{border:1px solid #cddfd2;background:#f2f8f1;border-radius:8px;padding:9px 12px;text-decoration:none;max-width:100%;box-sizing:border-box;font-weight:550}.rule-reference-button:hover{background:#e6f1e7;border-color:#9fbea7}.rule-reference-button:focus-visible,.rules-start a:focus-visible{outline:3px solid #234b31;outline-offset:4px}.rule-focus{background:#f1f7f1;border:1px solid #c9dfce;margin:0 0 27px;padding:28px}.rule-focus .section-kicker{color:#6e9379}.rule-focus h2{font-size:26px;margin:15px 0;line-height:1.5}.rule-focus p{font-size:19px;line-height:1.9;color:#587562;margin:12px 0}.rule-focus-fragment{font-size:16px!important;color:#84958b!important}.rule-focus code{display:inline-block;font:600 20px/1.6 Manrope,-apple-system,sans-serif;padding:3px 10px;color:#244932;border:1px solid #d3e2d6;border-radius:6px;background:white;overflow-wrap:anywhere;max-width:100%}.rule-focus>small{display:block;font-size:13px;line-height:1.8;color:#8ba191;margin-top:19px}.rule-spelling-pair{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:23px;margin:20px 0}.rule-spelling-pair>span{padding:10px 15px;background:white;border-radius:9px}.rule-focus .spelling-vocabulary{border-color:#d7e4d9}.article-decision{margin-top:24px;padding-top:22px;border-top:1px solid #e1e8e2}.article-decision h3,.rule-faq h3{font-size:25px;line-height:1.5;margin:0 0 20px}.article-decision ol{list-style:none;padding:0;counter-reset:article-choice;display:grid;gap:13px}.article-decision li{counter-increment:article-choice;background:#f3f7f2;border:1px solid #e1e8df;border-radius:12px;padding:19px 22px 19px 68px;position:relative}.article-decision li:before{content:counter(article-choice);position:absolute;left:20px;top:20px;font-size:17px;color:#397e50;background:white;border-radius:50%;height:29px;width:29px;display:grid;place-items:center}.article-decision li>b{font-size:20px;line-height:1.7;color:#325b40}.article-decision li p,.article-decision>p{font-size:18px;line-height:1.9;color:#788e7f;margin:10px 0 0}.rule-faq{margin-top:30px}.rule-faq details{border:1px solid #dfe6df;border-radius:12px;background:#fff;margin:10px 0}.rule-faq summary{list-style:none;cursor:pointer;font-size:18px;line-height:1.8;font-weight:600;color:#3a5944;padding:18px 22px;position:relative;padding-right:45px}.rule-faq summary::-webkit-details-marker{display:none}.rule-faq summary:after{content:'+';position:absolute;right:20px;top:17px;color:#7e9a85;font-size:22px}.rule-faq details[open] summary:after{content:'−'}.rule-faq details p{font-size:17px;line-height:1.9;color:#7c8e81;padding:0 22px 20px;margin:0}.reference-article{margin-top:24px}.reference-article h2{font-size:27px;line-height:1.6;margin:0 0 20px}.reference-article li,.reference-article>p{font-size:19px;line-height:1.9;color:#76897c;margin:15px 0}.reference-article ol{padding-left:26px}.reference-article .secondary-button{display:inline-flex;margin:15px 0;line-height:1.7}.reference-article>.text-button{display:block;font-size:15px;margin:17px 0;color:#718979}.reference-examples{border-left:3px solid #91b99b;padding-left:23px;margin:25px 0}.reference-examples p{font-size:19px;line-height:1.8;color:#7e9384;margin:5px 0 15px}.reference-examples p[lang="en"]{color:#345e41;margin-top:18px}.reference-article .rule-pairs{grid-template-columns:1fr 1fr}@media(max-width:640px){.rules-start{grid-template-columns:1fr;gap:12px}.rules-start a{padding:20px}.rules-start strong{font-size:21px}.rules-start span{font-size:13px}.rules-filter-bar{flex-wrap:wrap;gap:14px}.rules-filter-bar .rules-search{flex-basis:100%}.rules-group-label{width:100%}.rules-group-label select{width:100%;max-width:none;font-size:14px}.rules-levels{gap:6px}.rules-levels button{font-size:12px;padding:9px 11px}.rule-focus{padding:22px 19px}.rule-focus h2{font-size:24px}.rule-focus p{font-size:17px}.rule-focus code{font-size:18px}.rule-focus>small{font-size:12px}.rule-focus-fragment{font-size:14px!important}.article-decision h3,.rule-faq h3{font-size:22px}.article-decision li{padding:17px 16px 17px 53px}.article-decision li:before{left:13px;top:19px;width:25px;height:25px;font-size:15px}.article-decision li>b{font-size:17px}.article-decision li p,.article-decision>p{font-size:16px}.rule-faq summary{font-size:16px;padding:16px 35px 16px 17px}.rule-faq summary:after{right:14px;top:15px}.rule-faq details p{font-size:15px;padding:0 17px 17px}.reference-article h2{font-size:23px}.reference-article li,.reference-article>p,.reference-examples p{font-size:17px}.reference-article .rule-pairs{grid-template-columns:1fr}.rule-spelling-pair{font-size:19px;gap:10px}.rule-index-card .level-badge{font-size:10px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.rules-start a{transition:none}}
.rule-focus .rule-original-answer{font-size:14px;color:#8a9b90;margin-bottom:17px}.rule-original-answer span{font-size:18px;line-height:1.8;color:#4e6b58;display:block;margin-top:5px;overflow-wrap:anywhere}@media(max-width:640px){.rule-original-answer span{font-size:16px}}
.rules-reset{font-size:12px;color:#8c9a91;margin:15px 0 0;display:block}
