/* Imported Laravel bottom-page designs. Generated by tools/build_legacy_tail_css.py. */
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css";
.yd-tail .yd-tail-article *,.yd-tail .yd-tail-article:before,.yd-tail .yd-tail-article:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.yd-tail .yd-tail-article::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.yd-tail .yd-tail-article *,.yd-tail .yd-tail-article:before,.yd-tail .yd-tail-article:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
.yd-tail .yd-tail-article:before,.yd-tail .yd-tail-article:after{--tw-content: ""}
.yd-tail .yd-tail-article,.yd-tail .yd-tail-article{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Pretendard,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
.yd-tail .yd-tail-article{margin:0;line-height:inherit}
.yd-tail .yd-tail-article hr{height:0;color:inherit;border-top-width:1px}
.yd-tail .yd-tail-article abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
.yd-tail .yd-tail-article h1,.yd-tail .yd-tail-article h2,.yd-tail .yd-tail-article h3,.yd-tail .yd-tail-article h4,.yd-tail .yd-tail-article h5,.yd-tail .yd-tail-article h6{font-size:inherit;font-weight:inherit}
.yd-tail .yd-tail-article a{color:inherit;text-decoration:inherit}
.yd-tail .yd-tail-article b,.yd-tail .yd-tail-article strong{font-weight:bolder}
.yd-tail .yd-tail-article code,.yd-tail .yd-tail-article kbd,.yd-tail .yd-tail-article samp,.yd-tail .yd-tail-article pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
.yd-tail .yd-tail-article small{font-size:80%}
.yd-tail .yd-tail-article sub,.yd-tail .yd-tail-article sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
.yd-tail .yd-tail-article sub{bottom:-.25em}
.yd-tail .yd-tail-article sup{top:-.5em}
.yd-tail .yd-tail-article table{text-indent:0;border-color:inherit;border-collapse:collapse}
.yd-tail .yd-tail-article button,.yd-tail .yd-tail-article input,.yd-tail .yd-tail-article optgroup,.yd-tail .yd-tail-article select,.yd-tail .yd-tail-article textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
.yd-tail .yd-tail-article button,.yd-tail .yd-tail-article select{text-transform:none}
.yd-tail .yd-tail-article button,.yd-tail .yd-tail-article input:where([type=button]),.yd-tail .yd-tail-article input:where([type=reset]),.yd-tail .yd-tail-article input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
.yd-tail .yd-tail-article:-moz-focusring{outline:auto}
.yd-tail .yd-tail-article:-moz-ui-invalid{box-shadow:none}
.yd-tail .yd-tail-article progress{vertical-align:baseline}
.yd-tail .yd-tail-article::-webkit-inner-spin-button,.yd-tail .yd-tail-article::-webkit-outer-spin-button{height:auto}
.yd-tail .yd-tail-article [type=search]{-webkit-appearance:textfield;outline-offset:-2px}
.yd-tail .yd-tail-article::-webkit-search-decoration{-webkit-appearance:none}
.yd-tail .yd-tail-article::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
.yd-tail .yd-tail-article summary{display:list-item}
.yd-tail .yd-tail-article blockquote,.yd-tail .yd-tail-article dl,.yd-tail .yd-tail-article dd,.yd-tail .yd-tail-article h1,.yd-tail .yd-tail-article h2,.yd-tail .yd-tail-article h3,.yd-tail .yd-tail-article h4,.yd-tail .yd-tail-article h5,.yd-tail .yd-tail-article h6,.yd-tail .yd-tail-article hr,.yd-tail .yd-tail-article figure,.yd-tail .yd-tail-article p,.yd-tail .yd-tail-article pre{margin:0}
.yd-tail .yd-tail-article fieldset{margin:0;padding:0}
.yd-tail .yd-tail-article legend{padding:0}
.yd-tail .yd-tail-article ol,.yd-tail .yd-tail-article ul,.yd-tail .yd-tail-article menu{list-style:none;margin:0;padding:0}
.yd-tail .yd-tail-article dialog{padding:0}
.yd-tail .yd-tail-article textarea{resize:vertical}
.yd-tail .yd-tail-article input::-moz-placeholder,.yd-tail .yd-tail-article textarea::-moz-placeholder{opacity:1;color:#9ca3af}
.yd-tail .yd-tail-article input::placeholder,.yd-tail .yd-tail-article textarea::placeholder{opacity:1;color:#9ca3af}
.yd-tail .yd-tail-article button,.yd-tail .yd-tail-article [role=button]{cursor:pointer}
.yd-tail .yd-tail-article:disabled{cursor:default}
.yd-tail .yd-tail-article img,.yd-tail .yd-tail-article svg,.yd-tail .yd-tail-article video,.yd-tail .yd-tail-article canvas,.yd-tail .yd-tail-article audio,.yd-tail .yd-tail-article iframe,.yd-tail .yd-tail-article embed,.yd-tail .yd-tail-article object{display:block;vertical-align:middle}
.yd-tail .yd-tail-article img,.yd-tail .yd-tail-article video{max-width:100%;height:auto}
.yd-tail .yd-tail-article [hidden]:where(:not([hidden=until-found])){display:none}
.yd-tail .yd-tail-article [type=text],.yd-tail .yd-tail-article input:where(:not([type])),.yd-tail .yd-tail-article [type=email],.yd-tail .yd-tail-article [type=url],.yd-tail .yd-tail-article [type=password],.yd-tail .yd-tail-article [type=number],.yd-tail .yd-tail-article [type=date],.yd-tail .yd-tail-article [type=datetime-local],.yd-tail .yd-tail-article [type=month],.yd-tail .yd-tail-article [type=search],.yd-tail .yd-tail-article [type=tel],.yd-tail .yd-tail-article [type=time],.yd-tail .yd-tail-article [type=week],.yd-tail .yd-tail-article [multiple],.yd-tail .yd-tail-article textarea,.yd-tail .yd-tail-article select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}
.yd-tail .yd-tail-article [type=text]:focus,.yd-tail .yd-tail-article input:where(:not([type])):focus,.yd-tail .yd-tail-article [type=email]:focus,.yd-tail .yd-tail-article [type=url]:focus,.yd-tail .yd-tail-article [type=password]:focus,.yd-tail .yd-tail-article [type=number]:focus,.yd-tail .yd-tail-article [type=date]:focus,.yd-tail .yd-tail-article [type=datetime-local]:focus,.yd-tail .yd-tail-article [type=month]:focus,.yd-tail .yd-tail-article [type=search]:focus,.yd-tail .yd-tail-article [type=tel]:focus,.yd-tail .yd-tail-article [type=time]:focus,.yd-tail .yd-tail-article [type=week]:focus,.yd-tail .yd-tail-article [multiple]:focus,.yd-tail .yd-tail-article textarea:focus,.yd-tail .yd-tail-article select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}
.yd-tail .yd-tail-article input::-moz-placeholder,.yd-tail .yd-tail-article textarea::-moz-placeholder{color:#6b7280;opacity:1}
.yd-tail .yd-tail-article input::placeholder,.yd-tail .yd-tail-article textarea::placeholder{color:#6b7280;opacity:1}
.yd-tail .yd-tail-article::-webkit-datetime-edit-fields-wrapper{padding:0}
.yd-tail .yd-tail-article::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}
.yd-tail .yd-tail-article::-webkit-datetime-edit{display:inline-flex}
.yd-tail .yd-tail-article::-webkit-datetime-edit,.yd-tail .yd-tail-article::-webkit-datetime-edit-year-field,.yd-tail .yd-tail-article::-webkit-datetime-edit-month-field,.yd-tail .yd-tail-article::-webkit-datetime-edit-day-field,.yd-tail .yd-tail-article::-webkit-datetime-edit-hour-field,.yd-tail .yd-tail-article::-webkit-datetime-edit-minute-field,.yd-tail .yd-tail-article::-webkit-datetime-edit-second-field,.yd-tail .yd-tail-article::-webkit-datetime-edit-millisecond-field,.yd-tail .yd-tail-article::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}
.yd-tail .yd-tail-article select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.yd-tail .yd-tail-article [multiple],.yd-tail .yd-tail-article [size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}
.yd-tail .yd-tail-article [type=checkbox],.yd-tail .yd-tail-article [type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}
.yd-tail .yd-tail-article [type=checkbox]{border-radius:0}
.yd-tail .yd-tail-article [type=radio]{border-radius:100%}
.yd-tail .yd-tail-article [type=checkbox]:focus,.yd-tail .yd-tail-article [type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.yd-tail .yd-tail-article [type=checkbox]:checked,.yd-tail .yd-tail-article [type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.yd-tail .yd-tail-article [type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}
@media (forced-colors: active){.yd-tail .yd-tail-article [type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}
.yd-tail .yd-tail-article [type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}
@media (forced-colors: active){.yd-tail .yd-tail-article [type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}
.yd-tail .yd-tail-article [type=checkbox]:checked:hover,.yd-tail .yd-tail-article [type=checkbox]:checked:focus,.yd-tail .yd-tail-article [type=radio]:checked:hover,.yd-tail .yd-tail-article [type=radio]:checked:focus{border-color:transparent;background-color:currentColor}
.yd-tail .yd-tail-article [type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}
@media (forced-colors: active){.yd-tail .yd-tail-article [type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}
.yd-tail .yd-tail-article [type=checkbox]:indeterminate:hover,.yd-tail .yd-tail-article [type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}
.yd-tail .yd-tail-article [type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}
.yd-tail .yd-tail-article [type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}
.yd-tail .yd-tail-article,.yd-tail .yd-tail-article,.yd-tail .yd-tail-article button,.yd-tail .yd-tail-article input,.yd-tail .yd-tail-article textarea,.yd-tail .yd-tail-article select{font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
.yd-tail .yd-tail-article .\!container{width:100%!important}
.yd-tail .yd-tail-article .container{width:100%}
@media (min-width: 640px){.yd-tail .yd-tail-article .\!container{max-width:640px!important}
.yd-tail .yd-tail-article .container{max-width:640px}}
@media (min-width: 768px){.yd-tail .yd-tail-article .\!container{max-width:768px!important}
.yd-tail .yd-tail-article .container{max-width:768px}}
@media (min-width: 1024px){.yd-tail .yd-tail-article .\!container{max-width:1024px!important}
.yd-tail .yd-tail-article .container{max-width:1024px}}
@media (min-width: 1280px){.yd-tail .yd-tail-article .\!container{max-width:1280px!important}
.yd-tail .yd-tail-article .container{max-width:1280px}}
@media (min-width: 1536px){.yd-tail .yd-tail-article .\!container{max-width:1536px!important}
.yd-tail .yd-tail-article .container{max-width:1536px}}
.yd-tail .yd-tail-article .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.yd-tail .yd-tail-article .visible{visibility:visible}
.yd-tail .yd-tail-article .collapse{visibility:collapse}
.yd-tail .yd-tail-article .fixed{position:fixed}
.yd-tail .yd-tail-article .absolute{position:absolute}
.yd-tail .yd-tail-article .relative{position:relative}
.yd-tail .yd-tail-article .inset-0{top:0;right:0;bottom:0;left:0}
.yd-tail .yd-tail-article .-bottom-16{bottom:-4rem}
.yd-tail .yd-tail-article .-left-16{left:-4rem}
.yd-tail .yd-tail-article .-left-20{left:-5rem}
.yd-tail .yd-tail-article .end-0{inset-inline-end:0px}
.yd-tail .yd-tail-article .left-0{left:0}
.yd-tail .yd-tail-article .left-96{left:24rem}
.yd-tail .yd-tail-article .right-0{right:0}
.yd-tail .yd-tail-article .start-0{inset-inline-start:0px}
.yd-tail .yd-tail-article .top-0{top:0}
.yd-tail .yd-tail-article .isolate{isolation:isolate}
.yd-tail .yd-tail-article .z-0{z-index:0}
.yd-tail .yd-tail-article .z-10{z-index:10}
.yd-tail .yd-tail-article .z-50{z-index:50}
.yd-tail .yd-tail-article .\!row-span-1{grid-row:span 1 / span 1!important}
.yd-tail .yd-tail-article .float-right{float:right}
.yd-tail .yd-tail-article .m-0{margin:0}
.yd-tail .yd-tail-article .m-1{margin:.25rem}
.yd-tail .yd-tail-article .m-2{margin:.5rem}
.yd-tail .yd-tail-article .m-3{margin:.75rem}
.yd-tail .yd-tail-article .m-32{margin:8rem}
.yd-tail .yd-tail-article .-mx-3{margin-left:-.75rem;margin-right:-.75rem}
.yd-tail .yd-tail-article .mx-0{margin-left:0;margin-right:0}
.yd-tail .yd-tail-article .mx-1{margin-left:.25rem;margin-right:.25rem}
.yd-tail .yd-tail-article .mx-2{margin-left:.5rem;margin-right:.5rem}
.yd-tail .yd-tail-article .mx-3{margin-left:.75rem;margin-right:.75rem}
.yd-tail .yd-tail-article .mx-4{margin-left:1rem;margin-right:1rem}
.yd-tail .yd-tail-article .mx-auto{margin-left:auto;margin-right:auto}
.yd-tail .yd-tail-article .my-1{margin-top:.25rem;margin-bottom:.25rem}
.yd-tail .yd-tail-article .my-2{margin-top:.5rem;margin-bottom:.5rem}
.yd-tail .yd-tail-article .my-3{margin-top:.75rem;margin-bottom:.75rem}
.yd-tail .yd-tail-article .my-4{margin-top:1rem;margin-bottom:1rem}
.yd-tail .yd-tail-article .my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.yd-tail .yd-tail-article .-mb-px{margin-bottom:-1px}
.yd-tail .yd-tail-article .-me-2{margin-inline-end:-.5rem}
.yd-tail .yd-tail-article .-ml-px{margin-left:-1px}
.yd-tail .yd-tail-article .-mt-2{margin-top:-.5rem}
.yd-tail .yd-tail-article .-mt-20{margin-top:-5rem}
.yd-tail .yd-tail-article .mb-0{margin-bottom:0}
.yd-tail .yd-tail-article .mb-0\.5{margin-bottom:.125rem}
.yd-tail .yd-tail-article .mb-1{margin-bottom:.25rem}
.yd-tail .yd-tail-article .mb-12{margin-bottom:3rem}
.yd-tail .yd-tail-article .mb-2{margin-bottom:.5rem}
.yd-tail .yd-tail-article .mb-3{margin-bottom:.75rem}
.yd-tail .yd-tail-article .mb-4{margin-bottom:1rem}
.yd-tail .yd-tail-article .mb-5{margin-bottom:1.25rem}
.yd-tail .yd-tail-article .mb-6{margin-bottom:1.5rem}
.yd-tail .yd-tail-article .mb-8{margin-bottom:2rem}
.yd-tail .yd-tail-article .ml-1{margin-left:.25rem}
.yd-tail .yd-tail-article .ml-2{margin-left:.5rem}
.yd-tail .yd-tail-article .ml-3{margin-left:.75rem}
.yd-tail .yd-tail-article .ml-4{margin-left:1rem}
.yd-tail .yd-tail-article .ml-auto{margin-left:auto}
.yd-tail .yd-tail-article .mr-1{margin-right:.25rem}
.yd-tail .yd-tail-article .mr-2{margin-right:.5rem}
.yd-tail .yd-tail-article .mr-3{margin-right:.75rem}
.yd-tail .yd-tail-article .mr-auto{margin-right:auto}
.yd-tail .yd-tail-article .ms-1{margin-inline-start:.25rem}
.yd-tail .yd-tail-article .ms-2{margin-inline-start:.5rem}
.yd-tail .yd-tail-article .ms-3{margin-inline-start:.75rem}
.yd-tail .yd-tail-article .ms-4{margin-inline-start:1rem}
.yd-tail .yd-tail-article .mt-0{margin-top:0}
.yd-tail .yd-tail-article .mt-1{margin-top:.25rem}
.yd-tail .yd-tail-article .mt-10{margin-top:2.5rem}
.yd-tail .yd-tail-article .mt-12{margin-top:3rem}
.yd-tail .yd-tail-article .mt-2{margin-top:.5rem}
.yd-tail .yd-tail-article .mt-3{margin-top:.75rem}
.yd-tail .yd-tail-article .mt-4{margin-top:1rem}
.yd-tail .yd-tail-article .mt-5{margin-top:1.25rem}
.yd-tail .yd-tail-article .mt-6{margin-top:1.5rem}
.yd-tail .yd-tail-article .mt-8{margin-top:2rem}
.yd-tail .yd-tail-article .mt-\[2px\]{margin-top:2px}
.yd-tail .yd-tail-article .line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.yd-tail .yd-tail-article .line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.yd-tail .yd-tail-article .block{display:block}
.yd-tail .yd-tail-article .inline-block{display:inline-block}
.yd-tail .yd-tail-article .flex{display:flex}
.yd-tail .yd-tail-article .inline-flex{display:inline-flex}
.yd-tail .yd-tail-article .table{display:table}
.yd-tail .yd-tail-article .grid{display:grid}
.yd-tail .yd-tail-article .list-item{display:list-item}
.yd-tail .yd-tail-article .\!hidden{display:none!important}
.yd-tail .yd-tail-article .hidden{display:none}
.yd-tail .yd-tail-article .aspect-\[375\/100\]{aspect-ratio:375/100}
.yd-tail .yd-tail-article .aspect-\[800\/100\]{aspect-ratio:800/100}
.yd-tail .yd-tail-article .aspect-video{aspect-ratio:16 / 9}
.yd-tail .yd-tail-article .size-10{width:2.5rem;height:2.5rem}
.yd-tail .yd-tail-article .size-12{width:3rem;height:3rem}
.yd-tail .yd-tail-article .size-5{width:1.25rem;height:1.25rem}
.yd-tail .yd-tail-article .size-6{width:1.5rem;height:1.5rem}
.yd-tail .yd-tail-article .h-0{height:0px}
.yd-tail .yd-tail-article .h-1{height:.25rem}
.yd-tail .yd-tail-article .h-10{height:2.5rem}
.yd-tail .yd-tail-article .h-12{height:3rem}
.yd-tail .yd-tail-article .h-16{height:4rem}
.yd-tail .yd-tail-article .h-2{height:.5rem}
.yd-tail .yd-tail-article .h-20{height:5rem}
.yd-tail .yd-tail-article .h-3{height:.75rem}
.yd-tail .yd-tail-article .h-32{height:8rem}
.yd-tail .yd-tail-article .h-4{height:1rem}
.yd-tail .yd-tail-article .h-40{height:10rem}
.yd-tail .yd-tail-article .h-48{height:12rem}
.yd-tail .yd-tail-article .h-5{height:1.25rem}
.yd-tail .yd-tail-article .h-56{height:14rem}
.yd-tail .yd-tail-article .h-6{height:1.5rem}
.yd-tail .yd-tail-article .h-8{height:2rem}
.yd-tail .yd-tail-article .h-9{height:2.25rem}
.yd-tail .yd-tail-article .h-\[450px\]{height:450px}
.yd-tail .yd-tail-article .h-auto{height:auto}
.yd-tail .yd-tail-article .h-full{height:100%}
.yd-tail .yd-tail-article .h-screen{height:100vh}
.yd-tail .yd-tail-article .max-h-full{max-height:100%}
.yd-tail .yd-tail-article .min-h-screen{min-height:100vh}
.yd-tail .yd-tail-article .w-1\/12{width:8.333333%}
.yd-tail .yd-tail-article .w-1\/2{width:50%}
.yd-tail .yd-tail-article .w-1\/4{width:25%}
.yd-tail .yd-tail-article .w-1\/6{width:16.666667%}
.yd-tail .yd-tail-article .w-10\/12{width:83.333333%}
.yd-tail .yd-tail-article .w-12{width:3rem}
.yd-tail .yd-tail-article .w-16{width:4rem}
.yd-tail .yd-tail-article .w-2{width:.5rem}
.yd-tail .yd-tail-article .w-2\/12{width:16.666667%}
.yd-tail .yd-tail-article .w-20{width:5rem}
.yd-tail .yd-tail-article .w-24{width:6rem}
.yd-tail .yd-tail-article .w-28{width:7rem}
.yd-tail .yd-tail-article .w-3{width:.75rem}
.yd-tail .yd-tail-article .w-3\/4{width:75%}
.yd-tail .yd-tail-article .w-32{width:8rem}
.yd-tail .yd-tail-article .w-4{width:1rem}
.yd-tail .yd-tail-article .w-4\/6{width:66.666667%}
.yd-tail .yd-tail-article .w-40{width:10rem}
.yd-tail .yd-tail-article .w-48{width:12rem}
.yd-tail .yd-tail-article .w-5{width:1.25rem}
.yd-tail .yd-tail-article .w-6{width:1.5rem}
.yd-tail .yd-tail-article .w-6\/12{width:50%}
.yd-tail .yd-tail-article .w-8{width:2rem}
.yd-tail .yd-tail-article .w-80{width:20rem}
.yd-tail .yd-tail-article .w-\[320px\]{width:320px}
.yd-tail .yd-tail-article .w-\[350px\]{width:350px}
.yd-tail .yd-tail-article .w-\[calc\(100\%_\+_8rem\)\]{width:calc(100% + 8rem)}
.yd-tail .yd-tail-article .w-auto{width:auto}
.yd-tail .yd-tail-article .w-full{width:100%}
.yd-tail .yd-tail-article .w-screen{width:100vw}
.yd-tail .yd-tail-article .min-w-0{min-width:0px}
.yd-tail .yd-tail-article .max-w-2xl{max-width:42rem}
.yd-tail .yd-tail-article .max-w-4xl{max-width:56rem}
.yd-tail .yd-tail-article .max-w-7xl{max-width:80rem}
.yd-tail .yd-tail-article .max-w-\[877px\]{max-width:877px}
.yd-tail .yd-tail-article .max-w-md{max-width:28rem}
.yd-tail .yd-tail-article .max-w-sm{max-width:24rem}
.yd-tail .yd-tail-article .max-w-xl{max-width:36rem}
.yd-tail .yd-tail-article .flex-1{flex:1 1 0%}
.yd-tail .yd-tail-article .flex-initial{flex:0 1 auto}
.yd-tail .yd-tail-article .flex-none{flex:none}
.yd-tail .yd-tail-article .flex-shrink{flex-shrink:1}
.yd-tail .yd-tail-article .flex-shrink-0,.yd-tail .yd-tail-article .shrink-0{flex-shrink:0}
.yd-tail .yd-tail-article .flex-grow{flex-grow:1}
.yd-tail .yd-tail-article .table-auto{table-layout:auto}
.yd-tail .yd-tail-article .border-collapse{border-collapse:collapse}
.yd-tail .yd-tail-article .origin-top{transform-origin:top}
.yd-tail .yd-tail-article .origin-top-right{transform-origin:top right}
.yd-tail .yd-tail-article .translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .cursor-default{cursor:default}
.yd-tail .yd-tail-article .cursor-not-allowed{cursor:not-allowed}
.yd-tail .yd-tail-article .cursor-pointer{cursor:pointer}
.yd-tail .yd-tail-article .resize{resize:both}
.yd-tail .yd-tail-article .list-inside{list-style-position:inside}
.yd-tail .yd-tail-article .list-outside{list-style-position:outside}
.yd-tail .yd-tail-article .list-decimal{list-style-type:decimal}
.yd-tail .yd-tail-article .list-disc{list-style-type:disc}
.yd-tail .yd-tail-article .list-none{list-style-type:none}
.yd-tail .yd-tail-article .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.yd-tail .yd-tail-article .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.yd-tail .yd-tail-article .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.yd-tail .yd-tail-article .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.yd-tail .yd-tail-article .\!flex-row{flex-direction:row!important}
.yd-tail .yd-tail-article .flex-col{flex-direction:column}
.yd-tail .yd-tail-article .flex-wrap{flex-wrap:wrap}
.yd-tail .yd-tail-article .content-center{align-content:center}
.yd-tail .yd-tail-article .content-end{align-content:flex-end}
.yd-tail .yd-tail-article .items-start{align-items:flex-start}
.yd-tail .yd-tail-article .items-end{align-items:flex-end}
.yd-tail .yd-tail-article .items-center{align-items:center}
.yd-tail .yd-tail-article .items-baseline{align-items:baseline}
.yd-tail .yd-tail-article .items-stretch{align-items:stretch}
.yd-tail .yd-tail-article .justify-start{justify-content:flex-start}
.yd-tail .yd-tail-article .justify-end{justify-content:flex-end}
.yd-tail .yd-tail-article .justify-center{justify-content:center}
.yd-tail .yd-tail-article .justify-between{justify-content:space-between}
.yd-tail .yd-tail-article .justify-around{justify-content:space-around}
.yd-tail .yd-tail-article .justify-items-center{justify-items:center}
.yd-tail .yd-tail-article .gap-0{gap:0px}
.yd-tail .yd-tail-article .gap-2{gap:.5rem}
.yd-tail .yd-tail-article .gap-3{gap:.75rem}
.yd-tail .yd-tail-article .gap-4{gap:1rem}
.yd-tail .yd-tail-article .gap-6{gap:1.5rem}
.yd-tail .yd-tail-article .space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}
.yd-tail .yd-tail-article .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}
.yd-tail .yd-tail-article .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}
.yd-tail .yd-tail-article .space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}
.yd-tail .yd-tail-article .space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}
.yd-tail .yd-tail-article .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}
.yd-tail .yd-tail-article .space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}
.yd-tail .yd-tail-article .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}
.yd-tail .yd-tail-article .space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}
.yd-tail .yd-tail-article .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}
.yd-tail .yd-tail-article .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.yd-tail .yd-tail-article .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.yd-tail .yd-tail-article .space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}
.yd-tail .yd-tail-article .self-center{align-self:center}
.yd-tail .yd-tail-article .overflow-hidden{overflow:hidden}
.yd-tail .yd-tail-article .overflow-x-auto{overflow-x:auto}
.yd-tail .yd-tail-article .overflow-y-auto{overflow-y:auto}
.yd-tail .yd-tail-article .overflow-y-hidden{overflow-y:hidden}
.yd-tail .yd-tail-article .overflow-y-scroll{overflow-y:scroll}
.yd-tail .yd-tail-article .whitespace-nowrap{white-space:nowrap}
.yd-tail .yd-tail-article .break-all{word-break:break-all}
.yd-tail .yd-tail-article .rounded{border-radius:.25rem}
.yd-tail .yd-tail-article .rounded-\[10px\]{border-radius:10px}
.yd-tail .yd-tail-article .rounded-full{border-radius:9999px}
.yd-tail .yd-tail-article .rounded-lg{border-radius:.5rem}
.yd-tail .yd-tail-article .rounded-md{border-radius:.375rem}
.yd-tail .yd-tail-article .rounded-sm{border-radius:.125rem}
.yd-tail .yd-tail-article .rounded-xl{border-radius:.75rem}
.yd-tail .yd-tail-article .rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.yd-tail .yd-tail-article .rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}
.yd-tail .yd-tail-article .rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.yd-tail .yd-tail-article .rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}
.yd-tail .yd-tail-article .rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.yd-tail .yd-tail-article .border{border-width:1px}
.yd-tail .yd-tail-article .border-2{border-width:2px}
.yd-tail .yd-tail-article .border-8{border-width:8px}
.yd-tail .yd-tail-article .border-x{border-left-width:1px;border-right-width:1px}
.yd-tail .yd-tail-article .border-b{border-bottom-width:1px}
.yd-tail .yd-tail-article .border-b-2{border-bottom-width:2px}
.yd-tail .yd-tail-article .border-l{border-left-width:1px}
.yd-tail .yd-tail-article .border-l-2{border-left-width:2px}
.yd-tail .yd-tail-article .border-l-4{border-left-width:4px}
.yd-tail .yd-tail-article .border-r{border-right-width:1px}
.yd-tail .yd-tail-article .border-t{border-top-width:1px}
.yd-tail .yd-tail-article .border-t-0{border-top-width:0px}
.yd-tail .yd-tail-article .border-t-2{border-top-width:2px}
.yd-tail .yd-tail-article .border-dashed{border-style:dashed}
.yd-tail .yd-tail-article .border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-teal-600{--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-transparent{border-color:transparent}
.yd-tail .yd-tail-article .border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .border-white\/20{border-color:#fff3}
.yd-tail .yd-tail-article .bg-\[\#FF2D20\]\/10{background-color:#ff2d201a}
.yd-tail .yd-tail-article .bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-brand-red{--tw-bg-opacity: 1;background-color:rgb(222 53 46 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-green-300{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-red-700{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-transparent{background-color:transparent}
.yd-tail .yd-tail-article .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .bg-opacity-50{--tw-bg-opacity: .5}
.yd-tail .yd-tail-article .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.yd-tail .yd-tail-article .from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.yd-tail .yd-tail-article .via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}
.yd-tail .yd-tail-article .via-zinc-900{--tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to)}
.yd-tail .yd-tail-article .to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}
.yd-tail .yd-tail-article .to-zinc-900{--tw-gradient-to: #18181b var(--tw-gradient-to-position)}
.yd-tail .yd-tail-article .fill-current{fill:currentColor}
.yd-tail .yd-tail-article .stroke-\[\#FF2D20\]{stroke:#ff2d20}
.yd-tail .yd-tail-article .stroke-current{stroke:currentColor}
.yd-tail .yd-tail-article .object-contain{-o-object-fit:contain;object-fit:contain}
.yd-tail .yd-tail-article .object-cover{-o-object-fit:cover;object-fit:cover}
.yd-tail .yd-tail-article .object-fill{-o-object-fit:fill;object-fit:fill}
.yd-tail .yd-tail-article .object-none{-o-object-fit:none;object-fit:none}
.yd-tail .yd-tail-article .object-top{-o-object-position:top;object-position:top}
.yd-tail .yd-tail-article .p-0{padding:0}
.yd-tail .yd-tail-article .p-1{padding:.25rem}
.yd-tail .yd-tail-article .p-2{padding:.5rem}
.yd-tail .yd-tail-article .p-3{padding:.75rem}
.yd-tail .yd-tail-article .p-4{padding:1rem}
.yd-tail .yd-tail-article .p-5{padding:1.25rem}
.yd-tail .yd-tail-article .p-6{padding:1.5rem}
.yd-tail .yd-tail-article .p-8{padding:2rem}
.yd-tail .yd-tail-article .px-1{padding-left:.25rem;padding-right:.25rem}
.yd-tail .yd-tail-article .px-2{padding-left:.5rem;padding-right:.5rem}
.yd-tail .yd-tail-article .px-3{padding-left:.75rem;padding-right:.75rem}
.yd-tail .yd-tail-article .px-4{padding-left:1rem;padding-right:1rem}
.yd-tail .yd-tail-article .px-5{padding-left:1.25rem;padding-right:1.25rem}
.yd-tail .yd-tail-article .px-6{padding-left:1.5rem;padding-right:1.5rem}
.yd-tail .yd-tail-article .px-8{padding-left:2rem;padding-right:2rem}
.yd-tail .yd-tail-article .px-\[10px\]{padding-left:10px;padding-right:10px}
.yd-tail .yd-tail-article .py-0{padding-top:0;padding-bottom:0}
.yd-tail .yd-tail-article .py-1{padding-top:.25rem;padding-bottom:.25rem}
.yd-tail .yd-tail-article .py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.yd-tail .yd-tail-article .py-12{padding-top:3rem;padding-bottom:3rem}
.yd-tail .yd-tail-article .py-16{padding-top:4rem;padding-bottom:4rem}
.yd-tail .yd-tail-article .py-2{padding-top:.5rem;padding-bottom:.5rem}
.yd-tail .yd-tail-article .py-3{padding-top:.75rem;padding-bottom:.75rem}
.yd-tail .yd-tail-article .py-4{padding-top:1rem;padding-bottom:1rem}
.yd-tail .yd-tail-article .py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.yd-tail .yd-tail-article .py-8{padding-top:2rem;padding-bottom:2rem}
.yd-tail .yd-tail-article .pb-1{padding-bottom:.25rem}
.yd-tail .yd-tail-article .pb-2{padding-bottom:.5rem}
.yd-tail .yd-tail-article .pb-3{padding-bottom:.75rem}
.yd-tail .yd-tail-article .pb-4{padding-bottom:1rem}
.yd-tail .yd-tail-article .pb-6{padding-bottom:1.5rem}
.yd-tail .yd-tail-article .pe-4{padding-inline-end:1rem}
.yd-tail .yd-tail-article .pl-2{padding-left:.5rem}
.yd-tail .yd-tail-article .pl-3{padding-left:.75rem}
.yd-tail .yd-tail-article .pl-4{padding-left:1rem}
.yd-tail .yd-tail-article .pl-5{padding-left:1.25rem}
.yd-tail .yd-tail-article .pl-6{padding-left:1.5rem}
.yd-tail .yd-tail-article .pr-0{padding-right:0}
.yd-tail .yd-tail-article .pr-0\.5{padding-right:.125rem}
.yd-tail .yd-tail-article .pr-1{padding-right:.25rem}
.yd-tail .yd-tail-article .pr-2{padding-right:.5rem}
.yd-tail .yd-tail-article .pr-3{padding-right:.75rem}
.yd-tail .yd-tail-article .pr-4{padding-right:1rem}
.yd-tail .yd-tail-article .ps-3{padding-inline-start:.75rem}
.yd-tail .yd-tail-article .pt-0{padding-top:0}
.yd-tail .yd-tail-article .pt-1{padding-top:.25rem}
.yd-tail .yd-tail-article .pt-2{padding-top:.5rem}
.yd-tail .yd-tail-article .pt-3{padding-top:.75rem}
.yd-tail .yd-tail-article .pt-4{padding-top:1rem}
.yd-tail .yd-tail-article .pt-6{padding-top:1.5rem}
.yd-tail .yd-tail-article .text-left{text-align:left}
.yd-tail .yd-tail-article .text-center{text-align:center}
.yd-tail .yd-tail-article .text-right{text-align:right}
.yd-tail .yd-tail-article .text-start{text-align:start}
.yd-tail .yd-tail-article .align-baseline{vertical-align:baseline}
.yd-tail .yd-tail-article .align-top{vertical-align:top}
.yd-tail .yd-tail-article .align-middle{vertical-align:middle}
.yd-tail .yd-tail-article .align-bottom{vertical-align:bottom}
.yd-tail .yd-tail-article .font-sans{font-family:Pretendard,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}
.yd-tail .yd-tail-article .font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}
.yd-tail .yd-tail-article .text-2xl{font-size:1.5rem;line-height:2rem}
.yd-tail .yd-tail-article .text-3xl{font-size:1.875rem;line-height:2.25rem}
.yd-tail .yd-tail-article .text-base{font-size:1rem;line-height:1.5rem}
.yd-tail .yd-tail-article .text-lg{font-size:1.125rem;line-height:1.75rem}
.yd-tail .yd-tail-article .text-sm{font-size:.875rem;line-height:1.25rem}
.yd-tail .yd-tail-article .text-sm\/6{font-size:.875rem;line-height:1.5rem}
.yd-tail .yd-tail-article .text-sm\/relaxed{font-size:.875rem;line-height:1.625}
.yd-tail .yd-tail-article .text-xl{font-size:1.25rem;line-height:1.75rem}
.yd-tail .yd-tail-article .text-xs{font-size:.75rem;line-height:1rem}
.yd-tail .yd-tail-article .font-black{font-weight:900}
.yd-tail .yd-tail-article .font-bold{font-weight:700}
.yd-tail .yd-tail-article .font-extrabold{font-weight:800}
.yd-tail .yd-tail-article .font-light{font-weight:300}
.yd-tail .yd-tail-article .font-medium{font-weight:500}
.yd-tail .yd-tail-article .font-normal{font-weight:400}
.yd-tail .yd-tail-article .font-semibold{font-weight:600}
.yd-tail .yd-tail-article .uppercase{text-transform:uppercase}
.yd-tail .yd-tail-article .italic{font-style:italic}
.yd-tail .yd-tail-article .leading-4{line-height:1rem}
.yd-tail .yd-tail-article .leading-5{line-height:1.25rem}
.yd-tail .yd-tail-article .leading-none{line-height:1}
.yd-tail .yd-tail-article .leading-relaxed{line-height:1.625}
.yd-tail .yd-tail-article .leading-tight{line-height:1.25}
.yd-tail .yd-tail-article .tracking-widest{letter-spacing:.1em}
.yd-tail .yd-tail-article .text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-black\/50{color:#00000080}
.yd-tail .yd-tail-article .text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-brand-dark{--tw-text-opacity: 1;color:rgb(33 47 63 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-brand-red{--tw-text-opacity: 1;color:rgb(222 53 46 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-text-secondary{--tw-text-opacity: 1;color:rgb(57 57 57 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .underline{text-decoration-line:underline}
.yd-tail .yd-tail-article .no-underline{text-decoration-line:none}
.yd-tail .yd-tail-article .decoration-indigo-300{text-decoration-color:#a5b4fc}
.yd-tail .yd-tail-article .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.yd-tail .yd-tail-article .opacity-0{opacity:0}
.yd-tail .yd-tail-article .opacity-100{opacity:1}
.yd-tail .yd-tail-article .opacity-50{opacity:.5}
.yd-tail .yd-tail-article .opacity-75{opacity:.75}
.yd-tail .yd-tail-article .opacity-80{opacity:.8}
.yd-tail .yd-tail-article .opacity-85{opacity:.85}
.yd-tail .yd-tail-article .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.yd-tail .yd-tail-article .shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.yd-tail .yd-tail-article .shadow-\[0px_14px_34px_0px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0px 14px 34px 0px rgba(0,0,0,.08);--tw-shadow-colored: 0px 14px 34px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.yd-tail .yd-tail-article .shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.yd-tail .yd-tail-article .shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.yd-tail .yd-tail-article .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.yd-tail .yd-tail-article .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.yd-tail .yd-tail-article .shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.yd-tail .yd-tail-article .outline{outline-style:solid}
.yd-tail .yd-tail-article .ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.yd-tail .yd-tail-article .ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.yd-tail .yd-tail-article .ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .ring-transparent{--tw-ring-color: transparent}
.yd-tail .yd-tail-article .ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .ring-white\/\[0\.05\]{--tw-ring-color: rgb(255 255 255 / .05)}
.yd-tail .yd-tail-article .ring-zinc-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(39 39 42 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .ring-opacity-5{--tw-ring-opacity: .05}
.yd-tail .yd-tail-article .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.yd-tail .yd-tail-article .drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.yd-tail .yd-tail-article .drop-shadow-\[0px_4px_34px_rgba\(0\,0\,0\,0\.06\)\]{--tw-drop-shadow: drop-shadow(0px 4px 34px rgba(0,0,0,.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.yd-tail .yd-tail-article .drop-shadow-\[0px_4px_34px_rgba\(0\,0\,0\,0\.25\)\]{--tw-drop-shadow: drop-shadow(0px 4px 34px rgba(0,0,0,.25));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.yd-tail .yd-tail-article .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.yd-tail .yd-tail-article .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.yd-tail .yd-tail-article .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.yd-tail .yd-tail-article .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.yd-tail .yd-tail-article .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.yd-tail .yd-tail-article .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.yd-tail .yd-tail-article .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.yd-tail .yd-tail-article .duration-100{transition-duration:.1s}
.yd-tail .yd-tail-article .duration-150{transition-duration:.15s}
.yd-tail .yd-tail-article .duration-200{transition-duration:.2s}
.yd-tail .yd-tail-article .duration-300{transition-duration:.3s}
.yd-tail .yd-tail-article .duration-75{transition-duration:75ms}
.yd-tail .yd-tail-article .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}
.yd-tail .yd-tail-article .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.yd-tail .yd-tail-article .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
.yd-tail .yd-tail-article [x-cloak]{display:none}
.yd-tail .yd-tail-article .aspect-16x9{aspect-ratio:16 / 9;width:100%;height:auto}
.yd-tail .yd-tail-article .aspect-16x9>iframe{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}
.yd-tail .yd-tail-article .aspect-4x3{aspect-ratio:4 / 3;width:100%;height:auto}
.yd-tail .yd-tail-article .label-cap{z-index:2;font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;top:-11px;letter-spacing:1px;width:140px;padding:20px 0 3px;right:-60px;position:absolute;text-align:center;font-weight:400;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.yd-tail .yd-tail-article .page-box{font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;text-decoration:none;cursor:pointer;vertical-align:top;display:inline-block;margin-right:5px}
.yd-tail .yd-tail-article .page-box-not-selected,.yd-tail .yd-tail-article .page-box-selected,.yd-tail .yd-tail-article .page-nav{font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;text-decoration:none;cursor:pointer;vertical-align:top;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;border-radius:4px;font-size:12px;line-height:1}
.yd-tail .yd-tail-article .page-box-not-selected{min-width:30px;height:30px;padding:0 8px;border:1px solid #d6d6d6;background:#fff;color:#888}
.yd-tail .yd-tail-article .page-box-selected{min-width:30px;height:30px;padding:0 8px;border:1px solid #4886cf;background:#4886cf;color:#fff}
.yd-tail .yd-tail-article .page-nav{min-width:44px;height:30px;padding:0 10px;border:1px solid #d6d6d6;background:#fff;color:#666}
.yd-tail .yd-tail-article .page-nav:hover,.yd-tail .yd-tail-article .page-box-not-selected:hover{border-color:#4886cf;color:#4886cf}
.yd-tail .yd-tail-article .page-right{margin-right:0}
.yd-tail .yd-tail-article .top-menu-color{background-color:#337ab7;color:#fff}
.yd-tail .yd-tail-article .top-menu-color-dark{background-color:#1a598f;color:#fff}
.yd-tail .yd-tail-article .f-color-green{background-color:#8cc346}
.yd-tail .yd-tail-article .f-color-red{background-color:#e91b23}
.yd-tail .yd-tail-article .color-red-dark{background-color:#d6131b}
.yd-tail .yd-tail-article .text-color-red{color:#d1181e}
.yd-tail .yd-tail-article .color-red{background-color:#d1181e}
.yd-tail .yd-tail-article .text-menu-color-green{color:#172c25}
.yd-tail .yd-tail-article .menu-color-green{background-color:#172c25}
.yd-tail .yd-tail-article .border-color-green-2{border-bottom-width:2px;border-color:#172c25}
.yd-tail .yd-tail-article .border-color-green-4{border-bottom-width:4px;border-color:#172c25}
.yd-tail .yd-tail-article .border-color-green-1{border-bottom-width:1px;border-color:#172c25}
.yd-tail .yd-tail-article .popup-pc{position:absolute;top:530px;left:25px}
.yd-tail .yd-tail-article .popup-pc2{position:absolute;top:530px;left:355px}
.yd-tail .yd-tail-article .popup-pc3{position:absolute;top:530px;left:685px}
.yd-tail .yd-tail-article .popup-pc4{position:absolute;top:815px;left:25px}
.yd-tail .yd-tail-article .popup-pc5{position:absolute;top:815px;left:355px}
.yd-tail .yd-tail-article .popup-pc6{position:absolute;top:815px;left:685px}
.yd-tail .yd-tail-article .section-title{position:relative;padding-left:1rem;border-left:4px solid #3b82f6}
.yd-tail .yd-tail-article .fade-in{animation:fadeIn .8s ease-in-out}
@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.yd-tail .yd-tail-article .selection\:bg-\[\#FF2D20\] *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .selection\:bg-\[\#FF2D20\] *::selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .selection\:text-white *::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .selection\:text-white *::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .selection\:bg-\[\#FF2D20\]::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .selection\:bg-\[\#FF2D20\]::selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .selection\:text-white::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .selection\:text-white::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:translate-x-1:hover{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-indigo-100:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-indigo-600:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-purple-400:hover{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:bg-red-800:hover{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .hover\:font-semibold:hover{font-weight:600}
.yd-tail .yd-tail-article .hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-black\/70:hover{color:#000000b3}
.yd-tail .yd-tail-article .hover\:text-blue-400:hover{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-indigo-800:hover{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-sky-500:hover{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .hover\:underline:hover{text-decoration-line:underline}
.yd-tail .yd-tail-article .hover\:opacity-100:hover{opacity:1}
.yd-tail .yd-tail-article .hover\:ring-black\/20:hover{--tw-ring-color: rgb(0 0 0 / .2)}
.yd-tail .yd-tail-article .focus\:z-10:focus{z-index:10}
.yd-tail .yd-tail-article .focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .focus\:border-gray-300:focus{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .focus\:border-indigo-700:focus{--tw-border-opacity: 1;border-color:rgb(67 56 202 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .focus\:border-orange-500:focus{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .focus\:bg-gray-100:focus{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .focus\:bg-gray-50:focus{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .focus\:bg-gray-700:focus{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .focus\:bg-indigo-100:focus{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .focus\:text-gray-500:focus{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .focus\:text-gray-700:focus{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .focus\:text-gray-800:focus{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .focus\:text-indigo-800:focus{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.yd-tail .yd-tail-article .focus\:ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.yd-tail .yd-tail-article .focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.yd-tail .yd-tail-article .focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.yd-tail .yd-tail-article .focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}
.yd-tail .yd-tail-article .focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.yd-tail .yd-tail-article .focus-visible\:ring-\[\#FF2D20\]:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 45 32 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .active\:translate-y-1:active{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .active\:bg-gray-900:active{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .active\:bg-red-700:active{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .active\:text-gray-500:active{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .disabled\:opacity-25:disabled{opacity:.25}
@media (min-width: 640px){.yd-tail .yd-tail-article .sm\:relative{position:relative}
.yd-tail .yd-tail-article .sm\:-my-px{margin-top:-1px;margin-bottom:-1px}
.yd-tail .yd-tail-article .sm\:mx-auto{margin-left:auto;margin-right:auto}
.yd-tail .yd-tail-article .sm\:ms-10{margin-inline-start:2.5rem}
.yd-tail .yd-tail-article .sm\:ms-6{margin-inline-start:1.5rem}
.yd-tail .yd-tail-article .sm\:mt-2{margin-top:.5rem}
.yd-tail .yd-tail-article .sm\:line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.yd-tail .yd-tail-article .sm\:block{display:block}
.yd-tail .yd-tail-article .sm\:flex{display:flex}
.yd-tail .yd-tail-article .sm\:hidden{display:none}
.yd-tail .yd-tail-article .sm\:size-16{width:4rem;height:4rem}
.yd-tail .yd-tail-article .sm\:size-6{width:1.5rem;height:1.5rem}
.yd-tail .yd-tail-article .sm\:h-48{height:12rem}
.yd-tail .yd-tail-article .sm\:w-1\/2{width:50%}
.yd-tail .yd-tail-article .sm\:w-1\/3{width:33.333333%}
.yd-tail .yd-tail-article .sm\:w-1\/4{width:25%}
.yd-tail .yd-tail-article .sm\:w-1\/6{width:16.666667%}
.yd-tail .yd-tail-article .sm\:w-2\/3{width:66.666667%}
.yd-tail .yd-tail-article .sm\:w-auto{width:auto}
.yd-tail .yd-tail-article .sm\:w-full{width:100%}
.yd-tail .yd-tail-article .sm\:min-w-\[1152px\]{min-width:1152px}
.yd-tail .yd-tail-article .sm\:max-w-2xl{max-width:42rem}
.yd-tail .yd-tail-article .sm\:max-w-6xl{max-width:72rem}
.yd-tail .yd-tail-article .sm\:max-w-lg{max-width:32rem}
.yd-tail .yd-tail-article .sm\:max-w-md{max-width:28rem}
.yd-tail .yd-tail-article .sm\:max-w-sm{max-width:24rem}
.yd-tail .yd-tail-article .sm\:max-w-xl{max-width:36rem}
.yd-tail .yd-tail-article .sm\:flex-1{flex:1 1 0%}
.yd-tail .yd-tail-article .sm\:flex-none{flex:none}
.yd-tail .yd-tail-article .sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .sm\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .sm\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.yd-tail .yd-tail-article .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.yd-tail .yd-tail-article .sm\:flex-row{flex-direction:row}
.yd-tail .yd-tail-article .sm\:content-end{align-content:flex-end}
.yd-tail .yd-tail-article .sm\:items-start{align-items:flex-start}
.yd-tail .yd-tail-article .sm\:items-end{align-items:flex-end}
.yd-tail .yd-tail-article .sm\:items-center{align-items:center}
.yd-tail .yd-tail-article .sm\:justify-center{justify-content:center}
.yd-tail .yd-tail-article .sm\:justify-between{justify-content:space-between}
.yd-tail .yd-tail-article .sm\:gap-8{gap:2rem}
.yd-tail .yd-tail-article .sm\:overflow-x-auto{overflow-x:auto}
.yd-tail .yd-tail-article .sm\:rounded-lg{border-radius:.5rem}
.yd-tail .yd-tail-article .sm\:p-8{padding:2rem}
.yd-tail .yd-tail-article .sm\:px-0{padding-left:0;padding-right:0}
.yd-tail .yd-tail-article .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.yd-tail .yd-tail-article .sm\:py-4{padding-top:1rem;padding-bottom:1rem}
.yd-tail .yd-tail-article .sm\:pt-0{padding-top:0}
.yd-tail .yd-tail-article .sm\:pt-5{padding-top:1.25rem}
.yd-tail .yd-tail-article .sm\:text-right{text-align:right}}
@media (min-width: 768px){.yd-tail .yd-tail-article .md\:relative{position:relative}
.yd-tail .yd-tail-article .md\:row-span-3{grid-row:span 3 / span 3}
.yd-tail .yd-tail-article .md\:mb-0{margin-bottom:0}
.yd-tail .yd-tail-article .md\:flex{display:flex}
.yd-tail .yd-tail-article .md\:hidden{display:none}
.yd-tail .yd-tail-article .md\:w-1\/3{width:33.333333%}
.yd-tail .yd-tail-article .md\:w-2\/3{width:66.666667%}
.yd-tail .yd-tail-article .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.yd-tail .yd-tail-article .md\:items-center{align-items:center}
.yd-tail .yd-tail-article .md\:p-6{padding:1.5rem}
.yd-tail .yd-tail-article .md\:px-10{padding-left:2.5rem;padding-right:2.5rem}
.yd-tail .yd-tail-article .md\:py-12{padding-top:3rem;padding-bottom:3rem}
.yd-tail .yd-tail-article .md\:text-right{text-align:right}
.yd-tail .yd-tail-article .md\:text-2xl{font-size:1.5rem;line-height:2rem}
.yd-tail .yd-tail-article .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
.yd-tail .yd-tail-article .md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}
@media (min-width: 1024px){.yd-tail .yd-tail-article .lg\:col-start-2{grid-column-start:2}
.yd-tail .yd-tail-article .lg\:h-16{height:4rem}
.yd-tail .yd-tail-article .lg\:max-w-7xl{max-width:80rem}
.yd-tail .yd-tail-article .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.yd-tail .yd-tail-article .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.yd-tail .yd-tail-article .lg\:flex-col{flex-direction:column}
.yd-tail .yd-tail-article .lg\:items-end{align-items:flex-end}
.yd-tail .yd-tail-article .lg\:justify-center{justify-content:center}
.yd-tail .yd-tail-article .lg\:gap-8{gap:2rem}
.yd-tail .yd-tail-article .lg\:p-10{padding:2.5rem}
.yd-tail .yd-tail-article .lg\:px-4{padding-left:1rem;padding-right:1rem}
.yd-tail .yd-tail-article .lg\:px-8{padding-left:2rem;padding-right:2rem}
.yd-tail .yd-tail-article .lg\:pb-10{padding-bottom:2.5rem}
.yd-tail .yd-tail-article .lg\:pt-0{padding-top:0}
.yd-tail .yd-tail-article .lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.yd-tail .yd-tail-article .lg\:text-\[\#FF2D20\]{--tw-text-opacity: 1;color:rgb(255 45 32 / var(--tw-text-opacity, 1))}}
@media (min-width: 1280px){.yd-tail .yd-tail-article .xl\:block{display:block}
.yd-tail .yd-tail-article .xl\:flex{display:flex}}
@media (min-width: 1536px){.yd-tail .yd-tail-article .\32 xl\:block{display:block}}
.yd-tail .yd-tail-article .ltr\:origin-top-left:where([dir=ltr],[dir=ltr] *){transform-origin:top left}
.yd-tail .yd-tail-article .ltr\:origin-top-right:where([dir=ltr],[dir=ltr] *){transform-origin:top right}
.yd-tail .yd-tail-article .rtl\:origin-top-left:where([dir=rtl],[dir=rtl] *){transform-origin:top left}
.yd-tail .yd-tail-article .rtl\:origin-top-right:where([dir=rtl],[dir=rtl] *){transform-origin:top right}
.yd-tail .yd-tail-article .rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}
@media (prefers-color-scheme: dark){.yd-tail .yd-tail-article .dark\:block{display:block}
.yd-tail .yd-tail-article .dark\:hidden{display:none}
.yd-tail .yd-tail-article .dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .dark\:bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .dark\:bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .dark\:via-zinc-900{--tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to)}
.yd-tail .yd-tail-article .dark\:to-zinc-900{--tw-gradient-to: #18181b var(--tw-gradient-to-position)}
.yd-tail .yd-tail-article .dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .dark\:text-white\/50{color:#ffffff80}
.yd-tail .yd-tail-article .dark\:text-white\/70{color:#ffffffb3}
.yd-tail .yd-tail-article .dark\:ring-zinc-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(39 39 42 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .dark\:hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.yd-tail .yd-tail-article .dark\:hover\:text-white\/70:hover{color:#ffffffb3}
.yd-tail .yd-tail-article .dark\:hover\:text-white\/80:hover{color:#fffc}
.yd-tail .yd-tail-article .dark\:hover\:ring-zinc-700:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .dark\:focus\:border-blue-700:focus{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .dark\:focus\:border-blue-800:focus{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}
.yd-tail .yd-tail-article .dark\:focus-visible\:ring-\[\#FF2D20\]:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 45 32 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .dark\:focus-visible\:ring-white:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}
.yd-tail .yd-tail-article .dark\:active\:bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}
.yd-tail .yd-tail-article .dark\:active\:text-gray-300:active{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}}
/* misc.legend */
.yd-tail--misc-legend .yd-tail-article,.yd-tail--misc-legend .yd-tail-article h1,.yd-tail--misc-legend .yd-tail-article h2,.yd-tail--misc-legend .yd-tail-article h3,.yd-tail--misc-legend .yd-tail-article h4,.yd-tail--misc-legend .yd-tail-article p,.yd-tail--misc-legend .yd-tail-article ul,.yd-tail--misc-legend .yd-tail-article li,.yd-tail--misc-legend .yd-tail-article dl,.yd-tail--misc-legend .yd-tail-article dt,.yd-tail--misc-legend .yd-tail-article dd{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.yd-tail--misc-legend .yd-tail-article{
            font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
            background-color: #f8f9fa;
            color: #333;
            line-height: 1.6;
        }
.yd-tail--misc-legend .yd-tail-article .legend-container{
            max-width: 1050px;
            margin: 0 auto;
            padding: 40px 20px;
        }
.yd-tail--misc-legend .yd-tail-article{
            --primary-color: #1a4da1;
            --secondary-color: #e8f0fe;
            --accent-color: #ff6b6b;
            --text-dark: #111;
            --text-gray: #666;
            --border-light: #eaeaea;
            --bg-white: #ffffff;
        }
.yd-tail--misc-legend .yd-tail-article .legend-section{
            margin-bottom: 70px;
        }
.yd-tail--misc-legend .yd-tail-article .legend-h1{
            font-size: 2.6rem;
            color: var(--bg-white);
            text-align: center;
            margin-bottom: 20px;
            font-weight: 800;
            letter-spacing: -1.5px;
        }
.yd-tail--misc-legend .yd-tail-article .legend-h2{
            font-size: 2rem;
            color: var(--text-dark);
            margin-bottom: 30px;
            text-align: center;
            position: relative;
            font-weight: 800;
            letter-spacing: -1px;
        }
.yd-tail--misc-legend .yd-tail-article .legend-h2::after{
            content: "";
            display: block;
            width: 50px;
            height: 4px;
            background-color: var(--primary-color);
            margin: 15px auto 0;
            border-radius: 2px;
        }
.yd-tail--misc-legend .yd-tail-article .legend-h3{
            font-size: 1.4rem;
            color: var(--primary-color);
            margin-bottom: 15px;
            font-weight: 700;
            letter-spacing: -0.5px;
        }
.yd-tail--misc-legend .yd-tail-article .legend-h4{
            font-size: 1.1rem;
            color: var(--text-dark);
            margin-bottom: 10px;
            font-weight: 600;
        }
.yd-tail--misc-legend .yd-tail-article .legend-p{
            font-size: 1.05rem;
            color: var(--text-gray);
            margin-bottom: 15px;
            word-break: keep-all;
            line-height: 1.7;
        }
.yd-tail--misc-legend .yd-tail-article .legend-link{
            color: var(--primary-color);
            text-decoration: none;
            font-weight: bold;
            border-bottom: 1px dashed var(--primary-color);
            transition: all 0.3s ease;
        }
.yd-tail--misc-legend .yd-tail-article .legend-link:hover{
            color: #0f306b;
            border-bottom-style: solid;
        }
.yd-tail--misc-legend .yd-tail-article .legend-hero-wrapper{
            background: linear-gradient(135deg, #12326b, var(--primary-color));
            padding: 80px 20px;
            border-radius: 20px;
            text-align: center;
            box-shadow: 0 15px 35px rgba(26, 77, 161, 0.15);
        }
.yd-tail--misc-legend .yd-tail-article .legend-hero-desc{
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.2rem;
            font-weight: 300;
        }
.yd-tail--misc-legend .yd-tail-article .legend-hero-button-container{
            text-align: center;
            margin: 50px 0; 
        }
.yd-tail--misc-legend .yd-tail-article .legend-btn-primary{
            display: inline-block;
            background-color: var(--primary-color);
            color: #ffffff;
            font-size: 1.3rem;
            font-weight: 700;
            padding: 18px 55px;
            border-radius: 50px;
            text-decoration: none;
            box-shadow: 0 8px 20px rgba(26, 77, 161, 0.3);
            transition: all 0.3s ease;
        }
.yd-tail--misc-legend .yd-tail-article .legend-btn-primary:hover{
            background-color: #0f306b;
            transform: translateY(-4px);
            box-shadow: 0 12px 25px rgba(26, 77, 161, 0.4);
            color: #ffffff;
        }
.yd-tail--misc-legend .yd-tail-article .legend-zigzag-row{
            display: flex;
            align-items: center;
            gap: 40px;
            margin-bottom: 40px;
            background: var(--bg-white);
            padding: 40px;
            border-radius: 16px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.03);
        }
.yd-tail--misc-legend .yd-tail-article .legend-zigzag-row:nth-child(even){
            flex-direction: row-reverse;
        }
.yd-tail--misc-legend .yd-tail-article .legend-zigzag-icon{
            flex: 0 0 120px;
            height: 120px;
            background: var(--secondary-color);
            border-radius: 30%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3.5rem;
            color: var(--primary-color);
            transform: rotate(-5deg);
        }
.yd-tail--misc-legend .yd-tail-article .legend-zigzag-content{
            flex: 1;
        }
@media (max-width: 768px){.yd-tail--misc-legend .yd-tail-article .legend-zigzag-row,.yd-tail--misc-legend .yd-tail-article .legend-zigzag-row:nth-child(even){
                flex-direction: column;
                text-align: center;
                padding: 30px 20px;
            }
.yd-tail--misc-legend .yd-tail-article .legend-zigzag-icon{ margin-bottom: 20px; transform: none; }}
.yd-tail--misc-legend .yd-tail-article .legend-number-grid{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px;
        }
.yd-tail--misc-legend .yd-tail-article .legend-number-card{
            background: var(--bg-white);
            padding: 40px 30px;
            border-radius: 16px;
            position: relative;
            overflow: hidden;
            border: 1px solid var(--border-light);
            z-index: 1;
        }
.yd-tail--misc-legend .yd-tail-article .legend-number-card::before{
            content: attr(data-num);
            position: absolute;
            top: -20px;
            right: -10px;
            font-size: 8rem;
            font-weight: 900;
            color: var(--secondary-color);
            z-index: -1;
            opacity: 0.6;
            line-height: 1;
        }
@media (max-width: 768px){.yd-tail--misc-legend .yd-tail-article .legend-number-grid{ grid-template-columns: 1fr; }}
.yd-tail--misc-legend .yd-tail-article .legend-pill-container{
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: center;
            margin-top: 20px;
        }
.yd-tail--misc-legend .yd-tail-article .legend-pill{
            background: #fff;
            border: 1px solid var(--primary-color);
            color: var(--primary-color);
            padding: 10px 25px;
            border-radius: 30px;
            font-weight: 600;
            font-size: 1rem;
            transition: all 0.2s;
        }
.yd-tail--misc-legend .yd-tail-article .legend-pill:hover{
            background: var(--primary-color);
            color: #fff;
        }
.yd-tail--misc-legend .yd-tail-article .legend-special-box{
            background: #111;
            color: #fff;
            padding: 50px 40px;
            border-radius: 20px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
.yd-tail--misc-legend .yd-tail-article .legend-special-box .legend-h3{
            color: #fff;
            font-size: 1.8rem;
        }
.yd-tail--misc-legend .yd-tail-article .legend-special-box .legend-p{
            color: #ccc;
        }
.yd-tail--misc-legend .yd-tail-article .legend-special-box::after{
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; height: 4px;
            background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
        }
.yd-tail--misc-legend .yd-tail-article .legend-icon-grid{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
.yd-tail--misc-legend .yd-tail-article .legend-icon-item{
            background: var(--bg-white);
            padding: 30px 20px;
            border-radius: 12px;
            text-align: center;
            border-bottom: 3px solid transparent;
            transition: border-color 0.3s;
        }
.yd-tail--misc-legend .yd-tail-article .legend-icon-item:hover{
            border-bottom-color: var(--primary-color);
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        }
.yd-tail--misc-legend .yd-tail-article .legend-icon-circle{
            width: 60px;
            height: 60px;
            background: var(--secondary-color);
            color: var(--primary-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin: 0 auto 15px;
        }
@media (max-width: 900px){.yd-tail--misc-legend .yd-tail-article .legend-icon-grid{ grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 480px){.yd-tail--misc-legend .yd-tail-article .legend-icon-grid{ grid-template-columns: 1fr; }}
.yd-tail--misc-legend .yd-tail-article .legend-modern-timeline{
            border-left: 3px solid var(--secondary-color);
            margin-left: 20px;
            padding-left: 30px;
        }
.yd-tail--misc-legend .yd-tail-article .legend-timeline-node{
            position: relative;
            margin-bottom: 35px;
        }
.yd-tail--misc-legend .yd-tail-article .legend-timeline-node::before{
            content: "";
            position: absolute;
            left: -40px;
            top: 5px;
            width: 17px;
            height: 17px;
            background: var(--primary-color);
            border-radius: 50%;
            box-shadow: 0 0 0 5px var(--secondary-color);
        }
.yd-tail--misc-legend .yd-tail-article .legend-modern-faq{
            background: var(--bg-white);
            border-radius: 16px;
            padding: 20px 40px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.02);
        }
.yd-tail--misc-legend .yd-tail-article .legend-accordion{
            border-bottom: 1px solid var(--border-light);
            padding: 20px 0;
        }
.yd-tail--misc-legend .yd-tail-article .legend-accordion:last-child{
            border-bottom: none;
        }
.yd-tail--misc-legend .yd-tail-article .legend-accordion-summary{
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--text-dark);
            cursor: pointer;
            list-style: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
.yd-tail--misc-legend .yd-tail-article .legend-accordion-summary::-webkit-details-marker{ display: none; }
.yd-tail--misc-legend .yd-tail-article .legend-accordion-summary::after{
            content: "↓"; 
            font-size: 1.2rem;
            color: var(--primary-color);
            transition: transform 0.3s;
        }
.yd-tail--misc-legend .yd-tail-article details[open] .legend-accordion-summary::after{
            transform: rotate(180deg);
        }
.yd-tail--misc-legend .yd-tail-article .legend-accordion-content{
            padding-top: 15px;
            color: var(--text-gray);
            font-size: 0.95rem;
            line-height: 1.6;
        }
.yd-tail--misc-legend .yd-tail-article .legend-epilogue{
            background: linear-gradient(to right, #f8f9fa, #e8f0fe, #f8f9fa);
            padding: 60px 40px;
            border-radius: 16px;
            text-align: center;
            border: 1px solid var(--border-light);
        }
/* misc.yako */
.yd-tail--misc-yako .yd-tail-article,.yd-tail--misc-yako .yd-tail-article h1,.yd-tail--misc-yako .yd-tail-article h2,.yd-tail--misc-yako .yd-tail-article h3,.yd-tail--misc-yako .yd-tail-article h4,.yd-tail--misc-yako .yd-tail-article p,.yd-tail--misc-yako .yd-tail-article ul,.yd-tail--misc-yako .yd-tail-article li,.yd-tail--misc-yako .yd-tail-article dl,.yd-tail--misc-yako .yd-tail-article dt,.yd-tail--misc-yako .yd-tail-article dd,.yd-tail--misc-yako .yd-tail-article table,.yd-tail--misc-yako .yd-tail-article th,.yd-tail--misc-yako .yd-tail-article td{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.yd-tail--misc-yako .yd-tail-article{
            font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
            background-color: #f4f6f9;
            color: #2c3e50;
            line-height: 1.6;
        }
.yd-tail--misc-yako .yd-tail-article{
            --yako-blue: #1e5ddb;
            --yako-blue-dark: #1545a5;
            --yako-red: #e11d48;
            --yako-bg: #ffffff;
            --yako-surface: #f8fafc;
            --yako-border: #e2e8f0;
            --yako-text: #334155;
            --yako-text-light: #64748b;
        }
.yd-tail--misc-yako .yd-tail-article .yako-container{
            max-width: 1100px;
            margin: 0 auto;
            padding: 40px 20px;
        }
.yd-tail--misc-yako .yd-tail-article .yako-section{
            margin-bottom: 80px;
        }
.yd-tail--misc-yako .yd-tail-article .yako-h1{
            font-size: 2.8rem;
            color: #ffffff;
            text-align: center;
            margin-bottom: 15px;
            font-weight: 800;
            letter-spacing: -1px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }
.yd-tail--misc-yako .yd-tail-article .yako-h2{
            font-size: 2.2rem;
            color: var(--yako-blue-dark);
            margin-bottom: 35px;
            font-weight: 800;
            letter-spacing: -1px;
            display: flex;
            align-items: center;
            gap: 15px;
        }
.yd-tail--misc-yako .yd-tail-article .yako-h2::before{
            content: "";
            display: inline-block;
            width: 6px;
            height: 35px;
            background: linear-gradient(to bottom, var(--yako-blue), var(--yako-red));
            border-radius: 4px;
        }
.yd-tail--misc-yako .yd-tail-article .yako-h3{
            font-size: 1.4rem;
            color: #1e293b;
            margin-bottom: 12px;
            font-weight: 700;
        }
.yd-tail--misc-yako .yd-tail-article .yako-h4{
            font-size: 1.1rem;
            color: var(--yako-blue);
            margin-bottom: 8px;
            font-weight: 600;
        }
.yd-tail--misc-yako .yd-tail-article .yako-p{
            font-size: 1.05rem;
            color: var(--yako-text);
            margin-bottom: 15px;
            word-break: keep-all;
            line-height: 1.7;
        }
.yd-tail--misc-yako .yd-tail-article .yako-hero{
            background: linear-gradient(135deg, var(--yako-blue-dark) 0%, var(--yako-blue) 60%, var(--yako-red) 100%);
            padding: 90px 20px;
            border-radius: 24px;
            text-align: center;
            box-shadow: 0 20px 40px rgba(30, 93, 219, 0.2);
        }
.yd-tail--misc-yako .yd-tail-article .yako-hero-desc{
            color: rgba(255, 255, 255, 0.95);
            font-size: 1.25rem;
            font-weight: 400;
        }
.yd-tail--misc-yako .yd-tail-article .yako-button-wrapper{
            text-align: center;
            margin: 50px 0;
        }
.yd-tail--misc-yako .yd-tail-article .yako-btn{
            display: inline-block;
            background-color: var(--yako-bg);
            color: var(--yako-blue-dark);
            font-size: 1.4rem;
            font-weight: 800;
            padding: 20px 60px;
            border-radius: 60px;
            text-decoration: none;
            box-shadow: 0 10px 25px rgba(0,0,0,0.08);
            border: 2px solid var(--yako-blue);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
.yd-tail--misc-yako .yd-tail-article .yako-btn:hover{
            background-color: var(--yako-blue);
            color: #ffffff;
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(30, 93, 219, 0.3);
        }
.yd-tail--misc-yako .yd-tail-article .yako-bento-container{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: auto auto;
            gap: 20px;
        }
.yd-tail--misc-yako .yd-tail-article .yako-bento-item{
            background: var(--yako-bg);
            border-radius: 20px;
            padding: 35px;
            border: 1px solid var(--yako-border);
            box-shadow: 0 4px 6px rgba(0,0,0,0.02);
        }
.yd-tail--misc-yako .yd-tail-article .yako-bento-large{
            grid-column: span 2;
            background: linear-gradient(120deg, #f8fafc, #eff6ff);
        }
@media (max-width: 768px){.yd-tail--misc-yako .yd-tail-article .yako-bento-container{ grid-template-columns: 1fr; }
.yd-tail--misc-yako .yd-tail-article .yako-bento-large{ grid-column: span 1; }}
.yd-tail--misc-yako .yd-tail-article .yako-table-wrapper{
            background: var(--yako-bg);
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.04);
            border: 1px solid var(--yako-border);
        }
.yd-tail--misc-yako .yd-tail-article .yako-table{
            width: 100%;
            border-collapse: collapse;
            text-align: center;
        }
.yd-tail--misc-yako .yd-tail-article .yako-table th,.yd-tail--misc-yako .yd-tail-article .yako-table td{
            padding: 20px;
            border-bottom: 1px solid var(--yako-border);
        }
.yd-tail--misc-yako .yd-tail-article .yako-table th{
            background-color: var(--yako-surface);
            font-weight: 700;
            color: var(--yako-blue-dark);
            font-size: 1.1rem;
        }
.yd-tail--misc-yako .yd-tail-article .yako-partner-highlight{
            padding: 50px;
            background: linear-gradient(135deg, var(--yako-red) 0%, var(--yako-blue) 100%);
            border-radius: 20px;
            text-align: center;
            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
        }
.yd-tail--misc-yako .yd-tail-article .yako-partner-highlight .yako-h3{
            color: #ffffff; 
            text-shadow: 0 2px 5px rgba(0,0,0,0.3);
        }
.yd-tail--misc-yako .yd-tail-article .yako-partner-highlight .yako-p{
            color: rgba(255, 255, 255, 0.95); 
        }
.yd-tail--misc-yako .yd-tail-article .yako-partner-link{
            color: #ffd700; 
            font-weight: 800;
            text-decoration: none;
            border-bottom: 2px solid #ffd700;
            padding-bottom: 2px;
            font-size: 1.15em;
            transition: all 0.3s;
        }
.yd-tail--misc-yako .yd-tail-article .yako-partner-link:hover{ 
            color: #ffffff; 
            border-color: #ffffff; 
        }
.yd-tail--misc-yako .yd-tail-article .yako-card-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.yd-tail--misc-yako .yd-tail-article .yako-top-border-card{
            background: var(--yako-bg); padding: 30px 25px; border-radius: 12px;
            border-top: 5px solid var(--yako-blue); box-shadow: 0 5px 15px rgba(0,0,0,0.03);
        }
@media (max-width: 768px){.yd-tail--misc-yako .yd-tail-article .yako-card-grid{ grid-template-columns: 1fr; }}
.yd-tail--misc-yako .yd-tail-article .yako-stat-box{ background: var(--yako-bg); padding: 40px; border-radius: 20px; border: 1px solid var(--yako-border); }
.yd-tail--misc-yako .yd-tail-article .yako-stat-row{ margin-bottom: 25px; }
.yd-tail--misc-yako .yd-tail-article .yako-stat-row:last-child{ margin-bottom: 0; }
.yd-tail--misc-yako .yd-tail-article .yako-stat-label{ display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: 600; }
.yd-tail--misc-yako .yd-tail-article .yako-stat-bar-bg{ height: 12px; background: var(--yako-border); border-radius: 10px; overflow: hidden; }
.yd-tail--misc-yako .yd-tail-article .yako-stat-bar-fill{ height: 100%; background: linear-gradient(90deg, var(--yako-blue), var(--yako-red)); border-radius: 10px; }
.yd-tail--misc-yako .yd-tail-article .yako-dark-section{ background: #0f172a; color: #f8fafc; padding: 60px 40px; border-radius: 24px; text-align: center; }
.yd-tail--misc-yako .yd-tail-article .yako-dark-section .yako-h2{ color: #ffffff; justify-content: center; }
.yd-tail--misc-yako .yd-tail-article .yako-dark-section .yako-h2::before{ display: none; }
.yd-tail--misc-yako .yd-tail-article .yako-dark-section .yako-h3{ color: #93c5fd; }
.yd-tail--misc-yako .yd-tail-article .yako-dark-section .yako-p{ color: #cbd5e1; }
.yd-tail--misc-yako .yd-tail-article .yako-checklist{ background: var(--yako-surface); border-radius: 20px; padding: 40px; }
.yd-tail--misc-yako .yd-tail-article .yako-check-item{ display: flex; align-items: flex-start; gap: 20px; margin-bottom: 25px; }
.yd-tail--misc-yako .yd-tail-article .yako-check-icon{ flex-shrink: 0; width: 32px; height: 32px; background: var(--yako-blue); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; }
.yd-tail--misc-yako .yd-tail-article .yako-step-wrapper{ position: relative; padding: 20px 0; }
.yd-tail--misc-yako .yd-tail-article .yako-step-wrapper::before{ content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background: var(--yako-border); transform: translateX(-50%); }
.yd-tail--misc-yako .yd-tail-article .yako-step-box{ width: 45%; background: var(--yako-bg); padding: 30px; border-radius: 16px; position: relative; margin-bottom: 40px; box-shadow: 0 5px 15px rgba(0,0,0,0.03); border: 1px solid var(--yako-border); }
.yd-tail--misc-yako .yd-tail-article .yako-step-box:nth-child(odd){ float: left; clear: both; text-align: right; }
.yd-tail--misc-yako .yd-tail-article .yako-step-box:nth-child(even){ float: right; clear: both; }
.yd-tail--misc-yako .yd-tail-article .yako-clearfix::after{ content: ""; clear: both; display: table; }
@media (max-width: 768px){.yd-tail--misc-yako .yd-tail-article .yako-step-wrapper::before{ left: 20px; }
.yd-tail--misc-yako .yd-tail-article .yako-step-box{ width: calc(100% - 50px); float: right !important; text-align: left !important; }}
.yd-tail--misc-yako .yd-tail-article .yako-bubble-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.yd-tail--misc-yako .yd-tail-article .yako-bubble{ background: var(--yako-bg); padding: 35px 25px; border-radius: 20px; position: relative; box-shadow: 0 8px 20px rgba(0,0,0,0.04); border: 1px solid var(--yako-border); text-align: center; font-style: italic; }
.yd-tail--misc-yako .yd-tail-article .yako-bubble::after{ content: ""; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); border-width: 15px 15px 0; border-style: solid; border-color: var(--yako-bg) transparent transparent transparent; z-index: 2; }
.yd-tail--misc-yako .yd-tail-article .yako-bubble-author{ margin-top: 25px; font-weight: 700; color: var(--yako-blue); font-style: normal; }
@media (max-width: 768px){.yd-tail--misc-yako .yd-tail-article .yako-bubble-grid{ grid-template-columns: 1fr; }}
.yd-tail--misc-yako .yd-tail-article .yako-grid-faq{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; }
.yd-tail--misc-yako .yd-tail-article .yako-grid-faq-item{ background: var(--yako-bg); padding: 30px; border-radius: 16px; border-left: 4px solid var(--yako-blue); box-shadow: 0 4px 10px rgba(0,0,0,0.02); }
.yd-tail--misc-yako .yd-tail-article .yako-faq-q{ font-size: 1.15rem; font-weight: 700; color: var(--yako-blue-dark); margin-bottom: 10px; display: flex; gap: 10px; }
.yd-tail--misc-yako .yd-tail-article .yako-faq-q::before{ content: "Q."; color: var(--yako-red); }
.yd-tail--misc-yako .yd-tail-article .yako-faq-a{ color: var(--yako-text); font-size: 0.95rem; line-height: 1.6; }
@media (max-width: 768px){.yd-tail--misc-yako .yd-tail-article .yako-grid-faq{ grid-template-columns: 1fr; }}
.yd-tail--misc-yako .yd-tail-article .yako-qa-list{ background: var(--yako-bg); border-radius: 16px; overflow: hidden; border: 1px solid var(--yako-border); }
.yd-tail--misc-yako .yd-tail-article .yako-qa-row{ padding: 25px 30px; border-bottom: 1px solid var(--yako-border); display: flex; flex-direction: column; gap: 8px; }
.yd-tail--misc-yako .yd-tail-article .yako-qa-row:nth-child(even){ background: var(--yako-surface); }
.yd-tail--misc-yako .yd-tail-article .yako-qa-row:last-child{ border-bottom: none; }
.yd-tail--misc-yako .yd-tail-article .yako-qa-question{ font-weight: 700; color: var(--yako-text); font-size: 1.1rem; }
.yd-tail--misc-yako .yd-tail-article .yako-qa-answer{ color: var(--yako-text-light); }
.yd-tail--misc-yako .yd-tail-article .yako-epilogue{ background: #ffffff; padding: 70px 40px; border-radius: 20px; text-align: center; border-top: 10px solid var(--yako-red); box-shadow: 0 10px 40px rgba(0,0,0,0.05); }
/* misc.zm */
.yd-tail--misc-zm .yd-tail-article,.yd-tail--misc-zm .yd-tail-article h1,.yd-tail--misc-zm .yd-tail-article h2,.yd-tail--misc-zm .yd-tail-article h3,.yd-tail--misc-zm .yd-tail-article h4,.yd-tail--misc-zm .yd-tail-article p,.yd-tail--misc-zm .yd-tail-article ul,.yd-tail--misc-zm .yd-tail-article li,.yd-tail--misc-zm .yd-tail-article dl,.yd-tail--misc-zm .yd-tail-article dt,.yd-tail--misc-zm .yd-tail-article dd{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.yd-tail--misc-zm .yd-tail-article{
            font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
            background-color: #f8f9fa; 
            color: #333;
            line-height: 1.6;
        }
.yd-tail--misc-zm .yd-tail-article .jm-container{
            max-width: 1000px;
            margin: 0 auto;
            padding: 40px 20px;
        }
.yd-tail--misc-zm .yd-tail-article{
            --primary-color: #1a4da1; 
            --secondary-color: #e8f0fe; 
            --text-muted: #666;
            --border-color: #e9ecef;
            --card-bg: #ffffff;
        }
.yd-tail--misc-zm .yd-tail-article .jm-section{
            margin-bottom: 60px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-h1{
            font-size: 2.5rem;
            color: var(--primary-color);
            text-align: center;
            margin-bottom: 40px;
            font-weight: 800;
            letter-spacing: -1px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-h2{
            font-size: 1.8rem;
            color: var(--primary-color);
            margin-bottom: 25px;
            padding-left: 15px;
            border-left: 5px solid var(--primary-color); 
            font-weight: 700;
        }
.yd-tail--misc-zm .yd-tail-article .jm-h3{
            font-size: 1.3rem;
            color: #222;
            margin-bottom: 15px;
            font-weight: 600;
        }
.yd-tail--misc-zm .yd-tail-article .jm-h4{
            font-size: 1.1rem;
            color: #444;
            margin-bottom: 10px;
            font-weight: 600;
        }
.yd-tail--misc-zm .yd-tail-article .jm-p{
            font-size: 1rem;
            color: #444;
            margin-bottom: 15px;
            word-break: keep-all;
        }
.yd-tail--misc-zm .yd-tail-article .jm-link{
            color: #0056b3;
            text-decoration: underline;
            font-weight: 500;
        }
.yd-tail--misc-zm .yd-tail-article .jm-link:hover{
            color: #003d82;
        }
.yd-tail--misc-zm .yd-tail-article .jm-card{
            background-color: var(--card-bg);
            border-radius: 12px;
            padding: 30px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            margin-bottom: 30px;
            border: 1px solid var(--border-color);
        }
.yd-tail--misc-zm .yd-tail-article .jm-grid-2{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 30px;
        }
@media (max-width: 768px){.yd-tail--misc-zm .yd-tail-article .jm-grid-2{ grid-template-columns: 1fr; }}
.yd-tail--misc-zm .yd-tail-article .jm-grid-3{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-bottom: 30px;
        }
@media (max-width: 768px){.yd-tail--misc-zm .yd-tail-article .jm-grid-3{ grid-template-columns: 1fr; }}
.yd-tail--misc-zm .yd-tail-article .jm-feature-box{
            background: #fff;
            padding: 25px 20px;
            border-radius: 10px;
            text-align: center;
            border: 1px solid var(--border-color);
            transition: transform 0.3s ease;
        }
.yd-tail--misc-zm .yd-tail-article .jm-feature-box:hover{
            transform: translateY(-5px);
            box-shadow: 0 6px 15px rgba(0,0,0,0.08);
        }
.yd-tail--misc-zm .yd-tail-article .jm-feature-icon{
            font-size: 2.5rem;
            color: var(--primary-color);
            margin-bottom: 15px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-timeline{
            position: relative;
            padding-left: 30px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-timeline::before{
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 2px;
            background-color: var(--secondary-color);
        }
.yd-tail--misc-zm .yd-tail-article .jm-timeline-item{
            position: relative;
            margin-bottom: 30px;
            padding-left: 20px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-timeline-item:last-child{ margin-bottom: 0; }
.yd-tail--misc-zm .yd-tail-article .jm-timeline-badge{
            position: absolute;
            left: -48px;
            top: 0;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background-color: var(--secondary-color);
            color: var(--primary-color);
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.9rem;
            box-shadow: 0 0 0 4px #fff;
        }
.yd-tail--misc-zm .yd-tail-article .jm-list-bullet{
            padding-left: 20px;
            margin-bottom: 15px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-list-bullet li{
            margin-bottom: 8px;
            color: #444;
            position: relative;
            list-style-type: disc;
        }
.yd-tail--misc-zm .yd-tail-article .jm-list-check{
            list-style: none;
            padding: 0;
            margin-bottom: 20px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-list-check li{
            position: relative;
            padding-left: 25px;
            margin-bottom: 10px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-list-check li::before{
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--primary-color);
            font-weight: bold;
        }
.yd-tail--misc-zm .yd-tail-article .jm-alert-box{
            background-color: var(--secondary-color);
            border-left: 4px solid var(--primary-color);
            padding: 20px;
            border-radius: 0 8px 8px 0;
            margin-bottom: 30px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-faq-list{
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-faq-item{
            background: #fff;
            border: 1px solid var(--border-color);
            border-radius: 8px;
            overflow: hidden;
        }
.yd-tail--misc-zm .yd-tail-article .jm-faq-summary{
            padding: 18px 20px;
            font-weight: 600;
            cursor: pointer;
            list-style: none;
            position: relative;
            background-color: #fff;
            color: #222;
        }
.yd-tail--misc-zm .yd-tail-article .jm-faq-summary::-webkit-details-marker{ display: none; }
.yd-tail--misc-zm .yd-tail-article .jm-faq-summary::after{
            content: "+";
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 1.5rem;
            color: var(--primary-color);
        }
.yd-tail--misc-zm .yd-tail-article .jm-faq-item[open] .jm-faq-summary::after{ content: "-"; }
.yd-tail--misc-zm .yd-tail-article .jm-faq-item[open] .jm-faq-summary{
            border-bottom: 1px solid var(--border-color);
            background-color: #fbfbfb;
        }
.yd-tail--misc-zm .yd-tail-article .jm-faq-content{
            padding: 20px;
            background-color: #fafafa;
            color: #555;
            font-size: 0.95rem;
        }
.yd-tail--misc-zm .yd-tail-article .jm-hero-banner{
            background: linear-gradient(135deg, var(--primary-color), #0f306b);
            color: white;
            padding: 60px 30px;
            text-align: center;
            border-radius: 12px;
            margin-bottom: 50px;
            box-shadow: 0 10px 20px rgba(26, 77, 161, 0.2);
        }
.yd-tail--misc-zm .yd-tail-article .jm-hero-banner .jm-h1{
            color: white;
            margin-bottom: 20px;
            border: none;
        }
.yd-tail--misc-zm .yd-tail-article .jm-hero-banner p{
            font-size: 1.2rem;
            opacity: 0.9;
        }
.yd-tail--misc-zm .yd-tail-article .jm-stat-container{
            display: flex;
            justify-content: space-around;
            background: #fff;
            padding: 30px;
            border-radius: 12px;
            border: 1px solid var(--border-color);
            text-align: center;
            margin-bottom: 30px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-stat-item h4{
            font-size: 2rem;
            color: var(--primary-color);
            margin: 0 0 5px 0;
        }
.yd-tail--misc-zm .yd-tail-article .jm-stat-item p{
            font-size: 0.9rem;
            color: var(--text-muted);
            margin: 0;
        }
.yd-tail--misc-zm .yd-tail-article .jm-quote{
            font-size: 1.2rem;
            font-style: italic;
            color: #555;
            padding: 30px;
            text-align: center;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"%23e8f0fe\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"/></svg>");
            background-repeat: no-repeat;
            background-position: center top 10px;
            padding-top: 60px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-steps{
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-step-item{
            flex: 1;
            text-align: center;
            padding: 20px;
            position: relative;
        }
.yd-tail--misc-zm .yd-tail-article .jm-step-item:not(:last-child)::after{
            content: ">";
            position: absolute;
            right: 0;
            top: 40%;
            font-size: 20px;
            color: #ccc;
            transform: translateY(-50%);
        }
.yd-tail--misc-zm .yd-tail-article .jm-step-num{
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            background: var(--primary-color);
            color: white;
            border-radius: 50%;
            font-weight: bold;
            margin-bottom: 10px;
        }
.yd-tail--misc-zm .yd-tail-article .jm-table{
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 30px;
            background: #fff;
        }
.yd-tail--misc-zm .yd-tail-article .jm-table th,.yd-tail--misc-zm .yd-tail-article .jm-table td{
            border: 1px solid var(--border-color);
            padding: 15px;
            text-align: left;
        }
.yd-tail--misc-zm .yd-tail-article .jm-table th{
            background-color: #f8f9fa;
            font-weight: 600;
            color: var(--primary-color);
        }
.yd-tail--misc-zm .yd-tail-article .jm-highlight{
            background: linear-gradient(180deg, rgba(255,255,255,0) 60%, #ffd966 60%);
            display: inline;
        }
.yd-tail--misc-zm .yd-tail-article .jm-hero-button-container{
            text-align: center;
            margin: 50px 0; 
        }
.yd-tail--misc-zm .yd-tail-article .jm-btn-primary{
            display: inline-block;
            background-color: var(--primary-color);
            color: #ffffff;
            font-size: 1.3rem;
            font-weight: 700;
            padding: 18px 50px;
            border-radius: 50px;
            text-decoration: none;
            box-shadow: 0 8px 20px rgba(26, 77, 161, 0.3);
            transition: all 0.3s ease;
        }
.yd-tail--misc-zm .yd-tail-article .jm-btn-primary:hover{
            background-color: #0f306b;
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(26, 77, 161, 0.4);
            color: #ffffff;
        }
/* tails.cat-1-tail */
.yd-tail--tails-cat-1-tail .yd-tail-article{
            
            --primary: #2563eb;
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
            --success-text: #15803d;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article *{ box-sizing: border-box; margin: 0; padding: 0; }
.yd-tail--tails-cat-1-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.65;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .container{ max-width: 900px; margin: 0 auto; padding: 2.5rem 1.5rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 3rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.yd-tail--tails-cat-1-tail .yd-tail-article h1,.yd-tail--tails-cat-1-tail .yd-tail-article h2,.yd-tail--tails-cat-1-tail .yd-tail-article h3,.yd-tail--tails-cat-1-tail .yd-tail-article h4{ color: var(--text-heading); line-height: 1.35; letter-spacing: -0.02em; }
.yd-tail--tails-cat-1-tail .yd-tail-article h3{ font-size: 1.3rem; margin: 2rem 0 1rem; position: relative; padding-left: 1rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article h3::before{ content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 4px; background: var(--primary); border-radius: 4px; }
.yd-tail--tails-cat-1-tail .yd-tail-article p{ margin-bottom: 1.2rem; word-break: keep-all; font-size: 1.05rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .highlight{ color: var(--primary); font-weight: 700; background: var(--primary-light); padding: 0.1rem 0.4rem; border-radius: 4px; }
.yd-tail--tails-cat-1-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 5rem 3rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .hero-section::before{
            content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.05) 0%, transparent 60%);
            z-index: 0; pointer-events: none;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-cat-1-tail .yd-tail-article .badge{
            display: inline-block; background: var(--primary); color: white;
            padding: 0.5rem 1.2rem; border-radius: 999px; font-weight: 700;
            font-size: 0.9rem; margin-bottom: 1.5rem; letter-spacing: 0.05em;
            box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .hero-title{ font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 900; margin-bottom: 1rem; color: var(--text-heading); }
.yd-tail--tails-cat-1-tail .yd-tail-article .hero-subtitle{ font-size: 1.25rem; color: var(--primary); font-weight: 600; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .author-box{
            display: inline-flex; align-items: center; background: white; padding: 1rem 2rem;
            border-radius: 999px; box-shadow: var(--shadow-sm); text-align: left; gap: 1.2rem; border: 1px solid var(--border);
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .author-avatar{
            width: 48px; height: 48px; background: linear-gradient(135deg, var(--primary), var(--accent));
            color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 1.2rem;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .section-header{
            display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;
            padding-bottom: 1.2rem; border-bottom: 2px solid var(--secondary);
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .section-num{
            background: var(--primary-light); color: var(--primary); width: 42px; height: 42px;
            border-radius: 12px; display: flex; align-items: center; justify-content: center;
            font-weight: 900; font-size: 1.3rem;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .section-title{ font-size: 1.6rem; font-weight: 800; }
.yd-tail--tails-cat-1-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin: 2rem 0; border-radius: var(--radius-md); border: 1px solid var(--border); box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-1-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-1-tail .yd-tail-article th,.yd-tail--tails-cat-1-tail .yd-tail-article td{ padding: 1.2rem 1.5rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-1-tail .yd-tail-article th{ background: var(--secondary); font-weight: 800; color: var(--text-heading); font-size: 1.05rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 700; }
.yd-tail--tails-cat-1-tail .yd-tail-article tbody tr:hover{ background-color: #f8fafc; }
.yd-tail--tails-cat-1-tail .yd-tail-article .grid-2{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 1.5rem 0; }
.yd-tail--tails-cat-1-tail .yd-tail-article .grid-3{ display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin: 1.5rem 0; }
.yd-tail--tails-cat-1-tail .yd-tail-article .feature-card{ background: var(--secondary); padding: 1.8rem; border-radius: var(--radius-md); border: 1px solid transparent; transition: all 0.2s; }
.yd-tail--tails-cat-1-tail .yd-tail-article .feature-card:hover{ background: white; border-color: var(--primary-light); box-shadow: var(--shadow-sm); transform: translateY(-3px); }
.yd-tail--tails-cat-1-tail .yd-tail-article .feature-icon{ font-size: 2.2rem; margin-bottom: 1rem; display: block; }
.yd-tail--tails-cat-1-tail .yd-tail-article .feature-title{ font-weight: 800; font-size: 1.15rem; margin-bottom: 0.5rem; color: var(--text-heading); }
.yd-tail--tails-cat-1-tail .yd-tail-article .feature-desc{ font-size: 0.95rem; color: var(--text-muted); margin: 0; }
.yd-tail--tails-cat-1-tail .yd-tail-article .chart-container{
            background: white; border: 1px solid var(--border); padding: 2.5rem 2rem; 
            border-radius: var(--radius-md); margin: 2rem 0; box-shadow: var(--shadow-sm);
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .chart-title{ font-weight: 800; font-size: 1.2rem; margin-bottom: 1.5rem; color: var(--text-heading); text-align: center; }
.yd-tail--tails-cat-1-tail .yd-tail-article .bar-chart{ display: flex; flex-direction: column; gap: 1.2rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .bar-row{ display: flex; align-items: center; gap: 1rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .bar-label{ width: 150px; font-weight: 700; font-size: 0.95rem; text-align: right; color: var(--text-main); flex-shrink: 0; }
.yd-tail--tails-cat-1-tail .yd-tail-article .bar-track{ flex: 1; background: var(--secondary); height: 32px; border-radius: 16px; overflow: hidden; position: relative; }
.yd-tail--tails-cat-1-tail .yd-tail-article .bar-fill{ height: 100%; border-radius: 16px; display: flex; align-items: center; justify-content: flex-end; padding-right: 1rem; color: white; font-size: 0.9rem; font-weight: bold; background: var(--primary); transition: width 1s ease-in-out; }
.yd-tail--tails-cat-1-tail .yd-tail-article .bar-fill.muted{ background: var(--text-muted); }
.yd-tail--tails-cat-1-tail .yd-tail-article .number-grid{ display: flex; gap: 1rem; justify-content: space-between; flex-wrap: wrap; text-align: center; margin: 2rem 0; }
.yd-tail--tails-cat-1-tail .yd-tail-article .number-item{ flex: 1; min-width: 140px; background: white; border: 1px solid var(--border); padding: 2rem 1rem; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); transition: transform 0.2s; }
.yd-tail--tails-cat-1-tail .yd-tail-article .number-item:hover{ transform: translateY(-4px); border-color: var(--primary-light); box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.1); }
.yd-tail--tails-cat-1-tail .yd-tail-article .number-val{ font-size: 2.8rem; font-weight: 900; color: var(--primary); margin-bottom: 0.5rem; line-height: 1; letter-spacing: -0.05em; }
.yd-tail--tails-cat-1-tail .yd-tail-article .number-label{ font-size: 1rem; color: var(--text-main); font-weight: 800; }
.yd-tail--tails-cat-1-tail .yd-tail-article .timeline{ margin: 2.5rem 0; position: relative; padding-left: 2rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .timeline::before{ content: ""; position: absolute; left: 7px; top: 0; bottom: 0; width: 3px; background: var(--border-light); }
.yd-tail--tails-cat-1-tail .yd-tail-article .timeline-item{ position: relative; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .timeline-item:last-child{ margin-bottom: 0; }
.yd-tail--tails-cat-1-tail .yd-tail-article .timeline-dot{ position: absolute; left: -2.4rem; top: 4px; width: 20px; height: 20px; border-radius: 50%; background: var(--primary); border: 4px solid white; box-shadow: 0 0 0 2px var(--primary-light); }
.yd-tail--tails-cat-1-tail .yd-tail-article .timeline-content{ background: white; padding: 1.8rem; border-radius: var(--radius-md); border: 1px solid var(--border); box-shadow: var(--shadow-sm); transition: all 0.2s; }
.yd-tail--tails-cat-1-tail .yd-tail-article .timeline-content:hover{ border-color: var(--primary-light); background: var(--primary-light); }
.yd-tail--tails-cat-1-tail .yd-tail-article .timeline-title{ font-weight: 800; font-size: 1.2rem; color: var(--text-heading); margin-bottom: 0.5rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .pie-chart-wrap{ display: flex; justify-content: center; margin: 2rem 0; }
.yd-tail--tails-cat-1-tail .yd-tail-article .pie-chart{ width: 220px; height: 220px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: inset 0 0 20px rgba(0,0,0,0.05); }
.yd-tail--tails-cat-1-tail .yd-tail-article .pie-chart-inner{ width: 130px; height: 130px; background: white; border-radius: 50%; z-index: 10; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: var(--shadow-sm); text-align: center; }
.yd-tail--tails-cat-1-tail .yd-tail-article .pie-legend{ display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .legend-item{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 600; color: var(--text-main); }
.yd-tail--tails-cat-1-tail .yd-tail-article .legend-color{ width: 16px; height: 16px; border-radius: 4px; }
.yd-tail--tails-cat-1-tail .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.8rem; border-radius: var(--radius-md); position: relative; font-style: italic; color: var(--text-main); margin-bottom: 1rem;}
.yd-tail--tails-cat-1-tail .yd-tail-article .review-card::before{ content: "\""; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; color: var(--border-light); font-family: serif; line-height: 1; z-index: 0; }
.yd-tail--tails-cat-1-tail .yd-tail-article .review-content{ position: relative; z-index: 1; font-size: 1.05rem; margin-bottom: 0.5rem; font-weight: 500;}
.yd-tail--tails-cat-1-tail .yd-tail-article .alert-box{ background: var(--alert-bg); border: 1px solid var(--alert-border); padding: 1.5rem; border-radius: var(--radius-md); color: var(--alert-text); margin-top: 2rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .alert-title{ display: flex; align-items: center; gap: 0.5rem; font-weight: 800; font-size: 1.1rem; margin-bottom: 0.5rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .tag-list{ display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.2rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .tag{ background-color: var(--secondary); color: var(--primary); padding: 0.4rem 0.8rem; border-radius: 999px; font-size: 0.9rem; font-weight: 700; }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-list-block{
            background-color: var(--surface);
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            padding: 2.5rem;
            margin-bottom: 2.5rem;
            box-shadow: var(--shadow-sm);
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-list-header{
            display: flex; align-items: center; gap: 0.5rem;
            font-size: 1.4rem; font-weight: 900; margin-bottom: 2rem; color: var(--text-heading);
            padding-left: 1rem; border-left: 4px solid var(--primary);
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-item{
            display: flex; align-items: flex-start; gap: 1.2rem;
            padding: 1.5rem; background: white; border: 1px solid var(--border);
            border-radius: var(--radius-md); margin-bottom: 1rem;
            text-decoration: none; color: inherit; transition: all 0.2s;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-item:last-child{ margin-bottom: 0; }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-item:hover{ border-color: var(--primary); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1); transform: translateX(4px); }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-rank{
            flex-shrink: 0; width: 44px; height: 44px;
            background: var(--primary-light); color: var(--primary);
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-weight: 900; font-size: 1.2rem;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-content{ flex: 1; display: flex; flex-direction: column; gap: 0.3rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-label{
            display: inline-block; background: #1e293b; color: white;
            font-size: 0.75rem; font-weight: 800; padding: 0.2rem 0.6rem; border-radius: 4px;
            margin-right: 0.5rem; vertical-align: middle;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-title-text{ font-size: 1.05rem; font-weight: 700; color: var(--text-heading); line-height: 1.5; }
.yd-tail--tails-cat-1-tail .yd-tail-article .action-container{
            border: 2px solid var(--primary); background: linear-gradient(to bottom, white, var(--primary-light));
            text-align: center; border-radius: var(--radius-lg); padding: 3.5rem 2rem; margin-top: 3rem;
            box-shadow: var(--shadow-md);
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .btn-group{ display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .action-btn{
            display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
            padding: 1.2rem 2.5rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem;
            text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; min-width: 260px;
        }
.yd-tail--tails-cat-1-tail .yd-tail-article .btn-primary{ background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); }
.yd-tail--tails-cat-1-tail .yd-tail-article .btn-primary:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-1-tail .yd-tail-article .btn-dark{ background: #0f172a; color: white; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.3); }
.yd-tail--tails-cat-1-tail .yd-tail-article .btn-dark:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(15, 23, 42, 0.4); color: white; }
@media (max-width: 768px){.yd-tail--tails-cat-1-tail .yd-tail-article .card{ padding: 1.8rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .bar-row{ flex-direction: column; align-items: stretch; gap: 0.5rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .bar-label{ text-align: left; width: auto; font-size: 1rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .btn-group{ flex-direction: column; }
.yd-tail--tails-cat-1-tail .yd-tail-article .action-btn{ width: 100%; }
.yd-tail--tails-cat-1-tail .yd-tail-article .number-item{ min-width: 100%; }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-item{ flex-direction: column; align-items: flex-start; padding: 1.2rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-rank{ margin-bottom: 0.5rem; }
.yd-tail--tails-cat-1-tail .yd-tail-article .video-list-block{ padding: 1.8rem; }}
/* tails.cat-12-tail */
.yd-tail--tails-cat-12-tail .yd-tail-article{
            --primary: #2563eb; 
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
        }
.yd-tail--tails-cat-12-tail .yd-tail-article *{ box-sizing: border-box; margin: 0; padding: 0; }
.yd-tail--tails-cat-12-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.6;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-12-tail .yd-tail-article .container{ max-width: 900px; margin: 0 auto; padding: 2rem 1.5rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 2.5rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-12-tail .yd-tail-article .card:hover{
            transform: translateY(-2px);
            box-shadow: var(--shadow-hover);
        }
.yd-tail--tails-cat-12-tail .yd-tail-article h1,.yd-tail--tails-cat-12-tail .yd-tail-article h2,.yd-tail--tails-cat-12-tail .yd-tail-article h3,.yd-tail--tails-cat-12-tail .yd-tail-article h4{ color: var(--text-heading); line-height: 1.3; letter-spacing: -0.02em; }
.yd-tail--tails-cat-12-tail .yd-tail-article p{ margin-bottom: 1.2rem; word-break: keep-all; font-size: 1.05rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .highlight{ color: var(--primary); font-weight: 700; }
.yd-tail--tails-cat-12-tail .yd-tail-article a{ text-decoration: none; color: inherit; }
.yd-tail--tails-cat-12-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 4rem 2rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-12-tail .yd-tail-article .hero-section::before{
            content: "";
            position: absolute;
            top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.03) 0%, transparent 50%);
            z-index: 0;
        }
.yd-tail--tails-cat-12-tail .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-cat-12-tail .yd-tail-article .badge{ display: inline-block; background: var(--primary); color: white; padding: 0.4rem 1rem; border-radius: 999px; font-weight: 700; font-size: 0.85rem; margin-bottom: 1.5rem; letter-spacing: 0.05em; }
.yd-tail--tails-cat-12-tail .yd-tail-article .hero-title{ font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 1rem; color: var(--text-heading); word-break: keep-all; }
.yd-tail--tails-cat-12-tail .yd-tail-article .hero-subtitle{ font-size: 1.2rem; color: var(--primary); font-weight: 600; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .author-box{
            display: inline-flex; align-items: center; background: white; padding: 1.5rem;
            border-radius: var(--radius-md); box-shadow: var(--shadow-sm); text-align: left; gap: 1.2rem;
            max-width: 700px; margin: 0 auto; border: 1px solid var(--border);
        }
.yd-tail--tails-cat-12-tail .yd-tail-article .author-avatar{ width: 55px; height: 55px; background: var(--accent); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.5rem; flex-shrink: 0; }
.yd-tail--tails-cat-12-tail .yd-tail-article .section-header{ display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--secondary); }
.yd-tail--tails-cat-12-tail .yd-tail-article .section-num{ background: var(--primary-light); color: var(--primary); width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.2rem; flex-shrink: 0; }
.yd-tail--tails-cat-12-tail .yd-tail-article .section-title{ font-size: 1.6rem; font-weight: 800; }
.yd-tail--tails-cat-12-tail .yd-tail-article .stat-bar-container{ margin-top: 1.5rem; background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); }
.yd-tail--tails-cat-12-tail .yd-tail-article .stat-item{ margin-bottom: 1.2rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .stat-item:last-child{ margin-bottom: 0; }
.yd-tail--tails-cat-12-tail .yd-tail-article .stat-info{ display: flex; justify-content: space-between; margin-bottom: 0.4rem; font-weight: 700; font-size: 1rem; color: var(--text-heading); }
.yd-tail--tails-cat-12-tail .yd-tail-article .stat-bar-bg{ background: var(--secondary); height: 12px; border-radius: 999px; overflow: hidden; }
.yd-tail--tails-cat-12-tail .yd-tail-article .stat-bar-fill{ background: linear-gradient(90deg, var(--accent), var(--primary)); height: 100%; border-radius: 999px; }
.yd-tail--tails-cat-12-tail .yd-tail-article .chart-container{ background: white; border: 1px solid var(--border); padding: 1.8rem; border-radius: var(--radius-md); margin: 2rem 0; box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-12-tail .yd-tail-article .chart-title{ font-weight: 800; font-size: 1.15rem; margin-bottom: 1.2rem; color: var(--text-heading); text-align: center; display: flex; justify-content: center; align-items: center; gap: 0.5rem;}
.yd-tail--tails-cat-12-tail .yd-tail-article .bar-chart{ display: flex; flex-direction: column; gap: 1rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .bar-row{ display: flex; align-items: center; gap: 1rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .bar-label{ width: 100px; font-weight: 700; font-size: 0.95rem; text-align: right; color: var(--text-main); flex-shrink: 0; }
.yd-tail--tails-cat-12-tail .yd-tail-article .bar-track{ flex: 1; background: var(--secondary); height: 24px; border-radius: 12px; overflow: hidden; }
.yd-tail--tails-cat-12-tail .yd-tail-article .bar-fill{ height: 100%; border-radius: 12px; display: flex; align-items: center; justify-content: flex-end; padding-right: 0.8rem; color: white; font-size: 0.85rem; font-weight: bold; }
.yd-tail--tails-cat-12-tail .yd-tail-article .pie-chart-wrapper{ display: flex; align-items: center; justify-content: center; gap: 2.5rem; flex-wrap: wrap; margin-top: 1rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .pie-chart{ width: 180px; height: 180px; border-radius: 50%; background: conic-gradient(var(--primary) 0% 45%, var(--accent) 45% 80%, #cbd5e1 80% 100%); box-shadow: inset 0 0 0 4px rgba(255,255,255,0.2), 0 4px 12px rgba(0,0,0,0.1); }
.yd-tail--tails-cat-12-tail .yd-tail-article .pie-legend{ display: flex; flex-direction: column; gap: 0.8rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .legend-item{ display: flex; align-items: center; gap: 0.6rem; font-size: 1rem; font-weight: 600; color: var(--text-main); }
.yd-tail--tails-cat-12-tail .yd-tail-article .legend-color{ width: 16px; height: 16px; border-radius: 4px; }
.yd-tail--tails-cat-12-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin-top: 1.5rem; border-radius: var(--radius-sm); border: 1px solid var(--border); margin-bottom: 1.5rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-12-tail .yd-tail-article th,.yd-tail--tails-cat-12-tail .yd-tail-article td{ padding: 1.2rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-12-tail .yd-tail-article th{ background: var(--secondary); font-weight: 700; color: var(--text-heading); }
.yd-tail--tails-cat-12-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 600; }
.yd-tail--tails-cat-12-tail .yd-tail-article tr:last-child td{ border-bottom: none; }
.yd-tail--tails-cat-12-tail .yd-tail-article .step-list{ display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .step-item{ display: flex; gap: 1.2rem; align-items: center; padding: 1.2rem 1.5rem; background: white; border: 1px solid var(--border); border-radius: var(--radius-md); }
.yd-tail--tails-cat-12-tail .yd-tail-article .step-num{ flex-shrink: 0; width: 32px; height: 32px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .alert-box{ background: var(--alert-bg); border: 1px solid var(--alert-border); padding: 1.5rem; border-radius: var(--radius-md); color: var(--alert-text); margin: 1.5rem 0; }
.yd-tail--tails-cat-12-tail .yd-tail-article .tag-cloud{ display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 1.5rem 0; }
.yd-tail--tails-cat-12-tail .yd-tail-article .tag-item{ background: white; border: 1px solid var(--border); color: var(--primary); padding: 0.6rem 1.2rem; border-radius: 999px; font-weight: 700; font-size: 0.95rem; transition: all 0.2s; box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-12-tail .yd-tail-article .tag-item:hover{ background: var(--primary); color: white; border-color: var(--primary); transform: translateY(-2px); }
.yd-tail--tails-cat-12-tail .yd-tail-article .review-grid{ display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); position: relative; }
.yd-tail--tails-cat-12-tail .yd-tail-article .review-card::before{ content: "\""; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; color: var(--border-light); font-family: serif; line-height: 1; }
.yd-tail--tails-cat-12-tail .yd-tail-article .reviewer-text{ font-size: 1.1rem; color: var(--text-heading); font-weight: 600; font-style: italic; line-height: 1.6; position: relative; z-index: 1; }
.yd-tail--tails-cat-12-tail .yd-tail-article .cta-container{ display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .cta-button{ display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; padding: 1.2rem 2.5rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem; text-decoration: none; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; }
.yd-tail--tails-cat-12-tail .yd-tail-article .cta-button:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-12-tail .yd-tail-article .inline-link{ color: var(--primary); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.yd-tail--tails-cat-12-tail .yd-tail-article .inline-link:hover{ color: var(--primary-hover); }
@media (max-width: 768px){.yd-tail--tails-cat-12-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .card{ padding: 1.5rem; }
.yd-tail--tails-cat-12-tail .yd-tail-article .author-box{ flex-direction: column; text-align: center; }
.yd-tail--tails-cat-12-tail .yd-tail-article .step-item{ align-items: flex-start; }
.yd-tail--tails-cat-12-tail .yd-tail-article .bar-label{ width: 80px; font-size: 0.85rem; }}
/* tails.cat-13-tail */
.yd-tail--tails-cat-13-tail .yd-tail-article{
            --primary: #2563eb; 
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
        }
.yd-tail--tails-cat-13-tail .yd-tail-article *{ box-sizing: border-box; margin: 0; padding: 0; }
.yd-tail--tails-cat-13-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.6;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-13-tail .yd-tail-article .container{ max-width: 900px; margin: 0 auto; padding: 2rem 1.5rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 2.5rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-13-tail .yd-tail-article .card:hover{
            transform: translateY(-2px);
            box-shadow: var(--shadow-hover);
        }
.yd-tail--tails-cat-13-tail .yd-tail-article h1,.yd-tail--tails-cat-13-tail .yd-tail-article h2,.yd-tail--tails-cat-13-tail .yd-tail-article h3,.yd-tail--tails-cat-13-tail .yd-tail-article h4{ color: var(--text-heading); line-height: 1.3; letter-spacing: -0.02em; }
.yd-tail--tails-cat-13-tail .yd-tail-article p{ margin-bottom: 1.2rem; word-break: keep-all; font-size: 1.05rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .highlight{ color: var(--primary); font-weight: 700; }
.yd-tail--tails-cat-13-tail .yd-tail-article a{ text-decoration: none; color: inherit; }
.yd-tail--tails-cat-13-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 4rem 2rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-13-tail .yd-tail-article .hero-section::before{
            content: "";
            position: absolute;
            top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.03) 0%, transparent 50%);
            z-index: 0;
        }
.yd-tail--tails-cat-13-tail .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-cat-13-tail .yd-tail-article .badge{ display: inline-block; background: var(--primary); color: white; padding: 0.4rem 1rem; border-radius: 999px; font-weight: 700; font-size: 0.85rem; margin-bottom: 1.5rem; letter-spacing: 0.05em; }
.yd-tail--tails-cat-13-tail .yd-tail-article .hero-title{ font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 1rem; color: var(--text-heading); word-break: keep-all; }
.yd-tail--tails-cat-13-tail .yd-tail-article .hero-subtitle{ font-size: 1.2rem; color: var(--primary); font-weight: 600; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .author-box{
            display: inline-flex; align-items: center; background: white; padding: 1.5rem;
            border-radius: var(--radius-md); box-shadow: var(--shadow-sm); text-align: left; gap: 1.2rem;
            max-width: 700px; margin: 0 auto; border: 1px solid var(--border);
        }
.yd-tail--tails-cat-13-tail .yd-tail-article .author-avatar{ width: 55px; height: 55px; background: var(--accent); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.5rem; flex-shrink: 0; }
.yd-tail--tails-cat-13-tail .yd-tail-article .section-header{ display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--secondary); }
.yd-tail--tails-cat-13-tail .yd-tail-article .section-num{ background: var(--primary-light); color: var(--primary); width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.2rem; flex-shrink: 0; }
.yd-tail--tails-cat-13-tail .yd-tail-article .section-title{ font-size: 1.6rem; font-weight: 800; }
.yd-tail--tails-cat-13-tail .yd-tail-article .stat-bar-container{ margin-top: 1.5rem; background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); }
.yd-tail--tails-cat-13-tail .yd-tail-article .stat-item{ margin-bottom: 1.2rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .stat-item:last-child{ margin-bottom: 0; }
.yd-tail--tails-cat-13-tail .yd-tail-article .stat-info{ display: flex; justify-content: space-between; margin-bottom: 0.4rem; font-weight: 700; font-size: 1rem; color: var(--text-heading); }
.yd-tail--tails-cat-13-tail .yd-tail-article .stat-bar-bg{ background: var(--secondary); height: 12px; border-radius: 999px; overflow: hidden; }
.yd-tail--tails-cat-13-tail .yd-tail-article .stat-bar-fill{ background: linear-gradient(90deg, var(--accent), var(--primary)); height: 100%; border-radius: 999px; }
.yd-tail--tails-cat-13-tail .yd-tail-article .chart-container{ background: white; border: 1px solid var(--border); padding: 1.8rem; border-radius: var(--radius-md); margin: 2rem 0; box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-13-tail .yd-tail-article .chart-title{ font-weight: 800; font-size: 1.15rem; margin-bottom: 1.2rem; color: var(--text-heading); text-align: center; display: flex; justify-content: center; align-items: center; gap: 0.5rem;}
.yd-tail--tails-cat-13-tail .yd-tail-article .bar-chart{ display: flex; flex-direction: column; gap: 1rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .bar-row{ display: flex; align-items: center; gap: 1rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .bar-label{ width: 110px; font-weight: 700; font-size: 0.95rem; text-align: right; color: var(--text-main); flex-shrink: 0; }
.yd-tail--tails-cat-13-tail .yd-tail-article .bar-track{ flex: 1; background: var(--secondary); height: 24px; border-radius: 12px; overflow: hidden; }
.yd-tail--tails-cat-13-tail .yd-tail-article .bar-fill{ height: 100%; border-radius: 12px; display: flex; align-items: center; justify-content: flex-end; padding-right: 0.8rem; color: white; font-size: 0.85rem; font-weight: bold; }
.yd-tail--tails-cat-13-tail .yd-tail-article .pie-chart-wrapper{ display: flex; align-items: center; justify-content: center; gap: 2.5rem; flex-wrap: wrap; margin-top: 1rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .pie-chart{ width: 180px; height: 180px; border-radius: 50%; box-shadow: inset 0 0 0 4px rgba(255,255,255,0.2), 0 4px 12px rgba(0,0,0,0.1); }
.yd-tail--tails-cat-13-tail .yd-tail-article .pie-legend{ display: flex; flex-direction: column; gap: 0.8rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .legend-item{ display: flex; align-items: center; gap: 0.6rem; font-size: 1rem; font-weight: 600; color: var(--text-main); }
.yd-tail--tails-cat-13-tail .yd-tail-article .legend-color{ width: 16px; height: 16px; border-radius: 4px; }
.yd-tail--tails-cat-13-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin-top: 1.5rem; border-radius: var(--radius-sm); border: 1px solid var(--border); margin-bottom: 1.5rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-13-tail .yd-tail-article th,.yd-tail--tails-cat-13-tail .yd-tail-article td{ padding: 1.2rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-13-tail .yd-tail-article th{ background: var(--secondary); font-weight: 700; color: var(--text-heading); }
.yd-tail--tails-cat-13-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 600; }
.yd-tail--tails-cat-13-tail .yd-tail-article tr:last-child td{ border-bottom: none; }
.yd-tail--tails-cat-13-tail .yd-tail-article .step-list{ display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .step-item{ display: flex; gap: 1.2rem; align-items: center; padding: 1.2rem 1.5rem; background: white; border: 1px solid var(--border); border-radius: var(--radius-md); }
.yd-tail--tails-cat-13-tail .yd-tail-article .step-num{ flex-shrink: 0; width: 32px; height: 32px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .alert-box{ background: var(--alert-bg); border: 1px solid var(--alert-border); padding: 1.5rem; border-radius: var(--radius-md); color: var(--alert-text); margin: 1.5rem 0; }
.yd-tail--tails-cat-13-tail .yd-tail-article .tag-cloud{ display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 1.5rem 0; }
.yd-tail--tails-cat-13-tail .yd-tail-article .tag-item{ background: white; border: 1px solid var(--border); color: var(--primary); padding: 0.6rem 1.2rem; border-radius: 999px; font-weight: 700; font-size: 0.95rem; transition: all 0.2s; box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-13-tail .yd-tail-article .tag-item:hover{ background: var(--primary); color: white; border-color: var(--primary); transform: translateY(-2px); }
.yd-tail--tails-cat-13-tail .yd-tail-article .review-grid{ display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); position: relative; }
.yd-tail--tails-cat-13-tail .yd-tail-article .review-card::before{ content: "\""; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; color: var(--border-light); font-family: serif; line-height: 1; }
.yd-tail--tails-cat-13-tail .yd-tail-article .reviewer-text{ font-size: 1.1rem; color: var(--text-heading); font-weight: 600; font-style: italic; line-height: 1.6; position: relative; z-index: 1; }
.yd-tail--tails-cat-13-tail .yd-tail-article .cta-container{ display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .cta-button{ display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; padding: 1.2rem 2.5rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem; text-decoration: none; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; }
.yd-tail--tails-cat-13-tail .yd-tail-article .cta-button:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-13-tail .yd-tail-article .inline-link{ color: var(--primary); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.yd-tail--tails-cat-13-tail .yd-tail-article .inline-link:hover{ color: var(--primary-hover); }
@media (max-width: 768px){.yd-tail--tails-cat-13-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .card{ padding: 1.5rem; }
.yd-tail--tails-cat-13-tail .yd-tail-article .author-box{ flex-direction: column; text-align: center; }
.yd-tail--tails-cat-13-tail .yd-tail-article .step-item{ align-items: flex-start; }
.yd-tail--tails-cat-13-tail .yd-tail-article .bar-label{ width: 90px; font-size: 0.85rem; }}
/* tails.cat-15-tail */
.yd-tail--tails-cat-15-tail .yd-tail-article{
            
            --primary: #2563eb; 
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
        }
.yd-tail--tails-cat-15-tail .yd-tail-article *{
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
.yd-tail--tails-cat-15-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.6;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-15-tail .yd-tail-article .container{
            max-width: 900px;
            margin: 0 auto;
            padding: 2rem 1.5rem;
        }
.yd-tail--tails-cat-15-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 2.5rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-15-tail .yd-tail-article .card:hover{
            transform: translateY(-2px);
            box-shadow: var(--shadow-hover);
        }
.yd-tail--tails-cat-15-tail .yd-tail-article h1,.yd-tail--tails-cat-15-tail .yd-tail-article h2,.yd-tail--tails-cat-15-tail .yd-tail-article h3,.yd-tail--tails-cat-15-tail .yd-tail-article h4{
            color: var(--text-heading);
            line-height: 1.3;
            letter-spacing: -0.02em;
        }
.yd-tail--tails-cat-15-tail .yd-tail-article p{ margin-bottom: 1rem; word-break: keep-all; font-size: 1.05rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .highlight{ color: var(--primary); font-weight: 700; }
.yd-tail--tails-cat-15-tail .yd-tail-article a{ text-decoration: none; color: inherit; }
.yd-tail--tails-cat-15-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 4rem 2rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-15-tail .yd-tail-article .hero-section::before{
            content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.03) 0%, transparent 50%); z-index: 0;
        }
.yd-tail--tails-cat-15-tail .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-cat-15-tail .yd-tail-article .badge{
            display: inline-block; background: var(--primary); color: white; padding: 0.4rem 1rem;
            border-radius: 999px; font-weight: 700; font-size: 0.85rem; margin-bottom: 1.5rem; letter-spacing: 0.05em;
        }
.yd-tail--tails-cat-15-tail .yd-tail-article .hero-title{ font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 1rem; color: var(--text-heading); word-break: keep-all; }
.yd-tail--tails-cat-15-tail .yd-tail-article .hero-subtitle{ font-size: 1.2rem; color: var(--primary); font-weight: 600; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .author-box{
            display: inline-flex; align-items: center; background: white; padding: 1.5rem;
            border-radius: var(--radius-md); box-shadow: var(--shadow-sm); text-align: left; gap: 1.2rem;
            max-width: 750px; margin: 0 auto; border: 1px solid var(--border);
        }
.yd-tail--tails-cat-15-tail .yd-tail-article .author-avatar{ width: 55px; height: 55px; background: var(--accent); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.5rem; flex-shrink: 0; }
.yd-tail--tails-cat-15-tail .yd-tail-article .section-header{ display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--secondary); }
.yd-tail--tails-cat-15-tail .yd-tail-article .section-num{ background: var(--primary-light); color: var(--primary); width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.2rem; flex-shrink: 0; }
.yd-tail--tails-cat-15-tail .yd-tail-article .section-title{ font-size: 1.5rem; font-weight: 800; }
.yd-tail--tails-cat-15-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin-top: 1.5rem; border-radius: var(--radius-sm); border: 1px solid var(--border); margin-bottom: 1.5rem;}
.yd-tail--tails-cat-15-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-15-tail .yd-tail-article th,.yd-tail--tails-cat-15-tail .yd-tail-article td{ padding: 1.2rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-15-tail .yd-tail-article th{ background: var(--secondary); font-weight: 700; color: var(--text-heading); }
.yd-tail--tails-cat-15-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 600; }
.yd-tail--tails-cat-15-tail .yd-tail-article tr:last-child td{ border-bottom: none; }
.yd-tail--tails-cat-15-tail .yd-tail-article .grid-2{ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .grid-3{ display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .feature-card{ background: white; padding: 1.5rem; border-radius: var(--radius-md); border: 1px solid var(--border); transition: all 0.2s; box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-15-tail .yd-tail-article .feature-card:hover{ border-color: var(--primary); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.yd-tail--tails-cat-15-tail .yd-tail-article .feature-icon{ font-size: 2rem; margin-bottom: 1rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .feature-title{ font-weight: 700; margin-bottom: 0.5rem; color: var(--text-heading); font-size: 1.1rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .chart-container{ background: white; border: 1px solid var(--border); padding: 1.8rem; border-radius: var(--radius-md); margin: 2rem 0; box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-15-tail .yd-tail-article .chart-title{ font-weight: 800; font-size: 1.15rem; margin-bottom: 1.2rem; color: var(--text-heading); text-align: center; }
.yd-tail--tails-cat-15-tail .yd-tail-article .bar-chart{ display: flex; flex-direction: column; gap: 1rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .bar-row{ display: flex; align-items: center; gap: 1rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .bar-label{ width: 120px; font-weight: 700; font-size: 0.95rem; text-align: right; color: var(--text-main); flex-shrink: 0; }
.yd-tail--tails-cat-15-tail .yd-tail-article .bar-track{ flex: 1; background: var(--secondary); height: 24px; border-radius: 12px; overflow: hidden; }
.yd-tail--tails-cat-15-tail .yd-tail-article .bar-fill{ height: 100%; border-radius: 12px; display: flex; align-items: center; justify-content: flex-end; padding-right: 0.8rem; color: white; font-size: 0.85rem; font-weight: bold; background: linear-gradient(90deg, var(--accent), var(--primary)); }
.yd-tail--tails-cat-15-tail .yd-tail-article .step-list{ display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .step-item{ display: flex; gap: 1.2rem; align-items: center; padding: 1.2rem 1.5rem; background: white; border: 1px solid var(--border); border-radius: var(--radius-md); }
.yd-tail--tails-cat-15-tail .yd-tail-article .step-num{ flex-shrink: 0; width: 32px; height: 32px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .alert-box{ background: var(--alert-bg); border: 1px solid var(--alert-border); padding: 1.5rem; border-radius: var(--radius-md); color: var(--alert-text); margin: 1.5rem 0; }
.yd-tail--tails-cat-15-tail .yd-tail-article .review-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); position: relative; }
.yd-tail--tails-cat-15-tail .yd-tail-article .review-card::before{ content: "\""; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; color: var(--border-light); font-family: serif; line-height: 1; }
.yd-tail--tails-cat-15-tail .yd-tail-article .reviewer-text{ font-size: 1.05rem; color: var(--text-heading); font-weight: 600; font-style: italic; line-height: 1.6; position: relative; z-index: 1; }
.yd-tail--tails-cat-15-tail .yd-tail-article .reviewer-name{ margin-top: 1rem; font-weight: 700; color: var(--primary); font-size: 0.95rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .faq-item{ border-bottom: 1px solid var(--border); padding: 1.5rem 0; }
.yd-tail--tails-cat-15-tail .yd-tail-article .faq-item:last-child{ border-bottom: none; padding-bottom: 0; }
.yd-tail--tails-cat-15-tail .yd-tail-article .faq-q{ font-weight: 800; font-size: 1.1rem; color: var(--text-heading); margin-bottom: 0.8rem; display: flex; gap: 0.5rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .faq-q::before{ content: "Q."; color: var(--primary); }
.yd-tail--tails-cat-15-tail .yd-tail-article .faq-a{ padding-left: 1.8rem; color: var(--text-muted); font-size: 1.05rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .cta-container{ display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .cta-button{ display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; padding: 1.2rem 2.5rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem; text-decoration: none; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; }
.yd-tail--tails-cat-15-tail .yd-tail-article .cta-button:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-15-tail .yd-tail-article .inline-link{ color: var(--primary); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.yd-tail--tails-cat-15-tail .yd-tail-article .inline-link:hover{ color: var(--primary-hover); }
.yd-tail--tails-cat-15-tail .yd-tail-article .numbered-list{ list-style-type: none; padding: 0; display: flex; flex-direction: column; gap: 0.8rem; margin-bottom: 2rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .list-item{ background: white; border: 1px solid var(--border); padding: 1rem 1.5rem; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-15-tail .yd-tail-article .list-number{ background: var(--primary); color: white; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; flex-shrink: 0; }
@media (max-width: 768px){.yd-tail--tails-cat-15-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .card{ padding: 1.5rem; }
.yd-tail--tails-cat-15-tail .yd-tail-article .author-box{ flex-direction: column; text-align: center; }
.yd-tail--tails-cat-15-tail .yd-tail-article .step-item{ align-items: flex-start; }
.yd-tail--tails-cat-15-tail .yd-tail-article .bar-label{ width: 90px; font-size: 0.85rem; }}
/* tails.cat-18-tail */
.yd-tail--tails-cat-18-tail .yd-tail-article{
            
            --primary: #2563eb;
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
            --success-text: #15803d;
        }
.yd-tail--tails-cat-18-tail .yd-tail-article *{ box-sizing: border-box; margin: 0; padding: 0; }
.yd-tail--tails-cat-18-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.65;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .container{ max-width: 900px; margin: 0 auto; padding: 2.5rem 1.5rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 3rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.yd-tail--tails-cat-18-tail .yd-tail-article h1,.yd-tail--tails-cat-18-tail .yd-tail-article h2,.yd-tail--tails-cat-18-tail .yd-tail-article h3,.yd-tail--tails-cat-18-tail .yd-tail-article h4{ color: var(--text-heading); line-height: 1.35; letter-spacing: -0.02em; }
.yd-tail--tails-cat-18-tail .yd-tail-article h3{ font-size: 1.3rem; margin: 2rem 0 1rem; position: relative; padding-left: 1rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article h3::before{ content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 4px; background: var(--primary); border-radius: 4px; }
.yd-tail--tails-cat-18-tail .yd-tail-article p{ margin-bottom: 1.2rem; word-break: keep-all; font-size: 1.05rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .highlight{ color: var(--primary); font-weight: 700; background: var(--primary-light); padding: 0.1rem 0.4rem; border-radius: 4px; }
.yd-tail--tails-cat-18-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 5rem 3rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .hero-section::before{
            content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.05) 0%, transparent 60%);
            z-index: 0; pointer-events: none;
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-cat-18-tail .yd-tail-article .badge{
            display: inline-block; background: var(--primary); color: white;
            padding: 0.5rem 1.2rem; border-radius: 999px; font-weight: 700;
            font-size: 0.9rem; margin-bottom: 1.5rem; letter-spacing: 0.05em;
            box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .hero-title{ font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 900; margin-bottom: 1rem; color: var(--text-heading); }
.yd-tail--tails-cat-18-tail .yd-tail-article .hero-subtitle{ font-size: 1.25rem; color: var(--primary); font-weight: 600; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .author-box{
            display: inline-flex; align-items: center; background: white; padding: 1rem 2rem;
            border-radius: 999px; box-shadow: var(--shadow-sm); text-align: left; gap: 1.2rem; border: 1px solid var(--border);
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .author-avatar{
            width: 48px; height: 48px; background: linear-gradient(135deg, var(--primary), var(--accent));
            color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 1.2rem;
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .section-header{
            display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;
            padding-bottom: 1.2rem; border-bottom: 2px solid var(--secondary);
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .section-num{
            background: var(--primary-light); color: var(--primary); width: 42px; height: 42px;
            border-radius: 12px; display: flex; align-items: center; justify-content: center;
            font-weight: 900; font-size: 1.3rem;
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .section-title{ font-size: 1.6rem; font-weight: 800; }
.yd-tail--tails-cat-18-tail .yd-tail-article .grid-2{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 1.5rem 0; }
.yd-tail--tails-cat-18-tail .yd-tail-article .feature-card{ background: var(--secondary); padding: 1.8rem; border-radius: var(--radius-md); border: 1px solid transparent; transition: all 0.2s; }
.yd-tail--tails-cat-18-tail .yd-tail-article .feature-card:hover{ background: white; border-color: var(--primary-light); box-shadow: var(--shadow-sm); transform: translateY(-3px); }
.yd-tail--tails-cat-18-tail .yd-tail-article .feature-icon{ font-size: 2.2rem; margin-bottom: 1rem; display: block; }
.yd-tail--tails-cat-18-tail .yd-tail-article .feature-title{ font-weight: 800; font-size: 1.15rem; margin-bottom: 0.5rem; color: var(--text-heading); }
.yd-tail--tails-cat-18-tail .yd-tail-article .feature-desc{ font-size: 0.95rem; color: var(--text-muted); margin: 0; }
.yd-tail--tails-cat-18-tail .yd-tail-article .chart-container{
            background: white; border: 1px solid var(--border); padding: 2.5rem 2rem; 
            border-radius: var(--radius-md); margin: 2rem 0; box-shadow: var(--shadow-sm);
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .chart-title{ font-weight: 800; font-size: 1.2rem; margin-bottom: 1.5rem; color: var(--text-heading); text-align: center; }
.yd-tail--tails-cat-18-tail .yd-tail-article .bar-chart{ display: flex; flex-direction: column; gap: 1.2rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .bar-row{ display: flex; align-items: center; gap: 1rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .bar-label{ width: 150px; font-weight: 700; font-size: 0.95rem; text-align: right; color: var(--text-main); flex-shrink: 0; }
.yd-tail--tails-cat-18-tail .yd-tail-article .bar-track{ flex: 1; background: var(--secondary); height: 32px; border-radius: 16px; overflow: hidden; position: relative; }
.yd-tail--tails-cat-18-tail .yd-tail-article .bar-fill{ height: 100%; border-radius: 16px; display: flex; align-items: center; justify-content: flex-end; padding-right: 1rem; color: white; font-size: 0.9rem; font-weight: bold; background: var(--primary); transition: width 1s ease-in-out; }
.yd-tail--tails-cat-18-tail .yd-tail-article .bar-fill.muted{ background: var(--text-muted); }
.yd-tail--tails-cat-18-tail .yd-tail-article .pie-chart-wrap{ display: flex; justify-content: center; margin: 2rem 0; }
.yd-tail--tails-cat-18-tail .yd-tail-article .pie-chart{ width: 220px; height: 220px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: inset 0 0 20px rgba(0,0,0,0.05); }
.yd-tail--tails-cat-18-tail .yd-tail-article .pie-chart-inner{ width: 130px; height: 130px; background: white; border-radius: 50%; z-index: 10; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: var(--shadow-sm); text-align: center; }
.yd-tail--tails-cat-18-tail .yd-tail-article .pie-legend{ display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .legend-item{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 600; color: var(--text-main); }
.yd-tail--tails-cat-18-tail .yd-tail-article .legend-color{ width: 16px; height: 16px; border-radius: 4px; }
.yd-tail--tails-cat-18-tail .yd-tail-article .step-list{ display: flex; flex-direction: column; gap: 1rem; margin: 2rem 0; }
.yd-tail--tails-cat-18-tail .yd-tail-article .step-item{ display: flex; gap: 1.5rem; align-items: flex-start; padding: 1.5rem; background: white; border: 1px solid var(--border); border-radius: var(--radius-md); }
.yd-tail--tails-cat-18-tail .yd-tail-article .step-num{ flex-shrink: 0; width: 44px; height: 44px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.2rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin: 2rem 0; border-radius: var(--radius-md); border: 1px solid var(--border); box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-18-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-18-tail .yd-tail-article th,.yd-tail--tails-cat-18-tail .yd-tail-article td{ padding: 1.2rem 1.5rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-18-tail .yd-tail-article th{ background: var(--secondary); font-weight: 800; color: var(--text-heading); font-size: 1.05rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 700; }
.yd-tail--tails-cat-18-tail .yd-tail-article tbody tr:hover{ background-color: #f8fafc; }
.yd-tail--tails-cat-18-tail .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.8rem; border-radius: var(--radius-md); position: relative; font-style: italic; color: var(--text-main); margin-bottom: 1rem;}
.yd-tail--tails-cat-18-tail .yd-tail-article .review-card::before{ content: "\""; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; color: var(--border-light); font-family: serif; line-height: 1; z-index: 0; }
.yd-tail--tails-cat-18-tail .yd-tail-article .review-content{ position: relative; z-index: 1; font-size: 1.05rem; margin-bottom: 0.5rem; font-weight: 500;}
.yd-tail--tails-cat-18-tail .yd-tail-article .alert-box{ background: var(--alert-bg); border: 1px solid var(--alert-border); padding: 1.5rem; border-radius: var(--radius-md); color: var(--alert-text); margin-top: 2rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .alert-title{ display: flex; align-items: center; gap: 0.5rem; font-weight: 800; font-size: 1.1rem; margin-bottom: 0.5rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .action-container{
            border: 2px solid var(--primary); background: linear-gradient(to bottom, white, var(--primary-light));
            text-align: center; border-radius: var(--radius-lg); padding: 3.5rem 2rem; margin-top: 3rem;
            box-shadow: var(--shadow-md);
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .btn-group{ display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .action-btn{
            display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
            padding: 1.2rem 2.5rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem;
            text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; min-width: 260px;
        }
.yd-tail--tails-cat-18-tail .yd-tail-article .btn-primary{ background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); }
.yd-tail--tails-cat-18-tail .yd-tail-article .btn-primary:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-18-tail .yd-tail-article .btn-dark{ background: #0f172a; color: white; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.3); }
.yd-tail--tails-cat-18-tail .yd-tail-article .btn-dark:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(15, 23, 42, 0.4); color: white; }
.yd-tail--tails-cat-18-tail .yd-tail-article .tag-list{ display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.2rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .tag{ background-color: var(--secondary); color: var(--primary); padding: 0.4rem 0.8rem; border-radius: 999px; font-size: 0.9rem; font-weight: 700; }
.yd-tail--tails-cat-18-tail .yd-tail-article .grid-3{ display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin: 1.5rem 0; }
.yd-tail--tails-cat-18-tail .yd-tail-article .number-grid{ display: flex; gap: 1rem; justify-content: space-between; flex-wrap: wrap; text-align: center; margin: 2rem 0; }
.yd-tail--tails-cat-18-tail .yd-tail-article .number-item{ flex: 1; min-width: 140px; background: white; border: 1px solid var(--border); padding: 2rem 1rem; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); transition: transform 0.2s; }
.yd-tail--tails-cat-18-tail .yd-tail-article .number-item:hover{ transform: translateY(-4px); border-color: var(--primary-light); box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.1); }
.yd-tail--tails-cat-18-tail .yd-tail-article .number-val{ font-size: 2.8rem; font-weight: 900; color: var(--primary); margin-bottom: 0.5rem; line-height: 1; letter-spacing: -0.05em; }
.yd-tail--tails-cat-18-tail .yd-tail-article .number-label{ font-size: 1rem; color: var(--text-main); font-weight: 800; }
.yd-tail--tails-cat-18-tail .yd-tail-article .timeline{ margin: 2.5rem 0; position: relative; padding-left: 2rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .timeline::before{ content: ""; position: absolute; left: 7px; top: 0; bottom: 0; width: 3px; background: var(--border-light); }
.yd-tail--tails-cat-18-tail .yd-tail-article .timeline-item{ position: relative; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .timeline-item:last-child{ margin-bottom: 0; }
.yd-tail--tails-cat-18-tail .yd-tail-article .timeline-dot{ position: absolute; left: -2.4rem; top: 4px; width: 20px; height: 20px; border-radius: 50%; background: var(--primary); border: 4px solid white; box-shadow: 0 0 0 2px var(--primary-light); }
.yd-tail--tails-cat-18-tail .yd-tail-article .timeline-content{ background: white; padding: 1.8rem; border-radius: var(--radius-md); border: 1px solid var(--border); box-shadow: var(--shadow-sm); transition: all 0.2s; }
.yd-tail--tails-cat-18-tail .yd-tail-article .timeline-content:hover{ border-color: var(--primary-light); background: var(--primary-light); }
.yd-tail--tails-cat-18-tail .yd-tail-article .timeline-title{ font-weight: 800; font-size: 1.2rem; color: var(--text-heading); margin-bottom: 0.5rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-hub{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-link-block{ display: flex; flex-direction: column; justify-content: center; border-radius: var(--radius-lg); padding: 3rem 2rem; overflow: hidden; position: relative; transition: all 0.3s; box-shadow: var(--shadow-sm); color: white; text-align: center; border: none; }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-link-block:hover{ transform: translateY(-5px); box-shadow: var(--shadow-md); }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-kr{ background: linear-gradient(135deg, #1e3a8a, #3b82f6); grid-column: span 2; }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-jp{ background: linear-gradient(135deg, #be123c, #f43f5e); }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-us{ background: linear-gradient(135deg, #0f172a, #475569); }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-title{ font-size: 1.8rem; font-weight: 900; margin-bottom: 0.8rem; letter-spacing: -0.02em; }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-desc{ font-size: 1.05rem; opacity: 0.9; margin-bottom: 1.5rem; line-height: 1.5; }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-tag{ display: inline-block; background: rgba(255,255,255,0.2); backdrop-filter: blur(4px); padding: 0.6rem 1.5rem; border-radius: 999px; font-weight: 800; font-size: 0.95rem; }
@media (max-width: 768px){.yd-tail--tails-cat-18-tail .yd-tail-article .card{ padding: 1.8rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .bar-row{ flex-direction: column; align-items: stretch; gap: 0.5rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .bar-label{ text-align: left; width: auto; font-size: 1rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .step-item{ flex-direction: column; gap: 1rem; }
.yd-tail--tails-cat-18-tail .yd-tail-article .btn-group{ flex-direction: column; }
.yd-tail--tails-cat-18-tail .yd-tail-article .action-btn{ width: 100%; }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-hub{ grid-template-columns: 1fr; }
.yd-tail--tails-cat-18-tail .yd-tail-article .cat-kr{ grid-column: span 1; }
.yd-tail--tails-cat-18-tail .yd-tail-article .number-item{ min-width: 100%; }}
/* tails.cat-19-tail */
.yd-tail--tails-cat-19-tail .yd-tail-article{
            --primary: #2563eb; 
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
        }
.yd-tail--tails-cat-19-tail .yd-tail-article *{ box-sizing: border-box; margin: 0; padding: 0; }
.yd-tail--tails-cat-19-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.65;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .container{ max-width: 900px; margin: 0 auto; padding: 2.5rem 1.5rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 3rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.yd-tail--tails-cat-19-tail .yd-tail-article h1,.yd-tail--tails-cat-19-tail .yd-tail-article h2,.yd-tail--tails-cat-19-tail .yd-tail-article h3,.yd-tail--tails-cat-19-tail .yd-tail-article h4{ color: var(--text-heading); line-height: 1.35; letter-spacing: -0.02em; }
.yd-tail--tails-cat-19-tail .yd-tail-article h3{ font-size: 1.3rem; margin: 2rem 0 1rem; position: relative; padding-left: 1rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article h3::before{ content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 4px; background: var(--primary); border-radius: 4px; }
.yd-tail--tails-cat-19-tail .yd-tail-article p{ margin-bottom: 1.2rem; word-break: keep-all; font-size: 1.05rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .highlight{ color: var(--primary); font-weight: 700; background: var(--primary-light); padding: 0.1rem 0.4rem; border-radius: 4px; }
.yd-tail--tails-cat-19-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 5rem 3rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .hero-section::before{
            content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.04) 0%, transparent 60%);
            z-index: 0; pointer-events: none;
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-cat-19-tail .yd-tail-article .badge{
            display: inline-block; background: var(--primary); color: white;
            padding: 0.5rem 1.2rem; border-radius: 999px; font-weight: 700;
            font-size: 0.9rem; margin-bottom: 1.5rem; letter-spacing: 0.05em;
            box-shadow: 0 4px 10px rgba(37,99,235,0.3);
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .hero-title{ font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 900; margin-bottom: 1rem; color: var(--text-heading); }
.yd-tail--tails-cat-19-tail .yd-tail-article .hero-subtitle{ font-size: 1.25rem; color: var(--primary); font-weight: 600; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .author-box{
            display: inline-flex; align-items: center; background: white; padding: 1rem 2rem;
            border-radius: 999px; box-shadow: var(--shadow-sm); text-align: left; gap: 1.2rem; border: 1px solid var(--border);
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .author-avatar{
            width: 48px; height: 48px; background: linear-gradient(135deg, var(--primary), var(--accent));
            color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 1.2rem;
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .section-header{
            display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;
            padding-bottom: 1.2rem; border-bottom: 2px solid var(--secondary);
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .section-num{
            background: var(--primary-light); color: var(--primary); width: 42px; height: 42px;
            border-radius: 12px; display: flex; align-items: center; justify-content: center;
            font-weight: 900; font-size: 1.3rem;
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .section-title{ font-size: 1.6rem; font-weight: 800; }
.yd-tail--tails-cat-19-tail .yd-tail-article .chart-container{
            background: white; border: 1px solid var(--border); padding: 2rem; 
            border-radius: var(--radius-md); margin: 2rem 0; box-shadow: var(--shadow-sm);
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .chart-title{ font-weight: 800; font-size: 1.2rem; margin-bottom: 1.5rem; color: var(--text-heading); text-align: center; }
.yd-tail--tails-cat-19-tail .yd-tail-article .pie-chart-wrap{ display: flex; justify-content: center; margin: 2rem 0; }
.yd-tail--tails-cat-19-tail .yd-tail-article .pie-chart{ width: 220px; height: 220px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: inset 0 0 20px rgba(0,0,0,0.05); }
.yd-tail--tails-cat-19-tail .yd-tail-article .pie-chart-inner{ width: 130px; height: 130px; background: white; border-radius: 50%; z-index: 10; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-19-tail .yd-tail-article .pie-legend{ display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .legend-item{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 600; color: var(--text-main); }
.yd-tail--tails-cat-19-tail .yd-tail-article .legend-color{ width: 16px; height: 16px; border-radius: 4px; }
.yd-tail--tails-cat-19-tail .yd-tail-article .bar-chart{ display: flex; flex-direction: column; gap: 1.2rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .bar-row{ display: flex; align-items: center; gap: 1rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .bar-label{ width: 160px; font-weight: 700; font-size: 1rem; text-align: right; color: var(--text-main); flex-shrink: 0; }
.yd-tail--tails-cat-19-tail .yd-tail-article .bar-track{ flex: 1; background: var(--secondary); height: 28px; border-radius: 14px; overflow: hidden; }
.yd-tail--tails-cat-19-tail .yd-tail-article .bar-fill{ height: 100%; border-radius: 14px; display: flex; align-items: center; justify-content: flex-end; padding-right: 1rem; color: white; font-size: 0.9rem; font-weight: bold; }
.yd-tail--tails-cat-19-tail .yd-tail-article .tag-cloud{ display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 2rem 0; padding: 1.5rem; background: var(--secondary); border-radius: var(--radius-md); }
.yd-tail--tails-cat-19-tail .yd-tail-article .tag-item{
            background: white; border: 1px solid var(--border); padding: 0.7rem 1.4rem; border-radius: 999px;
            font-weight: 700; color: var(--primary); font-size: 1rem; text-decoration: none;
            transition: all 0.2s; box-shadow: var(--shadow-sm);
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .tag-item:hover{ background: var(--primary); color: white; border-color: var(--primary); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.yd-tail--tails-cat-19-tail .yd-tail-article .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .info-card{ background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); }
.yd-tail--tails-cat-19-tail .yd-tail-article .info-card-title{ font-size: 1.15rem; font-weight: 800; color: var(--text-heading); margin-bottom: 0.8rem; display: flex; align-items: center; gap: 0.5rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .step-list{ display: flex; flex-direction: column; gap: 1rem; margin: 2rem 0; }
.yd-tail--tails-cat-19-tail .yd-tail-article .step-item{ display: flex; gap: 1.5rem; align-items: flex-start; padding: 1.5rem; background: white; border: 1px solid var(--border); border-radius: var(--radius-md); }
.yd-tail--tails-cat-19-tail .yd-tail-article .step-num{ flex-shrink: 0; width: 44px; height: 44px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.2rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin: 2rem 0; border-radius: var(--radius-md); border: 1px solid var(--border); box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-19-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-19-tail .yd-tail-article th,.yd-tail--tails-cat-19-tail .yd-tail-article td{ padding: 1.2rem 1.5rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-19-tail .yd-tail-article th{ background: var(--secondary); font-weight: 800; color: var(--text-heading); font-size: 1.05rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 700; }
.yd-tail--tails-cat-19-tail .yd-tail-article tbody tr:hover{ background-color: #f8fafc; }
.yd-tail--tails-cat-19-tail .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.8rem; border-radius: var(--radius-md); position: relative; font-style: italic; color: var(--text-main); }
.yd-tail--tails-cat-19-tail .yd-tail-article .review-card::before{ content: "\""; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; color: var(--border-light); font-family: serif; line-height: 1; z-index: 0; }
.yd-tail--tails-cat-19-tail .yd-tail-article .review-content{ position: relative; z-index: 1; font-size: 1.05rem; margin-bottom: 1rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .review-author{ font-weight: 700; color: var(--primary); font-size: 0.95rem; display: flex; align-items: center; gap: 0.5rem; font-style: normal; }
.yd-tail--tails-cat-19-tail .yd-tail-article .faq-section{ margin-top: 2rem; border-top: 2px solid var(--secondary); }
.yd-tail--tails-cat-19-tail .yd-tail-article .faq-item{ border-bottom: 1px solid var(--border); padding: 1.5rem 0; }
.yd-tail--tails-cat-19-tail .yd-tail-article .faq-q{ font-weight: 800; font-size: 1.15rem; color: var(--text-heading); margin-bottom: 0.8rem; display: flex; gap: 0.5rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .faq-q::before{ content: "Q."; color: var(--primary); }
.yd-tail--tails-cat-19-tail .yd-tail-article .faq-a{ padding-left: 2rem; color: var(--text-muted); font-size: 1.05rem; line-height: 1.6; }
.yd-tail--tails-cat-19-tail .yd-tail-article .action-container{
            border: 2px solid var(--primary); background: linear-gradient(to bottom, white, var(--primary-light));
            text-align: center; border-radius: var(--radius-lg); padding: 3rem; margin-top: 3rem;
            box-shadow: var(--shadow-md);
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .btn-group{ display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .action-btn{
            display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
            padding: 1.2rem 2.5rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem;
            text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; min-width: 240px;
        }
.yd-tail--tails-cat-19-tail .yd-tail-article .btn-primary{ background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); }
.yd-tail--tails-cat-19-tail .yd-tail-article .btn-primary:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-19-tail .yd-tail-article .btn-dark{ background: #0f172a; color: white; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.3); }
.yd-tail--tails-cat-19-tail .yd-tail-article .btn-dark:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(15, 23, 42, 0.4); color: white; }
@media (max-width: 768px){.yd-tail--tails-cat-19-tail .yd-tail-article .card{ padding: 1.8rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .grid-2{ grid-template-columns: 1fr; }
.yd-tail--tails-cat-19-tail .yd-tail-article .bar-row{ flex-direction: column; align-items: stretch; gap: 0.5rem; }
.yd-tail--tails-cat-19-tail .yd-tail-article .bar-label{ text-align: left; width: auto; }
.yd-tail--tails-cat-19-tail .yd-tail-article .btn-group{ flex-direction: column; }
.yd-tail--tails-cat-19-tail .yd-tail-article .action-btn{ width: 100%; }}
/* tails.cat-2-tail */
.yd-tail--tails-cat-2-tail .yd-tail-article{
            --primary: #2563eb;
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
        }
.yd-tail--tails-cat-2-tail .yd-tail-article *{ box-sizing: border-box; margin: 0; padding: 0; }
.yd-tail--tails-cat-2-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.6;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-2-tail .yd-tail-article .container{ max-width: 900px; margin: 0 auto; padding: 2rem 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 2.5rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-2-tail .yd-tail-article .card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.yd-tail--tails-cat-2-tail .yd-tail-article h1,.yd-tail--tails-cat-2-tail .yd-tail-article h2,.yd-tail--tails-cat-2-tail .yd-tail-article h3,.yd-tail--tails-cat-2-tail .yd-tail-article h4{ color: var(--text-heading); line-height: 1.3; letter-spacing: -0.02em; }
.yd-tail--tails-cat-2-tail .yd-tail-article p{ margin-bottom: 1rem; word-break: keep-all; }
.yd-tail--tails-cat-2-tail .yd-tail-article .highlight{ color: var(--primary); font-weight: 700; }
.yd-tail--tails-cat-2-tail .yd-tail-article a{ text-decoration: none; color: inherit; }
.yd-tail--tails-cat-2-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 4rem 2rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-2-tail .yd-tail-article .badge{
            display: inline-block;
            background: var(--primary);
            color: white;
            padding: 0.4rem 1rem;
            border-radius: 999px;
            font-weight: 700;
            font-size: 0.85rem;
            margin-bottom: 1.5rem;
            letter-spacing: 0.05em;
        }
.yd-tail--tails-cat-2-tail .yd-tail-article .hero-title{ font-size: clamp(2rem, 5vw, 3rem); font-weight: 800; margin-bottom: 1rem; color: var(--text-heading); }
.yd-tail--tails-cat-2-tail .yd-tail-article .article-meta{
            background: rgba(255, 255, 255, 0.9);
            padding: 1.5rem;
            border-radius: var(--radius-md);
            margin-top: 1.5rem;
            display: inline-block;
            text-align: left;
            box-shadow: var(--shadow-sm);
            border: 1px solid var(--border);
            max-width: 600px;
        }
.yd-tail--tails-cat-2-tail .yd-tail-article .section-header{ display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--secondary); }
.yd-tail--tails-cat-2-tail .yd-tail-article .section-num{ background: var(--primary-light); color: var(--primary); width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.2rem; flex-shrink: 0; }
.yd-tail--tails-cat-2-tail .yd-tail-article .section-title{ font-size: 1.5rem; font-weight: 800; }
.yd-tail--tails-cat-2-tail .yd-tail-article .grid-3{ display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; margin-bottom: 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin-top: 1.5rem; border-radius: var(--radius-sm); border: 1px solid var(--border); margin-bottom: 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-2-tail .yd-tail-article th,.yd-tail--tails-cat-2-tail .yd-tail-article td{ padding: 1.2rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-2-tail .yd-tail-article th{ background: var(--secondary); font-weight: 700; color: var(--text-heading); }
.yd-tail--tails-cat-2-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 600; }
.yd-tail--tails-cat-2-tail .yd-tail-article .feature-card{ background: var(--secondary); padding: 1.5rem; border-radius: var(--radius-md); border: 1px solid transparent; transition: all 0.2s; }
.yd-tail--tails-cat-2-tail .yd-tail-article .feature-card:hover{ background: white; border-color: var(--primary-light); box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-2-tail .yd-tail-article .tag-cloud{ display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; margin-bottom: 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .tag{ background: white; border: 1px solid var(--border); padding: 0.4rem 1rem; border-radius: 999px; font-size: 0.9rem; color: var(--text-main); font-weight: 600; transition: all 0.2s; display: inline-block; }
.yd-tail--tails-cat-2-tail .yd-tail-article .tag:hover{ border-color: var(--primary); color: var(--primary); background: var(--primary-light); }
.yd-tail--tails-cat-2-tail .yd-tail-article .cta-button{ display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; padding: 1rem 2rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem; text-decoration: none; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); transition: transform 0.2s, box-shadow 0.2s; margin: 1rem 0; cursor: pointer; }
.yd-tail--tails-cat-2-tail .yd-tail-article .cta-button:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-2-tail .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); position: relative; }
.yd-tail--tails-cat-2-tail .yd-tail-article .reviewer{ font-weight: 700; color: var(--text-heading); margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .reviewer-name{ display: flex; align-items: center; gap: 0.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .reviewer-name::before{ content: "👤"; }
.yd-tail--tails-cat-2-tail .yd-tail-article .step-list{ display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .step-item{ display: flex; gap: 1.5rem; align-items: center; padding: 1.5rem; background: white; border: 1px solid var(--border); border-radius: var(--radius-md); }
.yd-tail--tails-cat-2-tail .yd-tail-article .step-icon{ flex-shrink: 0; width: 48px; height: 48px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .timeline{ margin-top: 2rem; position: relative; padding-left: 2rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .timeline::before{ content: ""; position: absolute; left: 7px; top: 0; bottom: 0; width: 2px; background: var(--border); }
.yd-tail--tails-cat-2-tail .yd-tail-article .timeline-item{ position: relative; margin-bottom: 2rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .timeline-dot{ position: absolute; left: -2rem; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--primary); border: 4px solid white; box-shadow: 0 0 0 1px var(--border); }
.yd-tail--tails-cat-2-tail .yd-tail-article .timeline-content{ background: var(--secondary); padding: 1.2rem; border-radius: var(--radius-sm); }
.yd-tail--tails-cat-2-tail .yd-tail-article .alert-box{ background: var(--alert-bg); border: 1px solid var(--alert-border); padding: 1.5rem; border-radius: var(--radius-md); color: var(--alert-text); margin: 1.5rem 0; }
.yd-tail--tails-cat-2-tail .yd-tail-article .rules-list{ list-style: none; counter-reset: rules-counter; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .rules-list li{ position: relative; padding: 1rem 1rem 1rem 3rem; background: var(--secondary); border-radius: var(--radius-sm); font-weight: 600; border: 1px solid var(--border); }
.yd-tail--tails-cat-2-tail .yd-tail-article .rules-list li::before{ counter-increment: rules-counter; content: counter(rules-counter); position: absolute; left: 0.8rem; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .stat-bar-container{ margin-top: 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .stat-item{ margin-bottom: 1.2rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .stat-info{ display: flex; justify-content: space-between; margin-bottom: 0.4rem; font-weight: 600; }
.yd-tail--tails-cat-2-tail .yd-tail-article .stat-bar-bg{ background: var(--secondary); height: 12px; border-radius: 999px; overflow: hidden; }
.yd-tail--tails-cat-2-tail .yd-tail-article .stat-bar-fill{ background: linear-gradient(90deg, var(--accent), var(--primary)); height: 100%; border-radius: 999px; transition: width 1s ease-in-out; }
@media (max-width: 768px){.yd-tail--tails-cat-2-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .card{ padding: 1.5rem; }
.yd-tail--tails-cat-2-tail .yd-tail-article .grid-2{ grid-template-columns: 1fr; }}
/* tails.cat-20-tail */
.yd-tail--tails-cat-20-tail .yd-tail-article{
            --primary: #2563eb; 
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
        }
.yd-tail--tails-cat-20-tail .yd-tail-article *{ box-sizing: border-box; margin: 0; padding: 0; }
.yd-tail--tails-cat-20-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.65;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .container{ max-width: 900px; margin: 0 auto; padding: 2.5rem 1.5rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 3rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.yd-tail--tails-cat-20-tail .yd-tail-article h1,.yd-tail--tails-cat-20-tail .yd-tail-article h2,.yd-tail--tails-cat-20-tail .yd-tail-article h3,.yd-tail--tails-cat-20-tail .yd-tail-article h4{ color: var(--text-heading); line-height: 1.35; letter-spacing: -0.02em; }
.yd-tail--tails-cat-20-tail .yd-tail-article h3{ font-size: 1.3rem; margin: 2rem 0 1rem; position: relative; padding-left: 1rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article h3::before{ content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 4px; background: var(--primary); border-radius: 4px; }
.yd-tail--tails-cat-20-tail .yd-tail-article p{ margin-bottom: 1.2rem; word-break: keep-all; font-size: 1.05rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .highlight{ color: var(--primary); font-weight: 700; background: var(--primary-light); padding: 0.1rem 0.4rem; border-radius: 4px; }
.yd-tail--tails-cat-20-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 5rem 3rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .hero-section::before{
            content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.04) 0%, transparent 60%);
            z-index: 0; pointer-events: none;
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-cat-20-tail .yd-tail-article .badge{
            display: inline-block; background: var(--primary); color: white;
            padding: 0.5rem 1.2rem; border-radius: 999px; font-weight: 700;
            font-size: 0.9rem; margin-bottom: 1.5rem; letter-spacing: 0.05em;
            box-shadow: 0 4px 10px rgba(37,99,235,0.3);
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .hero-title{ font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 900; margin-bottom: 1rem; color: var(--text-heading); }
.yd-tail--tails-cat-20-tail .yd-tail-article .hero-subtitle{ font-size: 1.25rem; color: var(--primary); font-weight: 600; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .author-box{
            display: inline-flex; align-items: center; background: white; padding: 1rem 2rem;
            border-radius: 999px; box-shadow: var(--shadow-sm); text-align: left; gap: 1.2rem; border: 1px solid var(--border);
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .author-avatar{
            width: 48px; height: 48px; background: linear-gradient(135deg, var(--primary), var(--accent));
            color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 1.2rem;
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .section-header{
            display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;
            padding-bottom: 1.2rem; border-bottom: 2px solid var(--secondary);
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .section-num{
            background: var(--primary-light); color: var(--primary); width: 42px; height: 42px;
            border-radius: 12px; display: flex; align-items: center; justify-content: center;
            font-weight: 900; font-size: 1.3rem;
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .section-title{ font-size: 1.6rem; font-weight: 800; }
.yd-tail--tails-cat-20-tail .yd-tail-article .tag-cloud{ display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 2rem 0; padding: 1.5rem; background: var(--secondary); border-radius: var(--radius-md); }
.yd-tail--tails-cat-20-tail .yd-tail-article .tag-item{
            background: white; border: 1px solid var(--border); padding: 0.7rem 1.4rem; border-radius: 999px;
            font-weight: 700; color: var(--primary); font-size: 1rem; text-decoration: none;
            transition: all 0.2s; box-shadow: var(--shadow-sm);
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .tag-item:hover{ background: var(--primary); color: white; border-color: var(--primary); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.yd-tail--tails-cat-20-tail .yd-tail-article .chart-container{
            background: white; border: 1px solid var(--border); padding: 2rem; 
            border-radius: var(--radius-md); margin: 2rem 0; box-shadow: var(--shadow-sm);
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .chart-title{ font-weight: 800; font-size: 1.15rem; margin-bottom: 1.5rem; color: var(--text-heading); text-align: center; }
.yd-tail--tails-cat-20-tail .yd-tail-article .bar-chart{ display: flex; flex-direction: column; gap: 1.2rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .bar-row{ display: flex; align-items: center; gap: 1rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .bar-label{ width: 140px; font-weight: 700; font-size: 0.95rem; text-align: right; color: var(--text-main); flex-shrink: 0; }
.yd-tail--tails-cat-20-tail .yd-tail-article .bar-track{ flex: 1; background: var(--secondary); height: 32px; border-radius: 16px; overflow: hidden; position: relative; }
.yd-tail--tails-cat-20-tail .yd-tail-article .bar-fill{ height: 100%; border-radius: 16px; display: flex; align-items: center; justify-content: flex-end; padding-right: 1rem; color: white; font-size: 0.9rem; font-weight: bold; background: var(--primary); }
.yd-tail--tails-cat-20-tail .yd-tail-article .bar-fill.accent{ background: var(--accent); }
.yd-tail--tails-cat-20-tail .yd-tail-article .pie-chart-wrap{ display: flex; justify-content: center; margin: 2rem 0; }
.yd-tail--tails-cat-20-tail .yd-tail-article .pie-chart{ width: 220px; height: 220px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: inset 0 0 20px rgba(0,0,0,0.05); }
.yd-tail--tails-cat-20-tail .yd-tail-article .pie-chart-inner{ width: 130px; height: 130px; background: white; border-radius: 50%; z-index: 10; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: var(--shadow-sm); text-align: center; }
.yd-tail--tails-cat-20-tail .yd-tail-article .pie-legend{ display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .legend-item{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 600; color: var(--text-main); }
.yd-tail--tails-cat-20-tail .yd-tail-article .legend-color{ width: 16px; height: 16px; border-radius: 4px; }
.yd-tail--tails-cat-20-tail .yd-tail-article .video-list{ display: flex; flex-direction: column; gap: 1rem; margin: 2rem 0; }
.yd-tail--tails-cat-20-tail .yd-tail-article .video-item{ 
            display: flex; gap: 1rem; align-items: center; padding: 1.2rem 1.5rem; 
            background: white; border: 1px solid var(--border); border-radius: var(--radius-md);
            text-decoration: none; color: var(--text-main); transition: all 0.2s;
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .video-item:hover{ transform: translateX(5px); border-color: var(--primary); box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-20-tail .yd-tail-article .video-icon{ width: 40px; height: 40px; background: var(--primary-light); color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
.yd-tail--tails-cat-20-tail .yd-tail-article .video-title{ font-weight: 700; font-size: 1rem; line-height: 1.4; color: var(--text-heading); }
.yd-tail--tails-cat-20-tail .yd-tail-article .video-badge{ background: var(--accent); color: white; padding: 0.2rem 0.5rem; border-radius: 4px; font-size: 0.75rem; font-weight: 800; margin-right: 0.5rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .step-list{ display: flex; flex-direction: column; gap: 1rem; margin: 2rem 0; }
.yd-tail--tails-cat-20-tail .yd-tail-article .step-item{ display: flex; gap: 1.5rem; align-items: flex-start; padding: 1.5rem; background: white; border: 1px solid var(--border); border-radius: var(--radius-md); }
.yd-tail--tails-cat-20-tail .yd-tail-article .step-num{ flex-shrink: 0; width: 44px; height: 44px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.2rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin: 2rem 0; border-radius: var(--radius-md); border: 1px solid var(--border); box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-20-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-20-tail .yd-tail-article th,.yd-tail--tails-cat-20-tail .yd-tail-article td{ padding: 1.2rem 1.5rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-20-tail .yd-tail-article th{ background: var(--secondary); font-weight: 800; color: var(--text-heading); font-size: 1.05rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 700; }
.yd-tail--tails-cat-20-tail .yd-tail-article tbody tr:hover{ background-color: #f8fafc; }
.yd-tail--tails-cat-20-tail .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.8rem; border-radius: var(--radius-md); position: relative; font-style: italic; color: var(--text-main); margin-bottom: 1rem;}
.yd-tail--tails-cat-20-tail .yd-tail-article .review-card::before{ content: "\""; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; color: var(--border-light); font-family: serif; line-height: 1; z-index: 0; }
.yd-tail--tails-cat-20-tail .yd-tail-article .review-content{ position: relative; z-index: 1; font-size: 1.05rem; margin-bottom: 0.5rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .action-container{
            border: 2px solid var(--primary); background: linear-gradient(to bottom, white, var(--primary-light));
            text-align: center; border-radius: var(--radius-lg); padding: 3.5rem 2rem; margin-top: 3rem;
            box-shadow: var(--shadow-md);
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .btn-group{ display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .action-btn{
            display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
            padding: 1.2rem 2.5rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem;
            text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; min-width: 240px;
        }
.yd-tail--tails-cat-20-tail .yd-tail-article .btn-primary{ background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); }
.yd-tail--tails-cat-20-tail .yd-tail-article .btn-primary:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-20-tail .yd-tail-article .btn-dark{ background: #0f172a; color: white; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.3); }
.yd-tail--tails-cat-20-tail .yd-tail-article .btn-dark:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(15, 23, 42, 0.4); color: white; }
@media (max-width: 768px){.yd-tail--tails-cat-20-tail .yd-tail-article .card{ padding: 1.8rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .bar-row{ flex-direction: column; align-items: stretch; gap: 0.5rem; }
.yd-tail--tails-cat-20-tail .yd-tail-article .bar-label{ text-align: left; width: auto; }
.yd-tail--tails-cat-20-tail .yd-tail-article .btn-group{ flex-direction: column; }
.yd-tail--tails-cat-20-tail .yd-tail-article .action-btn{ width: 100%; }}
/* tails.cat-21-tail */
.yd-tail--tails-cat-21-tail .yd-tail-article{
            --primary: #2563eb; 
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
        }
.yd-tail--tails-cat-21-tail .yd-tail-article *{ box-sizing: border-box; margin: 0; padding: 0; }
.yd-tail--tails-cat-21-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.65;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .container{ max-width: 900px; margin: 0 auto; padding: 2.5rem 1.5rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 3rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.yd-tail--tails-cat-21-tail .yd-tail-article h1,.yd-tail--tails-cat-21-tail .yd-tail-article h2,.yd-tail--tails-cat-21-tail .yd-tail-article h3,.yd-tail--tails-cat-21-tail .yd-tail-article h4{ color: var(--text-heading); line-height: 1.35; letter-spacing: -0.02em; }
.yd-tail--tails-cat-21-tail .yd-tail-article h3{ font-size: 1.3rem; margin: 2rem 0 1rem; position: relative; padding-left: 1rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article h3::before{ content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 4px; background: var(--primary); border-radius: 4px; }
.yd-tail--tails-cat-21-tail .yd-tail-article p{ margin-bottom: 1.2rem; word-break: keep-all; font-size: 1.05rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .highlight{ color: var(--primary); font-weight: 700; background: var(--primary-light); padding: 0.1rem 0.4rem; border-radius: 4px; }
.yd-tail--tails-cat-21-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 5rem 3rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .hero-section::before{
            content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.04) 0%, transparent 60%);
            z-index: 0; pointer-events: none;
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-cat-21-tail .yd-tail-article .badge{
            display: inline-block; background: var(--primary); color: white;
            padding: 0.5rem 1.2rem; border-radius: 999px; font-weight: 700;
            font-size: 0.9rem; margin-bottom: 1.5rem; letter-spacing: 0.05em;
            box-shadow: 0 4px 10px rgba(37,99,235,0.3);
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .hero-title{ font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 900; margin-bottom: 1rem; color: var(--text-heading); }
.yd-tail--tails-cat-21-tail .yd-tail-article .hero-subtitle{ font-size: 1.25rem; color: var(--primary); font-weight: 600; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .author-box{
            display: inline-flex; align-items: center; background: white; padding: 1rem 2rem;
            border-radius: 999px; box-shadow: var(--shadow-sm); text-align: left; gap: 1.2rem; border: 1px solid var(--border);
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .author-avatar{
            width: 48px; height: 48px; background: linear-gradient(135deg, var(--primary), var(--accent));
            color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 1.2rem;
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .section-header{
            display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;
            padding-bottom: 1.2rem; border-bottom: 2px solid var(--secondary);
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .section-num{
            background: var(--primary-light); color: var(--primary); width: 42px; height: 42px;
            border-radius: 12px; display: flex; align-items: center; justify-content: center;
            font-weight: 900; font-size: 1.3rem;
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .section-title{ font-size: 1.6rem; font-weight: 800; }
.yd-tail--tails-cat-21-tail .yd-tail-article .tag-cloud{ display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 2rem 0; padding: 1.5rem; background: var(--secondary); border-radius: var(--radius-md); }
.yd-tail--tails-cat-21-tail .yd-tail-article .tag-item{
            background: white; border: 1px solid var(--border); padding: 0.7rem 1.4rem; border-radius: 999px;
            font-weight: 700; color: var(--primary); font-size: 1rem; text-decoration: none;
            transition: all 0.2s; box-shadow: var(--shadow-sm);
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .tag-item:hover{ background: var(--primary); color: white; border-color: var(--primary); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.yd-tail--tails-cat-21-tail .yd-tail-article .chart-container{
            background: white; border: 1px solid var(--border); padding: 2rem; 
            border-radius: var(--radius-md); margin: 2rem 0; box-shadow: var(--shadow-sm);
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .chart-title{ font-weight: 800; font-size: 1.15rem; margin-bottom: 1.5rem; color: var(--text-heading); text-align: center; }
.yd-tail--tails-cat-21-tail .yd-tail-article .bar-chart{ display: flex; flex-direction: column; gap: 1.2rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .bar-row{ display: flex; align-items: center; gap: 1rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .bar-label{ width: 150px; font-weight: 700; font-size: 0.95rem; text-align: right; color: var(--text-main); flex-shrink: 0; }
.yd-tail--tails-cat-21-tail .yd-tail-article .bar-track{ flex: 1; background: var(--secondary); height: 32px; border-radius: 16px; overflow: hidden; position: relative; }
.yd-tail--tails-cat-21-tail .yd-tail-article .bar-fill{ height: 100%; border-radius: 16px; display: flex; align-items: center; justify-content: flex-end; padding-right: 1rem; color: white; font-size: 0.9rem; font-weight: bold; background: var(--primary); }
.yd-tail--tails-cat-21-tail .yd-tail-article .bar-fill.accent{ background: var(--accent); }
.yd-tail--tails-cat-21-tail .yd-tail-article .bar-fill.muted{ background: var(--text-muted); }
.yd-tail--tails-cat-21-tail .yd-tail-article .pie-chart-wrap{ display: flex; justify-content: center; margin: 2rem 0; }
.yd-tail--tails-cat-21-tail .yd-tail-article .pie-chart{ width: 220px; height: 220px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: inset 0 0 20px rgba(0,0,0,0.05); }
.yd-tail--tails-cat-21-tail .yd-tail-article .pie-chart-inner{ width: 130px; height: 130px; background: white; border-radius: 50%; z-index: 10; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: var(--shadow-sm); text-align: center; }
.yd-tail--tails-cat-21-tail .yd-tail-article .pie-legend{ display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .legend-item{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 600; color: var(--text-main); }
.yd-tail--tails-cat-21-tail .yd-tail-article .legend-color{ width: 16px; height: 16px; border-radius: 4px; }
.yd-tail--tails-cat-21-tail .yd-tail-article .step-list{ display: flex; flex-direction: column; gap: 1rem; margin: 2rem 0; }
.yd-tail--tails-cat-21-tail .yd-tail-article .step-item{ display: flex; gap: 1.5rem; align-items: flex-start; padding: 1.5rem; background: white; border: 1px solid var(--border); border-radius: var(--radius-md); }
.yd-tail--tails-cat-21-tail .yd-tail-article .step-num{ flex-shrink: 0; width: 44px; height: 44px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.2rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .video-list{ display: flex; flex-direction: column; gap: 1rem; margin: 2rem 0; }
.yd-tail--tails-cat-21-tail .yd-tail-article .video-item{ 
            display: flex; gap: 1rem; align-items: center; padding: 1.5rem; 
            background: white; border: 1px solid var(--border); border-radius: var(--radius-md);
            text-decoration: none; color: var(--text-main); transition: all 0.2s;
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .video-item:hover{ transform: translateX(5px); border-color: var(--primary); box-shadow: var(--shadow-md); }
.yd-tail--tails-cat-21-tail .yd-tail-article .video-icon{ width: 44px; height: 44px; background: var(--primary-light); color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
.yd-tail--tails-cat-21-tail .yd-tail-article .video-title{ font-weight: 700; font-size: 1.05rem; line-height: 1.5; color: var(--text-heading); margin-bottom: 0.3rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .video-badge{ background: #0f172a; color: white; padding: 0.2rem 0.6rem; border-radius: 4px; font-size: 0.75rem; font-weight: 800; margin-right: 0.5rem; vertical-align: middle; }
.yd-tail--tails-cat-21-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin: 2rem 0; border-radius: var(--radius-md); border: 1px solid var(--border); box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-21-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-21-tail .yd-tail-article th,.yd-tail--tails-cat-21-tail .yd-tail-article td{ padding: 1.2rem 1.5rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-21-tail .yd-tail-article th{ background: var(--secondary); font-weight: 800; color: var(--text-heading); font-size: 1.05rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 700; }
.yd-tail--tails-cat-21-tail .yd-tail-article tbody tr:hover{ background-color: #f8fafc; }
.yd-tail--tails-cat-21-tail .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.8rem; border-radius: var(--radius-md); position: relative; font-style: italic; color: var(--text-main); margin-bottom: 1rem;}
.yd-tail--tails-cat-21-tail .yd-tail-article .review-card::before{ content: "\""; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; color: var(--border-light); font-family: serif; line-height: 1; z-index: 0; }
.yd-tail--tails-cat-21-tail .yd-tail-article .review-content{ position: relative; z-index: 1; font-size: 1.05rem; margin-bottom: 0.5rem; font-weight: 500;}
.yd-tail--tails-cat-21-tail .yd-tail-article .action-container{
            border: 2px solid var(--primary); background: linear-gradient(to bottom, white, var(--primary-light));
            text-align: center; border-radius: var(--radius-lg); padding: 3.5rem 2rem; margin-top: 3rem;
            box-shadow: var(--shadow-md);
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .btn-group{ display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .action-btn{
            display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
            padding: 1.2rem 2.5rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem;
            text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; min-width: 240px;
        }
.yd-tail--tails-cat-21-tail .yd-tail-article .btn-primary{ background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); }
.yd-tail--tails-cat-21-tail .yd-tail-article .btn-primary:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-21-tail .yd-tail-article .btn-dark{ background: #0f172a; color: white; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.3); }
.yd-tail--tails-cat-21-tail .yd-tail-article .btn-dark:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(15, 23, 42, 0.4); color: white; }
@media (max-width: 768px){.yd-tail--tails-cat-21-tail .yd-tail-article .card{ padding: 1.8rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .bar-row{ flex-direction: column; align-items: stretch; gap: 0.5rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .bar-label{ text-align: left; width: auto; font-size: 1rem; }
.yd-tail--tails-cat-21-tail .yd-tail-article .btn-group{ flex-direction: column; }
.yd-tail--tails-cat-21-tail .yd-tail-article .action-btn{ width: 100%; }
.yd-tail--tails-cat-21-tail .yd-tail-article .video-item{ flex-direction: column; align-items: flex-start; }
.yd-tail--tails-cat-21-tail .yd-tail-article .video-icon{ display: none; }}
/* tails.cat-3-tail */
.yd-tail--tails-cat-3-tail .yd-tail-article{
            
            --primary: #2563eb; 
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article *{
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.6;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .container{
            max-width: 900px;
            margin: 0 auto;
            padding: 2rem 1.5rem;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 2.5rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .card:hover{
            transform: translateY(-2px);
            box-shadow: var(--shadow-hover);
        }
.yd-tail--tails-cat-3-tail .yd-tail-article h1,.yd-tail--tails-cat-3-tail .yd-tail-article h2,.yd-tail--tails-cat-3-tail .yd-tail-article h3,.yd-tail--tails-cat-3-tail .yd-tail-article h4{
            color: var(--text-heading);
            line-height: 1.3;
            letter-spacing: -0.02em;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article p{ margin-bottom: 1rem; word-break: keep-all; }
.yd-tail--tails-cat-3-tail .yd-tail-article .highlight{
            color: var(--primary);
            font-weight: 700;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article a{ text-decoration: none; color: inherit; }
.yd-tail--tails-cat-3-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 4rem 2rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .hero-section::before{
            content: "";
            position: absolute;
            top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.03) 0%, transparent 50%);
            z-index: 0;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-cat-3-tail .yd-tail-article .badge{
            display: inline-block;
            background: var(--primary);
            color: white;
            padding: 0.4rem 1rem;
            border-radius: 999px;
            font-weight: 700;
            font-size: 0.85rem;
            margin-bottom: 1.5rem;
            letter-spacing: 0.05em;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .hero-title{
            font-size: clamp(1.8rem, 4vw, 2.5rem);
            font-weight: 800;
            margin-bottom: 1.5rem;
            color: var(--text-heading);
            word-break: keep-all;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .author-box{
            display: inline-flex;
            align-items: center;
            background: white;
            padding: 1.5rem;
            border-radius: var(--radius-md);
            box-shadow: var(--shadow-sm);
            text-align: left;
            gap: 1.2rem;
            max-width: 600px;
            margin: 0 auto;
            border: 1px solid var(--border);
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .author-avatar{
            width: 50px; height: 50px;
            background: var(--accent);
            color: white;
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-weight: 800;
            font-size: 1.2rem;
            flex-shrink: 0;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .section-header{
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 2px solid var(--secondary);
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .section-num{
            background: var(--primary-light);
            color: var(--primary);
            width: 36px; height: 36px;
            border-radius: 8px;
            display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 1.2rem;
            flex-shrink: 0;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .section-title{ font-size: 1.5rem; font-weight: 800; }
.yd-tail--tails-cat-3-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin-top: 1.5rem; border-radius: var(--radius-sm); border: 1px solid var(--border); margin-bottom: 1.5rem; }
.yd-tail--tails-cat-3-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-3-tail .yd-tail-article th,.yd-tail--tails-cat-3-tail .yd-tail-article td{ padding: 1.2rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-3-tail .yd-tail-article th{ background: var(--secondary); font-weight: 700; color: var(--text-heading); }
.yd-tail--tails-cat-3-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 600; }
.yd-tail--tails-cat-3-tail .yd-tail-article tr:last-child td{ border-bottom: none; }
.yd-tail--tails-cat-3-tail .yd-tail-article .grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-3-tail .yd-tail-article .grid-3{ display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-3-tail .yd-tail-article .feature-card{
            background: var(--secondary);
            padding: 1.5rem;
            border-radius: var(--radius-md);
            border: 1px solid transparent;
            transition: all 0.2s;
        }
.yd-tail--tails-cat-3-tail .yd-tail-article .feature-card:hover{ background: white; border-color: var(--primary-light); box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-3-tail .yd-tail-article .tag-cloud{ display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; margin-bottom: 1.5rem; }
.yd-tail--tails-cat-3-tail .yd-tail-article .tag{ background: white; border: 1px solid var(--border); padding: 0.4rem 1rem; border-radius: 999px; font-size: 0.9rem; color: var(--text-main); font-weight: 600; }
.yd-tail--tails-cat-3-tail .yd-tail-article .cta-button{ display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; padding: 1rem 2rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem; text-decoration: none; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; }
.yd-tail--tails-cat-3-tail .yd-tail-article .cta-button:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-3-tail .yd-tail-article .alert-box{ background: var(--alert-bg); border: 1px solid var(--alert-border); padding: 1.5rem; border-radius: var(--radius-md); color: var(--alert-text); margin: 1.5rem 0; }
.yd-tail--tails-cat-3-tail .yd-tail-article .number-grid{ display: flex; gap: 1rem; justify-content: space-between; flex-wrap: wrap; text-align: center; margin-top: 1.5rem; margin-bottom: 1.5rem; }
.yd-tail--tails-cat-3-tail .yd-tail-article .number-item{ flex: 1; min-width: 150px; background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-3-tail .yd-tail-article .number-val{ font-size: 2.2rem; font-weight: 900; color: var(--primary); margin-bottom: 0.2rem; line-height: 1; }
.yd-tail--tails-cat-3-tail .yd-tail-article .number-label{ font-size: 0.9rem; color: var(--text-muted); font-weight: 600; }
.yd-tail--tails-cat-3-tail .yd-tail-article .stat-bar-container{ margin-top: 1.5rem; background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); }
.yd-tail--tails-cat-3-tail .yd-tail-article .stat-item{ margin-bottom: 1.2rem; }
.yd-tail--tails-cat-3-tail .yd-tail-article .stat-item:last-child{ margin-bottom: 0; }
.yd-tail--tails-cat-3-tail .yd-tail-article .stat-info{ display: flex; justify-content: space-between; margin-bottom: 0.4rem; font-weight: 600; font-size: 0.95rem; }
.yd-tail--tails-cat-3-tail .yd-tail-article .stat-bar-bg{ background: var(--secondary); height: 10px; border-radius: 999px; overflow: hidden; }
.yd-tail--tails-cat-3-tail .yd-tail-article .stat-bar-fill{ background: linear-gradient(90deg, var(--accent), var(--primary)); height: 100%; border-radius: 999px; }
@media (max-width: 768px){.yd-tail--tails-cat-3-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-3-tail .yd-tail-article .card{ padding: 1.5rem; }
.yd-tail--tails-cat-3-tail .yd-tail-article .grid-2{ grid-template-columns: 1fr; }
.yd-tail--tails-cat-3-tail .yd-tail-article .author-box{ flex-direction: column; text-align: center; }}
/* tails.cat-4-tail */
.yd-tail--tails-cat-4-tail .yd-tail-article{
            
            --primary: #2563eb;
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
            --success-text: #15803d;
        }
.yd-tail--tails-cat-4-tail .yd-tail-article *{ box-sizing: border-box; margin: 0; padding: 0; }
.yd-tail--tails-cat-4-tail .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.65;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .container{ max-width: 900px; margin: 0 auto; padding: 2.5rem 1.5rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 3rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.yd-tail--tails-cat-4-tail .yd-tail-article h1,.yd-tail--tails-cat-4-tail .yd-tail-article h2,.yd-tail--tails-cat-4-tail .yd-tail-article h3,.yd-tail--tails-cat-4-tail .yd-tail-article h4{ color: var(--text-heading); line-height: 1.35; letter-spacing: -0.02em; }
.yd-tail--tails-cat-4-tail .yd-tail-article h3{ font-size: 1.3rem; margin: 2rem 0 1rem; position: relative; padding-left: 1rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article h3::before{ content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 4px; background: var(--primary); border-radius: 4px; }
.yd-tail--tails-cat-4-tail .yd-tail-article p{ margin-bottom: 1.2rem; word-break: keep-all; font-size: 1.05rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .highlight{ color: var(--primary); font-weight: 700; background: var(--primary-light); padding: 0.1rem 0.4rem; border-radius: 4px; }
.yd-tail--tails-cat-4-tail .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 5rem 3rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .hero-section::before{
            content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.05) 0%, transparent 60%);
            z-index: 0; pointer-events: none;
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-cat-4-tail .yd-tail-article .badge{
            display: inline-block; background: var(--primary); color: white;
            padding: 0.5rem 1.2rem; border-radius: 999px; font-weight: 700;
            font-size: 0.9rem; margin-bottom: 1.5rem; letter-spacing: 0.05em;
            box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .hero-title{ font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 900; margin-bottom: 1rem; color: var(--text-heading); }
.yd-tail--tails-cat-4-tail .yd-tail-article .hero-subtitle{ font-size: 1.25rem; color: var(--primary); font-weight: 600; margin-bottom: 2.5rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .author-box{
            display: inline-flex; align-items: center; background: white; padding: 1rem 2rem;
            border-radius: 999px; box-shadow: var(--shadow-sm); text-align: left; gap: 1.2rem; border: 1px solid var(--border);
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .author-avatar{
            width: 48px; height: 48px; background: linear-gradient(135deg, var(--primary), var(--accent));
            color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 1.2rem;
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .section-header{
            display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;
            padding-bottom: 1.2rem; border-bottom: 2px solid var(--secondary);
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .section-num{
            background: var(--primary-light); color: var(--primary); width: 42px; height: 42px;
            border-radius: 12px; display: flex; align-items: center; justify-content: center;
            font-weight: 900; font-size: 1.3rem;
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .section-title{ font-size: 1.6rem; font-weight: 800; }
.yd-tail--tails-cat-4-tail .yd-tail-article .grid-2{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 1.5rem 0; }
.yd-tail--tails-cat-4-tail .yd-tail-article .feature-card{ background: var(--secondary); padding: 1.8rem; border-radius: var(--radius-md); border: 1px solid transparent; transition: all 0.2s; }
.yd-tail--tails-cat-4-tail .yd-tail-article .feature-card:hover{ background: white; border-color: var(--primary-light); box-shadow: var(--shadow-sm); transform: translateY(-3px); }
.yd-tail--tails-cat-4-tail .yd-tail-article .feature-icon{ font-size: 2.2rem; margin-bottom: 1rem; display: block; }
.yd-tail--tails-cat-4-tail .yd-tail-article .feature-title{ font-weight: 800; font-size: 1.15rem; margin-bottom: 0.5rem; color: var(--text-heading); }
.yd-tail--tails-cat-4-tail .yd-tail-article .feature-desc{ font-size: 0.95rem; color: var(--text-muted); margin: 0; }
.yd-tail--tails-cat-4-tail .yd-tail-article .chart-container{
            background: white; border: 1px solid var(--border); padding: 2.5rem 2rem; 
            border-radius: var(--radius-md); margin: 2rem 0; box-shadow: var(--shadow-sm);
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .chart-title{ font-weight: 800; font-size: 1.2rem; margin-bottom: 1.5rem; color: var(--text-heading); text-align: center; }
.yd-tail--tails-cat-4-tail .yd-tail-article .bar-chart{ display: flex; flex-direction: column; gap: 1.2rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .bar-row{ display: flex; align-items: center; gap: 1rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .bar-label{ width: 150px; font-weight: 700; font-size: 0.95rem; text-align: right; color: var(--text-main); flex-shrink: 0; }
.yd-tail--tails-cat-4-tail .yd-tail-article .bar-track{ flex: 1; background: var(--secondary); height: 32px; border-radius: 16px; overflow: hidden; position: relative; }
.yd-tail--tails-cat-4-tail .yd-tail-article .bar-fill{ height: 100%; border-radius: 16px; display: flex; align-items: center; justify-content: flex-end; padding-right: 1rem; color: white; font-size: 0.9rem; font-weight: bold; background: var(--primary); transition: width 1s ease-in-out; }
.yd-tail--tails-cat-4-tail .yd-tail-article .bar-fill.accent{ background: var(--accent); }
.yd-tail--tails-cat-4-tail .yd-tail-article .bar-fill.muted{ background: var(--text-muted); }
.yd-tail--tails-cat-4-tail .yd-tail-article .pie-chart-wrap{ display: flex; justify-content: center; margin: 2rem 0; }
.yd-tail--tails-cat-4-tail .yd-tail-article .pie-chart{ width: 220px; height: 220px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: inset 0 0 20px rgba(0,0,0,0.05); }
.yd-tail--tails-cat-4-tail .yd-tail-article .pie-chart-inner{ width: 130px; height: 130px; background: white; border-radius: 50%; z-index: 10; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: var(--shadow-sm); text-align: center; }
.yd-tail--tails-cat-4-tail .yd-tail-article .pie-legend{ display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; margin-top: 1.5rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .legend-item{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 600; color: var(--text-main); }
.yd-tail--tails-cat-4-tail .yd-tail-article .legend-color{ width: 16px; height: 16px; border-radius: 4px; }
.yd-tail--tails-cat-4-tail .yd-tail-article .step-list{ display: flex; flex-direction: column; gap: 1rem; margin: 2rem 0; }
.yd-tail--tails-cat-4-tail .yd-tail-article .step-item{ display: flex; gap: 1.5rem; align-items: flex-start; padding: 1.5rem; background: white; border: 1px solid var(--border); border-radius: var(--radius-md); }
.yd-tail--tails-cat-4-tail .yd-tail-article .step-num{ flex-shrink: 0; width: 44px; height: 44px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.2rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .table-wrap{ overflow-x: auto; margin: 2rem 0; border-radius: var(--radius-md); border: 1px solid var(--border); box-shadow: var(--shadow-sm); }
.yd-tail--tails-cat-4-tail .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-cat-4-tail .yd-tail-article th,.yd-tail--tails-cat-4-tail .yd-tail-article td{ padding: 1.2rem 1.5rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-cat-4-tail .yd-tail-article th{ background: var(--secondary); font-weight: 800; color: var(--text-heading); font-size: 1.05rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 700; }
.yd-tail--tails-cat-4-tail .yd-tail-article tbody tr:hover{ background-color: #f8fafc; }
.yd-tail--tails-cat-4-tail .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.8rem; border-radius: var(--radius-md); position: relative; font-style: italic; color: var(--text-main); margin-bottom: 1rem;}
.yd-tail--tails-cat-4-tail .yd-tail-article .review-card::before{ content: "\""; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; color: var(--border-light); font-family: serif; line-height: 1; z-index: 0; }
.yd-tail--tails-cat-4-tail .yd-tail-article .review-content{ position: relative; z-index: 1; font-size: 1.05rem; margin-bottom: 0.5rem; font-weight: 500;}
.yd-tail--tails-cat-4-tail .yd-tail-article .alert-box{ background: var(--alert-bg); border: 1px solid var(--alert-border); padding: 1.5rem; border-radius: var(--radius-md); color: var(--alert-text); margin-top: 2rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .alert-title{ display: flex; align-items: center; gap: 0.5rem; font-weight: 800; font-size: 1.1rem; margin-bottom: 0.5rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .action-container{
            border: 2px solid var(--primary); background: linear-gradient(to bottom, white, var(--primary-light));
            text-align: center; border-radius: var(--radius-lg); padding: 3.5rem 2rem; margin-top: 3rem;
            box-shadow: var(--shadow-md);
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .btn-group{ display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .action-btn{
            display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
            padding: 1.2rem 2.5rem; border-radius: 999px; font-weight: 800; font-size: 1.1rem;
            text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; min-width: 260px;
        }
.yd-tail--tails-cat-4-tail .yd-tail-article .btn-primary{ background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); }
.yd-tail--tails-cat-4-tail .yd-tail-article .btn-primary:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4); color: white; }
.yd-tail--tails-cat-4-tail .yd-tail-article .btn-dark{ background: #0f172a; color: white; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.3); }
.yd-tail--tails-cat-4-tail .yd-tail-article .btn-dark:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(15, 23, 42, 0.4); color: white; }
@media (max-width: 768px){.yd-tail--tails-cat-4-tail .yd-tail-article .card{ padding: 1.8rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .bar-row{ flex-direction: column; align-items: stretch; gap: 0.5rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .bar-label{ text-align: left; width: auto; font-size: 1rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .step-item{ flex-direction: column; gap: 1rem; }
.yd-tail--tails-cat-4-tail .yd-tail-article .btn-group{ flex-direction: column; }
.yd-tail--tails-cat-4-tail .yd-tail-article .action-btn{ width: 100%; }}
/* tails.main-tail03 */
.yd-tail--tails-main-tail03 .yd-tail-article{
            
            --primary: #2563eb; 
            --primary-light: #eff6ff;
            --primary-hover: #1d4ed8;
            --accent: #0ea5e9;
            --secondary: #f1f5f9;
            --surface: #ffffff;
            --background: #f8fafc;
            
            
            --text-heading: #0f172a;
            --text-main: #334155;
            --text-muted: #64748b;
            
            
            --border: #e2e8f0;
            --border-light: #f1f5f9;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            
            
            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.04);
            --shadow-hover: 0 20px 25px -5px rgba(37, 99, 235, 0.1), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
            
            
            --alert-bg: #fef2f2;
            --alert-text: #b91c1c;
            --alert-border: #fecaca;
            --success-text: #15803d;
        }
.yd-tail--tails-main-tail03 .yd-tail-article *{
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
.yd-tail--tails-main-tail03 .yd-tail-article{
            font-family: "Pretendard", system-ui, -apple-system, sans-serif;
            background-color: var(--background);
            color: var(--text-main);
            line-height: 1.6;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .container{
            max-width: 900px;
            margin: 0 auto;
            padding: 2rem 1.5rem;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .card{
            background-color: var(--surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            padding: 2.5rem;
            margin-bottom: 2.5rem;
            border: 1px solid var(--border-light);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .card:hover{
            transform: translateY(-2px);
            box-shadow: var(--shadow-hover);
        }
.yd-tail--tails-main-tail03 .yd-tail-article h1,.yd-tail--tails-main-tail03 .yd-tail-article h2,.yd-tail--tails-main-tail03 .yd-tail-article h3,.yd-tail--tails-main-tail03 .yd-tail-article h4{
            color: var(--text-heading);
            line-height: 1.3;
            letter-spacing: -0.02em;
        }
.yd-tail--tails-main-tail03 .yd-tail-article p{ margin-bottom: 1rem; word-break: keep-all; }
.yd-tail--tails-main-tail03 .yd-tail-article .highlight{
            color: var(--primary);
            font-weight: 700;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .hero-section{
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
            border-radius: var(--radius-lg);
            padding: 4rem 2rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .hero-section::before{
            content: "";
            position: absolute;
            top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(37,99,235,0.03) 0%, transparent 50%);
            z-index: 0;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .hero-content{ position: relative; z-index: 1; }
.yd-tail--tails-main-tail03 .yd-tail-article .badge{
            display: inline-block;
            background: var(--primary);
            color: white;
            padding: 0.4rem 1rem;
            border-radius: 999px;
            font-weight: 700;
            font-size: 0.85rem;
            margin-bottom: 1.5rem;
            letter-spacing: 0.05em;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .hero-title{
            font-size: clamp(2rem, 5vw, 3rem);
            font-weight: 800;
            margin-bottom: 1rem;
            color: var(--text-heading);
        }
.yd-tail--tails-main-tail03 .yd-tail-article .hero-subtitle{
            font-size: 1.2rem;
            color: var(--primary);
            font-weight: 600;
            margin-bottom: 2rem;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .author-box{
            display: inline-flex;
            align-items: center;
            background: white;
            padding: 0.75rem 1.5rem;
            border-radius: 999px;
            box-shadow: var(--shadow-sm);
            text-align: left;
            gap: 1rem;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .author-avatar{
            width: 40px; height: 40px;
            background: var(--accent);
            color: white;
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-weight: 800;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .section-header{
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 2px solid var(--secondary);
        }
.yd-tail--tails-main-tail03 .yd-tail-article .section-num{
            background: var(--primary-light);
            color: var(--primary);
            width: 36px; height: 36px;
            border-radius: 8px;
            display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 1.2rem;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .section-title{ font-size: 1.5rem; font-weight: 800; }
.yd-tail--tails-main-tail03 .yd-tail-article .table-wrap{ overflow-x: auto; margin-top: 1.5rem; border-radius: var(--radius-sm); border: 1px solid var(--border); }
.yd-tail--tails-main-tail03 .yd-tail-article table{ width: 100%; border-collapse: collapse; background: white; text-align: left; }
.yd-tail--tails-main-tail03 .yd-tail-article th,.yd-tail--tails-main-tail03 .yd-tail-article td{ padding: 1.2rem; border-bottom: 1px solid var(--border); }
.yd-tail--tails-main-tail03 .yd-tail-article th{ background: var(--secondary); font-weight: 700; color: var(--text-heading); }
.yd-tail--tails-main-tail03 .yd-tail-article .col-highlight{ background-color: var(--primary-light); color: var(--primary-hover); font-weight: 600; }
.yd-tail--tails-main-tail03 .yd-tail-article tr:last-child td{ border-bottom: none; }
.yd-tail--tails-main-tail03 .yd-tail-article tbody tr:hover{ background-color: #f8fafc; }
.yd-tail--tails-main-tail03 .yd-tail-article .grid-3{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            margin-top: 1.5rem;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .feature-card{
            background: var(--secondary);
            padding: 1.5rem;
            border-radius: var(--radius-md);
            border: 1px solid transparent;
            transition: all 0.2s;
        }
.yd-tail--tails-main-tail03 .yd-tail-article .feature-card:hover{ background: white; border-color: var(--primary-light); box-shadow: var(--shadow-sm); }
.yd-tail--tails-main-tail03 .yd-tail-article .feature-icon{ font-size: 2rem; margin-bottom: 1rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .feature-title{ font-weight: 700; margin-bottom: 0.5rem; color: var(--text-heading); }
.yd-tail--tails-main-tail03 .yd-tail-article .stat-bar-container{ margin-top: 1.5rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .stat-item{ margin-bottom: 1.2rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .stat-info{ display: flex; justify-content: space-between; margin-bottom: 0.4rem; font-weight: 600; }
.yd-tail--tails-main-tail03 .yd-tail-article .stat-bar-bg{ background: var(--secondary); height: 12px; border-radius: 999px; overflow: hidden; }
.yd-tail--tails-main-tail03 .yd-tail-article .stat-bar-fill{ background: linear-gradient(90deg, var(--accent), var(--primary)); height: 100%; border-radius: 999px; transition: width 1s ease-in-out; }
.yd-tail--tails-main-tail03 .yd-tail-article .number-grid{ display: flex; gap: 1rem; justify-content: space-between; flex-wrap: wrap; text-align: center; margin-top: 1.5rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .number-item{ flex: 1; min-width: 120px; background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); }
.yd-tail--tails-main-tail03 .yd-tail-article .number-val{ font-size: 2.5rem; font-weight: 900; color: var(--primary); margin-bottom: 0.2rem; line-height: 1; }
.yd-tail--tails-main-tail03 .yd-tail-article .number-label{ font-size: 0.9rem; color: var(--text-muted); font-weight: 600; }
.yd-tail--tails-main-tail03 .yd-tail-article .timeline{ margin-top: 2rem; position: relative; padding-left: 2rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .timeline::before{ content: ""; position: absolute; left: 7px; top: 0; bottom: 0; width: 2px; background: var(--border); }
.yd-tail--tails-main-tail03 .yd-tail-article .timeline-item{ position: relative; margin-bottom: 2rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .timeline-item:last-child{ margin-bottom: 0; }
.yd-tail--tails-main-tail03 .yd-tail-article .timeline-dot{ position: absolute; left: -2rem; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--primary); border: 4px solid white; box-shadow: 0 0 0 1px var(--border); }
.yd-tail--tails-main-tail03 .yd-tail-article .timeline-date{ font-weight: 800; color: var(--primary); font-size: 0.9rem; margin-bottom: 0.3rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .timeline-content{ background: var(--secondary); padding: 1.2rem; border-radius: var(--radius-sm); }
.yd-tail--tails-main-tail03 .yd-tail-article .step-list{ display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .step-item{ display: flex; gap: 1.5rem; align-items: flex-start; padding: 1.5rem; background: white; border: 1px solid var(--border); border-radius: var(--radius-md); }
.yd-tail--tails-main-tail03 .yd-tail-article .step-num{ flex-shrink: 0; width: 40px; height: 40px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.2rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .quote-box{ border-left: 4px solid var(--primary); background: var(--secondary); padding: 1.5rem 2rem; border-radius: 0 var(--radius-md) var(--radius-md) 0; font-style: italic; font-size: 1.1rem; margin: 1.5rem 0; color: var(--text-heading); }
.yd-tail--tails-main-tail03 .yd-tail-article .alert-box{ background: var(--alert-bg); border: 1px solid var(--alert-border); padding: 1.5rem; border-radius: var(--radius-md); color: var(--alert-text); margin: 1.5rem 0; }
.yd-tail--tails-main-tail03 .yd-tail-article .alert-title{ display: flex; align-items: center; gap: 0.5rem; font-weight: 700; margin-bottom: 0.5rem; font-size: 1.1rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .review-card{ background: white; border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius-md); position: relative; }
.yd-tail--tails-main-tail03 .yd-tail-article .review-card::before{ content: "\""; position: absolute; top: 1rem; right: 1.5rem; font-size: 3rem; color: var(--border-light); font-family: serif; line-height: 1; }
.yd-tail--tails-main-tail03 .yd-tail-article .reviewer{ font-weight: 700; color: var(--text-heading); margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .reviewer::before{ content: "👤"; }
.yd-tail--tails-main-tail03 .yd-tail-article .faq-item{ border-bottom: 1px solid var(--border); padding: 1.5rem 0; }
.yd-tail--tails-main-tail03 .yd-tail-article .faq-item:last-child{ border-bottom: none; padding-bottom: 0; }
.yd-tail--tails-main-tail03 .yd-tail-article .faq-q{ font-weight: 700; font-size: 1.1rem; color: var(--text-heading); margin-bottom: 0.5rem; display: flex; gap: 0.5rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .faq-q::before{ content: "Q."; color: var(--primary); }
.yd-tail--tails-main-tail03 .yd-tail-article .faq-a{ padding-left: 1.8rem; color: var(--text-muted); }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-hub{ display: flex; flex-direction: column; gap: 1.5rem; margin-top: 2rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-link-block{ text-decoration: none; display: block; border-radius: var(--radius-lg); overflow: hidden; position: relative; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: var(--shadow-sm); }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-link-block:hover{ transform: translateY(-4px); box-shadow: var(--shadow-md); }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-link-title{ font-size: 1.5rem; font-weight: 800; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-link-desc{ font-size: 0.95rem; opacity: 0.9; margin: 0; line-height: 1.4; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-action-btn{ display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 1rem; font-weight: 700; font-size: 0.9rem; padding: 0.5rem 1.2rem; border-radius: 999px; transition: all 0.2s; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-kr{ background: linear-gradient(135deg, #1e3a8a, #3b82f6); color: white; padding: 3.5rem 2rem; text-align: center; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-kr .cat-link-title{ justify-content: center; font-size: 2.2rem; margin-bottom: 1rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-kr .cat-action-btn{ background: rgba(255,255,255,0.2); backdrop-filter: blur(4px); color: white; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-kr:hover .cat-action-btn{ background: white; color: #1e3a8a; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-split-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-jp{ background: white; border: 1px solid var(--border); padding: 2rem; color: var(--text-heading); background-image: radial-gradient(#e2e8f0 1px, transparent 1px); background-size: 20px 20px; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-jp .cat-action-btn{ background: var(--primary-light); color: var(--primary); }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-jp:hover{ border-color: var(--primary); background-color: #f8fafc; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-us{ background: #0f172a; color: white; padding: 2rem; text-align: right; border: 1px solid #1e293b; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-us .cat-link-title{ justify-content: flex-end; font-family: serif; font-size: 1.8rem; letter-spacing: 0.05em; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-us .cat-action-btn{ background: #334155; color: white; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-us:hover .cat-action-btn{ background: white; color: #0f172a; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-bj{ background: #fff1f2; border: 2px dashed #f43f5e; padding: 2rem; color: #9f1239; }
.yd-tail--tails-main-tail03 .yd-tail-article .live-badge{ background: #e11d48; color: white; padding: 0.2rem 0.6rem; border-radius: 6px; font-size: 0.8rem; font-weight: 800; animation: pulse 2s infinite; letter-spacing: 0.05em; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-bj .cat-action-btn{ background: #fda4af; color: #881337; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-bj:hover{ border-style: solid; background: #ffe4e6; }
@keyframes pulse{ 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-sub{ background: linear-gradient(to right, #f0fdfa, white); border-left: 6px solid #0d9488; padding: 2.5rem 2rem; color: #115e59; display: flex; align-items: center; justify-content: space-between; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-sub .cat-action-btn{ background: #ccfbf1; color: #0f766e; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-sub:hover .cat-action-btn{ background: #0d9488; color: white; }
.yd-tail--tails-main-tail03 .yd-tail-article .cc-icon{ font-size: 3rem; color: #0d9488; opacity: 0.2; font-weight: 900; letter-spacing: -0.1em; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-manga{ background: linear-gradient(135deg, #fdf4ff, #f3e8ff); border: 1px solid #e879f9; padding: 2rem; color: #701a75; position: relative; z-index: 1; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-manga::after{ content: "2D"; position: absolute; right: 10px; bottom: -10px; font-size: 5rem; opacity: 0.05; font-weight: 900; z-index: -1; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-manga .cat-action-btn{ background: #f0abfc; color: #4a044e; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-manga:hover{ border-color: #d946ef; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-cn{ background: #fffbeb; border: 1px solid #fcd34d; padding: 2rem; color: #b45309; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-cn .cat-action-btn{ background: #fde68a; color: #78350f; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-cn:hover{ border-color: #fbbf24; background: #fef3c7; }
@media (max-width: 768px){.yd-tail--tails-main-tail03 .yd-tail-article .hero-section{ padding: 3rem 1.5rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .card{ padding: 1.5rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .step-item{ flex-direction: column; gap: 1rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .number-grid{ flex-direction: column; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-split-2{ grid-template-columns: 1fr; }
.yd-tail--tails-main-tail03 .yd-tail-article .cat-sub{ flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1.5rem; }
.yd-tail--tails-main-tail03 .yd-tail-article .cc-icon{ display: none; }}