/* THE BUY HOLDINGS · Long-form company and brand reading.
   Content remains readable with no script, no motion and at narrow widths. */
.editorial-page{--reading-gap:clamp(64px,8vw,112px);--reading-rule:#d6d6d6;color:#111;background:#fff}
.editorial-intro{padding-top:56px;padding-bottom:72px}
.editorial-intro .eyebrow{font-size:12px;font-weight:500;letter-spacing:.075em;margin-bottom:30px}
.editorial-intro .page-title{font-family:Inter,'TheBuy Korean',sans-serif;font-size:clamp(54px,8.2vw,114px);font-weight:600;line-height:1.03;letter-spacing:-.065em;max-width:1120px;overflow-wrap:break-word}
.editorial-lead{max-width:850px;margin-left:auto;margin-bottom:74px;font-size:clamp(19px,2.2vw,28px);line-height:1.65;letter-spacing:-.04em;color:#404040;margin-top:34px}
.editorial-intro .lead{max-width:760px;font-size:19px;line-height:1.85;letter-spacing:-.025em;color:#555}
.editorial-intro .breadcrumb{margin-bottom:36px;font-size:12px}
.reading-grid{display:block;max-width:1120px;margin-left:auto;padding-bottom:var(--reading-gap)}
.reading-grid>*{min-width:0}
.reading-grid>div,.reading-grid>article{min-width:0}
.reading-section{display:grid;grid-template-columns:minmax(70px,.27fr) minmax(0,1fr);gap:0 36px;border-top:1px solid #111;padding-top:30px;margin-bottom:60px;scroll-margin-top:120px}
.reading-section:last-child{margin-bottom:0}
.reading-section>div,.reading-section>header{min-width:0}
.reading-num{display:block;font:400 32px/1.4 Inter,sans-serif;letter-spacing:-.04em;color:#111;font-variant-numeric:tabular-nums;padding-top:0}
.reading-section h2{font-size:clamp(24px,2.35vw,33px);line-height:1.5;letter-spacing:-.045em;font-weight:600;margin-bottom:24px;overflow-wrap:break-word}
.reading-section h3{font-size:20px;line-height:1.6;letter-spacing:-.03em;font-weight:600;margin:30px 0 14px}
.reading-section p{font-size:17px;line-height:1.95;letter-spacing:-.025em;color:#555;overflow-wrap:break-word}
.reading-section p+p{margin-top:17px}
.reading-section strong{font-weight:600;color:#111}
.reading-section p a,.reading-list a{border-bottom:1px solid currentColor;text-underline-offset:5px}
.reading-section p a:hover,.reading-list a:hover{color:#000;border-bottom-width:2px}
.reading-section>.reading-num~h2,.reading-section>.reading-num~h3,.reading-section>.reading-num~p,.reading-section>.reading-num~ul,.reading-section>.reading-num~ol,.reading-section>.reading-num~figure,.reading-section>.reading-num~table{grid-column:2}
.reading-section>.reading-num+h2{grid-row:1}
.reading-note{margin-top:28px;padding:25px 0 25px 24px;border-left:2px solid #111;color:#555;font-size:15px;line-height:1.9;letter-spacing:-.02em}
.reading-section .reading-note{font-size:15px;line-height:1.9}
.reading-note p{font-size:15px;line-height:1.9}
.reading-note strong{display:block;margin-bottom:9px;font-size:16px;line-height:1.6;color:#111}
.reading-list{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--reading-rule)}
.reading-list li{position:relative;margin:0;padding:19px 0 19px 19px;border-bottom:1px solid var(--reading-rule);font-size:16px;line-height:1.8;letter-spacing:-.02em;color:#555;overflow-wrap:break-word}
.reading-list li::before{content:'—';position:absolute;top:19px;left:0;color:#111;font-size:11px}
.reading-list li strong{display:block;color:#111;font-size:17px;font-weight:600;margin-bottom:5px}
ol.reading-list{counter-reset:reading-item}
ol.reading-list li{counter-increment:reading-item;padding-left:37px}
ol.reading-list li::before{content:counter(reading-item,decimal-leading-zero);font:500 12px/2.4 Inter,sans-serif;color:#777}
.editorial-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;border-top:1px solid #111;margin:0 0 var(--reading-gap);list-style:none;padding:0}
.editorial-navigation>p,.editorial-navigation>span,.editorial-navigation>h2{grid-column:1/-1;font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.045em;margin:0;padding:22px 0;color:#777}
.editorial-navigation a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:19px 0;border-bottom:1px solid var(--reading-rule);font-size:16px;font-weight:500;line-height:1.65;letter-spacing:-.02em;transition:padding .2s ease,color .2s ease,background .2s ease}
.editorial-navigation a::after{content:'↗';font:400 21px/1 Inter,sans-serif;flex-shrink:0;transition:transform .2s ease}
.editorial-navigation a:hover{padding-inline:12px;background:#111;color:#fff;border-color:#111}
.editorial-navigation a:hover::after{transform:translate(2px,-2px)}
.editorial-navigation a[aria-current=page]{font-weight:650;border-bottom-color:#111}
.editorial-navigation .arrow{display:none}
.editorial-image{position:relative;margin:0 0 var(--reading-gap);overflow:hidden;background:#f3f3f3}
.editorial-image img{display:block;width:100%;height:auto;max-height:640px;aspect-ratio:16/8;object-fit:cover}
.editorial-image img.image-beauty{object-fit:contain;background:#f7f7f7}
.editorial-image figcaption{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 0;background:#fff;font-size:12px;line-height:1.6;letter-spacing:.01em;color:#777}
.reading-section .editorial-image{margin-top:28px;margin-bottom:0}
.reading-section .editorial-image img{aspect-ratio:4/3;max-height:none}
.reading-table{max-width:100%;margin:30px 0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-top:1px solid #111}
.reading-table:focus-visible{outline:2px solid #111;outline-offset:5px}
.reading-table table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.75;min-width:570px}
.reading-table caption{caption-side:top;text-align:left;font-size:13px;color:#777;padding:16px 0}
.reading-table th,.reading-table td{padding:19px 20px;border-bottom:1px solid var(--reading-rule);vertical-align:top;font-weight:400;overflow-wrap:break-word}
.reading-table th{font-weight:600;color:#111;background:#f5f5f5;white-space:nowrap}
.reading-table td{color:#555}
.reading-table td a{text-decoration:underline;text-underline-offset:4px}
.faq-list{border-top:1px solid #111;margin-top:30px}
.faq-list details{border-bottom:1px solid var(--reading-rule)}
.faq-list summary{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;min-height:80px;padding:25px 0;list-style:none;font-size:18px;line-height:1.7;font-weight:500;letter-spacing:-.03em;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span[aria-hidden=true]{display:none}
.faq-list summary::after{content:'+';flex-shrink:0;font-family:Inter,Arial,sans-serif;font-size:26px;font-weight:300;line-height:1.2;transition:transform .25s ease}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details>div,.faq-list details>p{max-width:800px;padding:0 50px 26px 0;font-size:16px;line-height:1.9;letter-spacing:-.025em;color:#555}
.faq-list details>div p{font-size:16px;line-height:1.9;color:#555}
.faq-list details>div p+p{margin-top:15px}
.faq-list details[open]>div,.faq-list details[open]>p{animation:reading-answer-in .3s ease both}
.faq-list details a{text-decoration:underline;text-underline-offset:4px}
.editorial-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:36px}
.editorial-actions .btn{min-height:52px;padding:15px 24px;font-size:14px}
.editorial-page>.editorial-actions,.editorial-page>.container>.editorial-actions{margin-bottom:var(--reading-gap)}
@keyframes reading-answer-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){
 .editorial-lead{max-width:700px;font-size:23px;margin-bottom:60px}
 .reading-section{grid-template-columns:70px minmax(0,1fr);gap:0 28px}
 .reading-section h2{font-size:27px}
 .reading-section p{font-size:16px}
 .editorial-navigation a{font-size:15px;min-height:62px}
}
@media(max-width:760px){
 .editorial-page{--reading-gap:70px}
 .editorial-intro{padding-top:42px;padding-bottom:45px}
 .editorial-intro .eyebrow{font-size:11px;margin-bottom:24px}
 .editorial-intro .page-title{font-size:clamp(45px,9vw,68px);line-height:1.08;letter-spacing:-.06em}
 .editorial-intro .lead,.editorial-lead{font-size:18px;line-height:1.8;margin-top:25px}
 .reading-grid{display:block;padding-bottom:65px}
 .editorial-lead{margin-left:0;margin-bottom:50px}
 .reading-grid>*{width:100%}
 .reading-section{grid-template-columns:26px minmax(0,1fr);gap:0 15px;padding-top:24px;margin-bottom:46px;scroll-margin-top:100px}
 .reading-num{font-size:15px;letter-spacing:-.02em;padding-top:7px}
 .reading-section h2{font-size:24px;line-height:1.5;margin-bottom:20px}
 .reading-section h3{font-size:19px;line-height:1.6;margin:26px 0 13px}
 .reading-section p{font-size:16px;line-height:1.9}
 .reading-note{margin-top:24px;padding:19px 0 19px 18px;font-size:14px}
 .reading-section .reading-note{font-size:14px}
 .reading-note p{font-size:14px}
 .reading-list{margin-top:22px}
 .reading-list li{font-size:15px;padding-block:17px}
 .reading-list li::before{top:17px}
 .reading-list li strong{font-size:16px}
 .editorial-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px}
 .editorial-navigation>p,.editorial-navigation>span,.editorial-navigation>h2{grid-column:1/-1;font-size:11px;padding-block:18px 9px}
 .editorial-navigation a{min-height:60px;padding-block:15px;font-size:14px;gap:12px}
 .editorial-navigation a::after{font-size:18px}
 .editorial-image{margin-bottom:50px}
 .editorial-image img{aspect-ratio:4/3;max-height:560px}
 .editorial-image figcaption{font-size:11px;line-height:1.7;padding:11px 0}
 .reading-table{margin:24px 0}
 .reading-table table{font-size:14px;min-width:510px}
 .reading-table th,.reading-table td{padding:16px}
 .faq-list{margin-top:25px}
 .faq-list summary{min-height:72px;font-size:17px;padding-block:22px;gap:20px;line-height:1.65}
 .faq-list summary::after{font-size:23px}
 .faq-list details>div,.faq-list details>p{padding:0 25px 24px 0;font-size:15px;line-height:1.85}
 .faq-list details>div p{font-size:15px;line-height:1.85}
 .editorial-actions{gap:12px;margin-top:28px}
 .editorial-actions .btn{min-height:50px;padding:13px 18px;gap:25px;font-size:13px}
}
@media(max-width:380px){
 .editorial-intro .page-title{font-size:42px}
 .reading-section{grid-template-columns:23px minmax(0,1fr);column-gap:12px}
 .reading-section h2{font-size:22px}
 .editorial-navigation{column-gap:18px}
 .editorial-navigation a{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .editorial-navigation a,.editorial-navigation a::after,.faq-list summary::after{transition:none}
 .faq-list details[open]>div,.faq-list details[open]>p{animation:none}
}