.article-index,.article-page,.article-not-found{max-width:940px;margin:auto;padding:68px 28px 105px}.article-index>h1,.article-header h1,.article-not-found h1{max-width:800px;margin-top:20px;font:600 clamp(45px,6vw,72px)/1 var(--app-font-serif);letter-spacing:-3px}.article-index>p,.article-intro,.article-not-found>p{max-width:760px;margin-top:22px;color:#61716e;font-size:17px;line-height:1.7}.article-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:52px;color:#87928f;font-size:12px}.article-breadcrumb a{color:var(--teal);font-weight:700}.article-breadcrumb svg{vertical-align:middle}.article-index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:52px}.article-index-card{min-width:0;padding:28px;background:#fbfaf5;border:1px solid #d7dad0;border-radius:8px}.article-index-card h2{margin:14px 0 12px;font:600 24px/1.15 var(--app-font-serif)}.article-index-card>p{color:#697975;font-size:14px;line-height:1.65}.article-index-card .text-link{margin-top:24px}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:#87928f;font:11px var(--app-font-mono)}.article-header{padding-bottom:55px;border-bottom:1px solid #d7dbd2}.article-contents{margin:40px 0 65px;padding:24px 28px;background:#e9eee6;border-left:3px solid var(--teal)}.article-contents strong{font:600 15px var(--app-font-serif)}.article-contents ol{margin:14px 0 0;padding-left:20px;columns:2;column-gap:45px}.article-contents li{break-inside:avoid;margin-bottom:9px;color:#5f706c;font-size:13px}.article-contents a:hover{color:var(--teal)}.article-body{max-width:760px}.article-section{padding:0 0 58px;scroll-margin-top:24px}.article-section h2,.article-related h2{margin-bottom:19px;font:600 31px/1.12 var(--app-font-serif);letter-spacing:-1px}.article-section h3{margin:28px 0 12px;font:600 19px var(--app-font-serif)}.article-section p,.article-section li{color:#566965;font-size:15px;line-height:1.8}.article-section p+p{margin-top:17px}.article-section ul,.article-section ol{margin:17px 0 0;padding-left:23px}.article-section li{margin-bottom:9px;padding-left:4px}.article-formula,.article-example{margin-top:28px;padding:25px 28px;background:#e9eee6;border-left:3px solid var(--teal)}.article-example{background:#fbf0e6;border-color:var(--orange)}.article-formula>p:first-of-type{color:var(--ink);font:600 18px/1.5 var(--app-font-mono);overflow-wrap:anywhere}.article-assumptions{padding:34px 30px;margin-bottom:58px;background:#fbfaf5;border:1px solid #d7dad0}.article-faqs details{border-top:1px solid #d7dbd2}.article-faqs details:last-child{border-bottom:1px solid #d7dbd2}.article-faqs summary{padding:18px 4px;cursor:pointer;font:600 16px var(--app-font-serif)}.article-faqs details p{padding:0 4px 19px}.article-related{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:28px;padding-top:55px;border-top:1px solid #d7dbd2}.article-related ul{padding:0;list-style:none}.article-related li+li{margin-top:10px}.article-related a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;background:#fbfaf5;border:1px solid #d7dad0;border-radius:6px}.article-related a:hover{border-color:var(--teal)}.article-related a span{display:grid;gap:4px}.article-related a small{color:#71807c;line-height:1.45}.article-not-found .text-link{margin-top:24px;margin-right:22px}@media(max-width:680px){.article-index,.article-page,.article-not-found{padding:48px 18px 70px}.article-index>h1,.article-header h1,.article-not-found h1{font-size:47px;letter-spacing:-2.5px}.article-index-list,.article-related{grid-template-columns:1fr}.article-contents ol{columns:1}.article-formula,.article-example,.article-assumptions{padding:21px 19px}}
