*{box-sizing:border-box}body{margin:0;background:#fff;color:#202830;font-family:Arial,"Noto Sans KR",sans-serif;line-height:1.65}main{max-width:920px;margin:auto;padding:52px 48px 70px}.top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.brand{color:#9d1c20;font-weight:800;font-size:22px;letter-spacing:.05em}.kicker,.date{font-size:12px;color:#65717b}.langs{white-space:nowrap}.langs a{display:inline-block;margin-left:6px;padding:4px 8px;border:1px solid #d9e2f3;text-decoration:none;color:#164d73}.langs a[aria-current=page]{background:#eaf1f8;font-weight:700}h1{font-size:34px;color:#27313a;line-height:1.2;margin:28px 0 8px}.sub{color:#66717a;font-size:18px;margin:0 0 24px}.purpose,.box{background:#eaf1f8;border:1px solid #d9e2f3;border-left:4px solid #376092;padding:16px 18px;margin:20px 0}.purpose strong,.box strong{display:block;color:#164d73;margin-bottom:6px}h2{font-size:23px;color:#376092;margin:36px 0 12px;line-height:1.3}h3{font-size:18px;color:#376092;margin:24px 0 10px;line-height:1.35}p{margin:0 0 14px}.table-wrap{overflow-x:auto;margin:16px 0 22px}table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5;min-width:570px}th{background:#dce6f1;color:#164d73;text-align:left}th,td{border:1px solid #d9e2f3;padding:9px;vertical-align:top;overflow-wrap:anywhere;hyphens:auto}.meta{min-width:0}.meta th{width:24%}figure{margin:24px 0;overflow-x:auto}figcaption{font-size:12px;color:#52677b;margin-top:8px;line-height:1.5}.diagram{border:1px solid #d9e2f3;padding:16px 18px;min-width:570px}.diagram>strong{display:block;color:#376092;margin-bottom:16px;font-size:15px}.nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}.nodes>span{position:relative;min-height:82px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 7px;background:#eaf1f8;border:1px solid #9fb6d1;border-radius:4px;font-size:13px;font-weight:600;overflow-wrap:anywhere;hyphens:auto}.nodes>span:not(:last-child)::after{content:"→";position:absolute;right:-21px;color:#376092;font-size:21px}.loop .nodes{padding-bottom:22px}.loop .nodes::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:22px;border:solid #376092;border-width:0 1px 1px}.loop .nodes::before{content:"↑";position:absolute;left:calc(12% - 5px);bottom:5px;color:#376092;font-size:18px}.diagram small{display:block;font-size:10px;color:#687d90;margin-top:14px}.refs{font-size:12px;line-height:1.55}.refs p{margin:0 0 12px}.refs a{color:#245f87;overflow-wrap:anywhere}.foot{font-size:12px;color:#68717a;border-top:1px solid #d9e2f3;margin-top:38px;padding-top:15px}.group{scroll-margin-top:20px}@media(max-width:720px){main{padding:28px 16px}.top{display:block}.langs{margin-top:14px}h1{font-size:28px}h2{font-size:21px}.purpose,.box{padding:13px}.table-wrap{margin-left:0;margin-right:0}}@media print{main{max-width:none;padding:0}.langs{display:none}h2,h3,figure,table{break-inside:avoid}a{color:inherit;text-decoration:none}}
@media(max-width:720px){.diagram{min-width:0}.nodes{grid-template-columns:1fr;gap:24px}.nodes>span{min-height:60px}.nodes>span:not(:last-child)::after{content:"↓";right:auto;left:calc(50% - 8px);top:auto;bottom:-27px}.loop .nodes{padding-bottom:0}.loop .nodes::before,.loop .nodes::after{display:none}.meta th{width:31%}}