.article-layout{display:grid;grid-template-columns:clamp(230px,18vw,300px) minmax(0,900px) minmax(220px,280px);justify-content:start;max-width:1560px;margin:0 auto}.article-tree{min-height:calc(100vh - 68px);padding:34px clamp(22px,3vw,46px) 34px clamp(24px,4vw,64px);border-right:1px solid #e1e6f3}.article-tree>p{margin:0 0 10px;color:#65759a;font-size:10px;font-weight:800;letter-spacing:.13em}.article-tree>a{display:block;margin-bottom:15px;color:#155eef;font-size:12px;text-decoration:none}.article-tree details{margin:3px 0}.article-tree summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer}.article-tree summary::-webkit-details-marker{display:none}.article-tree summary>span{padding:8px;color:#55668d;font-size:13px;font-weight:700}.article-tree summary>b{color:#6d7b9f;font-size:17px;transition:transform .15s}.article-tree details[open] summary>b{transform:rotate(90deg)}.article-tree .tree-children{display:grid;margin:0 0 5px 10px;padding-left:10px;border-left:1px solid #dce4f4}.article-tree .tree-children a{padding:6px 3px;color:#65708f;font-size:12px;text-decoration:none}.article-tree .tree-children a.current{color:#155eef;font-weight:700}.article-related{align-self:start;margin:109px 0 0 28px;padding:20px 0 0 22px;border-left:1px solid #dce4f4}.article-related>p{margin:0 0 12px;color:#65759a;font-size:10px;font-weight:800;letter-spacing:.13em}.article-related h2{margin:0 0 14px;color:#10224d;font:700 18px/1.2 'Space Grotesk',sans-serif}.article-related a{display:block;padding:12px 0;border-top:1px solid #e1e6f3;color:#10224d;font-size:13px;font-weight:700;text-decoration:none;line-height:1.4}.article-related a:hover{color:#155eef}.article-related a span{display:block;margin-top:4px;color:#68799f;font-size:12px;font-weight:400}@media(max-width:1180px){.article-layout{grid-template-columns:clamp(220px,24vw,270px) minmax(0,850px)}.article-related{grid-column:2;margin:0 55px 60px;padding:22px 0 0;border-top:1px solid #dce4f4;border-left:0}.article-related h2{font-size:19px}.article-related a{max-width:520px}}@media(max-width:820px){.article-layout{display:block}.article-tree{display:none}.article-related{margin:0 28px 55px;padding-top:22px}}