/* KUNYU article shell. T1, T2 and T3 share the same presentation. */
body.traditional-article main.ky-article{padding:24px 0 64px;background:#fff;color:#222;font-family:Arial,Helvetica,sans-serif}
body.traditional-article main.ky-article>.ky-article-container{width:92%;max-width:1200px;margin:0 auto}
body.traditional-article main.ky-article .article-header{margin:0 0 36px!important}
body.traditional-article main.ky-article h1{font-size:34px!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:0 0 14px!important;color:#111!important;font-weight:700!important}
body.traditional-article main.ky-article .breadcrumb{font-size:14px;line-height:1.6;margin:0 0 24px!important}
body.traditional-article main.ky-article .article-byline{display:block!important;font-size:14px!important;line-height:1.5!important;color:#5f6b72!important;margin:0 0 12px!important}
body.traditional-article main.ky-article .article-byline a{color:inherit;text-decoration:none}
body.traditional-article main.ky-article .article-byline a:hover{text-decoration:underline}
body.traditional-article main.ky-article .article-tags{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0!important}
body.traditional-article main.ky-article .article-tag{background:#e1f6fd;color:#00aeef;font-size:13px!important;line-height:1.5;padding:4px 12px;border-radius:4px}
body.traditional-article main.ky-article .article-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:40px!important;margin:0 0 40px!important;width:100%}
body.traditional-article main.ky-article .article-hero-content,body.traditional-article main.ky-article .article-hero-img-box{width:auto!important;min-width:0;flex:initial!important;margin:0!important}
body.traditional-article main.ky-article .article-hero-img-box picture{display:contents}
body.traditional-article main.ky-article .article-hero-img-box img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9!important;max-height:none!important;object-fit:contain!important;border-radius:12px!important;background:#fff}
body.traditional-article main.ky-article .article-hero-content>h2,body.traditional-article main.ky-article .article-hero-content>.answer-first>h2{margin-top:0!important}
body.traditional-article main.ky-article .article-hero-content p:last-child{margin-bottom:0!important}
body.traditional-article main.ky-article p,body.traditional-article main.ky-article li{font-size:14px!important;line-height:1.65!important;color:#222}
body.traditional-article main.ky-article p{margin:0 0 20px!important}
body.traditional-article main.ky-article h2{font-size:24px!important;line-height:1.3!important;color:#1b5e20!important;border-left:4px solid #f15a24!important;padding:0 0 0 12px!important;margin:32px 0 18px!important;font-weight:700!important;letter-spacing:-.015em!important}
body.traditional-article main.ky-article h3{font-size:18px!important;line-height:1.4!important;margin:24px 0 12px!important;font-weight:700!important;letter-spacing:normal!important}
body.traditional-article main.ky-article .article-body-text{max-width:820px!important;width:100%!important;padding:0!important;margin:0!important;font-size:14px!important;line-height:1.65!important}
body.traditional-article main.ky-article .article-body-text a:not(.btn),body.traditional-article main.ky-article .ky-article-faq a:not(.btn),body.traditional-article main.ky-article .ky-article-references a{color:#1b5e20!important;text-decoration:underline;text-underline-offset:2px}
body.traditional-article main.ky-article .article-body-text>h2:first-child,body.traditional-article main.ky-article .ky-article-module>h2:first-child{margin-top:0!important}
body.traditional-article main.ky-article .article-body-text .article-body-text{width:100%!important}
body.traditional-article main.ky-article ul,body.traditional-article main.ky-article ol{margin:18px 0 24px!important}
body.traditional-article main.ky-article li{margin-bottom:8px!important}
body.traditional-article main.ky-article .ky-article-table{display:block;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;margin:24px 0!important;border:1px solid #e6e6e6!important;border-radius:6px}
body.traditional-article main.ky-article table{width:100%!important;min-width:0!important;border-collapse:collapse!important;font-size:13px!important;margin:0!important}
body.traditional-article main.ky-article th,body.traditional-article main.ky-article td{font-size:13px!important;line-height:1.55!important;text-align:left!important;vertical-align:top!important;padding:12px!important;border-bottom:1px solid #e6e6e6!important}
body.traditional-article main.ky-article thead{background:#f2f0ec!important}
body.traditional-article main.ky-article .ky-article-module{display:block!important;max-width:820px;margin:36px 0 0!important;padding:0!important;border:0!important;background:none!important}
body.traditional-article main.ky-article .ky-article-module>.section,body.traditional-article main.ky-article .ky-article-module section.section{padding:0!important;margin:0!important;border:0!important;background:none!important}
body.traditional-article main.ky-article .ky-article-module .container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.traditional-article main.ky-article .ky-article-module h2:first-child{margin-top:0!important}
body.traditional-article main.ky-article .ky-article-faq{max-width:820px}
body.traditional-article main.ky-article .ky-article-faq details{padding:14px 0!important;border:0!important;border-bottom:1px solid #e6e6e6!important;background:none!important}
body.traditional-article main.ky-article .ky-article-faq summary{font-size:15px;font-weight:700;line-height:1.5;cursor:pointer}
body.traditional-article main.ky-article .ky-article-faq details p{margin:12px 0 0!important}
body.traditional-article main.ky-article .ky-article-products,body.traditional-article main.ky-article .ky-article-related{max-width:1200px}
body.traditional-article main.ky-article .ky-article-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;margin:20px 0 0!important}
body.traditional-article main.ky-article .ky-article-related .ky-article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.traditional-article main.ky-article .ky-article-more-cards{padding:16px 0!important;border:0!important;background:none!important}
body.traditional-article main.ky-article .ky-article-more-cards>summary{font-size:14px;line-height:1.6;font-weight:700;cursor:pointer;color:#1b5e20}
body.traditional-article main.ky-article .ky-article-card{display:flex!important;flex-direction:column!important;min-width:0;padding:0!important;margin:0!important;border:1px solid #e6e6e6!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 2px 4px rgba(0,0,0,.04)!important;color:inherit;text-decoration:none;transform:none!important}
body.traditional-article main.ky-article .ky-article-card picture{display:contents}
body.traditional-article main.ky-article .ky-article-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1!important;object-fit:contain!important;border-radius:0!important;background:#fff}
body.traditional-article main.ky-article .ky-article-related .ky-article-card img{aspect-ratio:16/9!important;object-fit:contain!important}
body.traditional-article main.ky-article .ky-article-card .related-card-body{padding:16px!important}
body.traditional-article main.ky-article .ky-article-card h3{font-size:16px!important;line-height:1.4!important;margin:0 0 10px!important}
body.traditional-article main.ky-article .ky-article-card p{font-size:13px!important;line-height:1.6!important;margin:0!important;color:#5f6b72}
body.traditional-article main.ky-article a.ky-article-card>strong,body.traditional-article main.ky-article a.ky-article-card>h3,body.traditional-article main.ky-article a.ky-article-card>p{padding:12px 16px!important;margin:0!important}
body.traditional-article main.ky-article .ky-article-rfq{max-width:820px;border:1px solid #e6e6e6!important;border-radius:8px;background:#f8f8f5!important;padding:24px!important}
body.traditional-article main.ky-article .ky-article-rfq .article-cta,body.traditional-article main.ky-article .ky-article-rfq .article-cta-box,body.traditional-article main.ky-article .ky-article-rfq .chain-cta{display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important}
body.traditional-article main.ky-article .ky-article-rfq h2{margin-top:0!important}
body.traditional-article main.ky-article .ky-article-rfq .btn-primary{display:inline-flex;align-items:center;justify-content:center;background:#c96a10!important;color:#fff!important;border:1px solid #c96a10!important;border-radius:8px!important;padding:12px 20px!important;font-size:14px!important;font-weight:700;text-decoration:none;line-height:1.4}
body.traditional-article main.ky-article img{max-width:100%}
body.traditional-article main.ky-article [id]{scroll-margin-top:110px}
@media(max-width:920px){body.traditional-article main.ky-article .article-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}body.traditional-article main.ky-article .article-hero-content{order:0}body.traditional-article main.ky-article .article-hero-img-box{order:1}body.traditional-article main.ky-article .ky-article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){body.traditional-article main.ky-article{padding-top:20px}body.traditional-article main.ky-article h1{font-size:28px!important}body.traditional-article main.ky-article h2{font-size:22px!important}body.traditional-article main.ky-article .article-header{margin-bottom:28px!important}body.traditional-article main.ky-article .article-tags{gap:8px!important}body.traditional-article main.ky-article .ky-article-card-grid,body.traditional-article main.ky-article .ky-article-related .ky-article-card-grid{grid-template-columns:minmax(0,1fr)!important}body.traditional-article main.ky-article .ky-article-table table{min-width:560px!important}body.traditional-article main.ky-article .ky-article-rfq{padding:20px!important}body.traditional-article main.ky-article .article-side-img{float:none!important;width:100%!important;margin:0 0 24px!important}}


/* Shared article actions: cover legacy .btn/secondary/CTA and inline action links. */
body.traditional-article main.ky-article a:is(.btn,.cta-alt,[style*="display:inline-flex"]){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;min-height:44px!important;max-width:100%!important;
 padding:12px 20px!important;margin:0 12px 12px 0!important;gap:8px!important;
 border:1px solid #1b5e20!important;border-radius:8px!important;
 background:#fff!important;background-image:none!important;color:#1b5e20!important;
 font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700!important;
 line-height:1.4!important;letter-spacing:normal!important;text-transform:none!important;
 white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;
 text-decoration:none!important;box-shadow:none!important;text-shadow:none!important;
 filter:none!important;transform:none!important;transition:background-color .15s,border-color .15s!important;
}
body.traditional-article main.ky-article .article-body-text a:is(.btn,[style*="display:inline-flex"]){text-decoration:none!important;color:#1b5e20!important}
body.traditional-article main.ky-article a:is(.btn,.cta-alt,[style*="display:inline-flex"]):hover{background:#f0f5ef!important;box-shadow:none!important;transform:none!important}
body.traditional-article main.ky-article .ky-article-rfq a.btn-primary{background:#c96a10!important;border-color:#c96a10!important;color:#fff!important}
body.traditional-article main.ky-article .ky-article-rfq a.btn-primary:hover{background:#a9560b!important;border-color:#a9560b!important}
body.traditional-article main.ky-article a:is(.btn,.cta-alt,[style*="display:inline-flex"]):focus-visible{outline:3px solid #1b5e20!important;outline-offset:3px!important}
body.traditional-article main.ky-article a:is(.btn,.cta-alt,[style*="display:inline-flex"])::before,
body.traditional-article main.ky-article a:is(.btn,.cta-alt,[style*="display:inline-flex"])::after{box-shadow:none!important;background:none!important}
body.traditional-article main.ky-article :is(p,div):has(>a.btn):not(:has(>:not(a))){display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important}
body.traditional-article main.ky-article :is(p,div):has(>a.btn):not(:has(>:not(a)))>a:is(.btn,.cta-alt){margin:0!important}

/* Compact article recommendations: imagery supports reading without dominating it. */
body.traditional-article main.ky-article .ky-article-products,
body.traditional-article main.ky-article .ky-article-related{max-width:820px!important}
body.traditional-article main.ky-article .ky-article-card-grid{gap:16px!important}
body.traditional-article main.ky-article .ky-article-card{box-shadow:none!important}
body.traditional-article main.ky-article .ky-article-card img{width:144px!important;max-width:100%!important;height:144px!important;margin:12px auto 0!important}
body.traditional-article main.ky-article .ky-article-related .ky-article-card img{width:192px!important;height:108px!important}
body.traditional-article main.ky-article .ky-article-card h3,
body.traditional-article main.ky-article a.ky-article-card>strong{font-size:14px!important;line-height:1.45!important}
body.traditional-article main.ky-article .ky-article-card .related-card-body{padding:12px!important}
body.traditional-article main.ky-article .ky-article-card p{line-height:1.5!important}

/* Editorial reading rhythm and optional detailed calculations. */
body.traditional-article main.ky-article .article-body-text p,
body.traditional-article main.ky-article .article-body-text li,
body.traditional-article main.ky-article .article-hero-content p{font-size:15px!important;line-height:1.65!important}
body.traditional-article main.ky-article .ky-article-calculation{margin:24px 0;border:1px solid #deded8;border-radius:8px;padding:16px 20px;background:#fafbf8}
body.traditional-article main.ky-article .ky-article-calculation>summary{font-size:16px;font-weight:700;line-height:1.5;color:#1b5e20;cursor:pointer}
body.traditional-article main.ky-article .ky-article-calculation[open]>summary{margin-bottom:20px}
body.traditional-article main.ky-article .ky-article-calculation>summary:focus-visible{outline:3px solid #1b5e20;outline-offset:4px}

/* Uniform article lead imagery: 580 x 326.25 at the 1200px desktop shell. */
body.traditional-article main.ky-article .article-hero-img-box img{
 width:100%!important;max-width:none!important;height:auto!important;
 aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important;
 border-radius:12px!important;background:#f5f6f3!important;
}
body.traditional-article main.ky-article .article-hero-img-box img[src*="2-point-vs-4-point"],
body.traditional-article main.ky-article .article-hero-img-box img[src*="12-5-vs-15-5"],
body.traditional-article main.ky-article .article-hero-img-box img[src*="article-t-post-main"]{object-fit:contain!important}
body.traditional-article main.ky-article .article-hero-grid>.knot-comparison{
 width:100%!important;box-sizing:border-box!important;aspect-ratio:16/9!important;
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:minmax(0,1fr) auto!important;gap:12px!important;
 padding:12px!important;margin:0!important;border-radius:12px!important;
 background:#f5f6f3!important;overflow:hidden!important;
}
body.traditional-article main.ky-article .knot-comparison .knot-reference{min-width:0!important;min-height:0!important;margin:0!important;display:flex!important;flex-direction:column!important}
body.traditional-article main.ky-article .knot-comparison .knot-image{flex:1!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important}
body.traditional-article main.ky-article .knot-comparison .knot-image img{width:100%!important;height:100%!important;object-fit:cover!important}
body.traditional-article main.ky-article .knot-comparison figcaption{padding:8px 0 0!important}
body.traditional-article main.ky-article .knot-comparison figcaption strong{font-size:14px!important}
body.traditional-article main.ky-article .knot-comparison figcaption span{display:block!important;font-size:11px!important;line-height:1.3!important}
body.traditional-article main.ky-article .knot-comparison .knot-scale-note{grid-column:1/-1!important;font-size:11px!important;line-height:1.3!important;margin:0!important}
