:root{--feat-radius:12px;--feat-gap:16px}.yb-callout{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:var(--feat-radius);margin:24px 0;border-left:4px solid}.yb-callout--note{background:rgb(99 102 241 / .08);border-color:#6366f1}.yb-callout--tip{background:rgb(34 197 94 / .08);border-color:#22c55e}.yb-callout--warning{background:rgb(234 179 8 / .1);border-color:#eab308}.yb-callout--danger{background:rgb(239 68 68 / .08);border-color:#ef4444}.yb-callout__icon{font-size:1.2em;flex-shrink:0;margin-top:1px}.yb-callout__body{flex:1;font-size:.95em;line-height:1.7}.yb-callout__body p:last-child{margin:0}html.dark-mode .yb-callout--note{background:rgb(99 102 241 / .15)}html.dark-mode .yb-callout--tip{background:rgb(34 197 94 / .12)}html.dark-mode .yb-callout--warning{background:rgb(234 179 8 / .12)}html.dark-mode .yb-callout--danger{background:rgb(239 68 68 / .12)}.yb-toc{background:var(--bg);border:2px solid var(--border);border-radius:8px;padding:0;margin:0 0 32px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .05)}html.dark-mode .yb-toc{box-shadow:0 2px 12px rgb(0 0 0 / .3)}.yb-toc__toggle{display:flex;align-items:center;gap:10px;width:100%;padding:16px 20px;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:700;color:var(--text);text-align:left;transition:background 0.2s ease}.yb-toc__toggle:hover{background:rgb(140 61 230 / .08)}html.dark-mode .yb-toc__toggle:hover{background:rgb(140 61 230 / .15)}.yb-toc__chevron{margin-left:auto;transition:transform 0.3s ease;color:#a35ef3}.yb-toc[data-collapsed="true"] .yb-toc__chevron{transform:rotate(-90deg)}.yb-toc__list{list-style:none;margin:0;padding:12px 20px 18px 20px;border-top:2px solid var(--border)}.yb-toc[data-collapsed="true"] .yb-toc__list{display:none}.yb-toc__item{padding:6px 0;transition:transform 0.15s ease}.yb-toc__item:hover{transform:translateX(4px)}.yb-toc__item--h3{padding-left:20px}.yb-toc__link{color:var(--text)!important;text-decoration:none!important;font-size:.9rem;opacity:.8;transition:all 0.2s;font-weight:400;display:inline-block;border-bottom:none!important}.yb-toc__link:hover{color:var(--primary)!important;opacity:1;text-decoration:none!important}.yb-toc__link.active{color:var(--primary)!important;opacity:1;font-weight:600}html.dark-mode .yb-toc__link{color:var(--text-light)!important;opacity:.8}html.dark-mode .yb-toc__link:hover{color:var(--primary-light)!important;opacity:1}html.dark-mode .yb-toc__link.active{color:var(--primary-light)!important;opacity:1}.yb-share{display:flex;align-items:center;gap:12px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:32px 0;flex-wrap:wrap}.yb-share__label{font-size:.85rem;font-weight:600;color:var(--text);opacity:.6}.yb-share__btns{display:flex;gap:8px;flex-wrap:wrap}.yb-share__btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;text-decoration:none;transition:background 0.2s,color 0.2s,transform 0.15s}.yb-share__btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)}.yb-share__btn--x:hover{background:#000;border-color:#000}.yb-share__btn--linkedin:hover{background:#0077b5;border-color:#0077b5}.yb-share__btn--wa:hover{background:#25d366;border-color:#25d366}.yb-share__btn--copy.copied{background:#22c55e;border-color:#22c55e;color:#fff}.yb-reactions{display:flex;align-items:center;gap:12px;padding:20px 0;margin-bottom:8px;flex-wrap:wrap}.yb-reactions__label{font-size:.85rem;font-weight:600;opacity:.6}.yb-reactions__btns{display:flex;gap:8px;flex-wrap:wrap}.yb-reactions__btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:.88rem;font-weight:500;transition:background 0.2s,transform 0.15s,border-color 0.2s,color 0.2s}.yb-reactions__btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.08)}.yb-reactions__btn.reacted{background:var(--primary);border-color:var(--primary);color:#fff}.yb-reactions__emoji{font-size:1.1em;line-height:1}.yb-reactions__count{font-size:.8em;font-weight:700;min-width:16px;text-align:center}html.dark-mode .yb-reactions__btn{border-color:rgb(255 255 255 / .18)}html.dark-mode .yb-reactions__btn:hover,html.dark-mode .yb-reactions__btn.reacted{border-color:var(--primary)}.yb-related{margin:48px 0 0}.yb-related__heading{font-size:1.25rem;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block}.yb-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--feat-gap)}@media (max-width:768px){.yb-related__grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.yb-related__grid{grid-template-columns:repeat(2,1fr)}}.yb-related__card{display:flex;flex-direction:column;border-radius:var(--feat-radius);overflow:hidden;border:1px solid var(--border);text-decoration:none;color:var(--text);transition:transform 0.2s,box-shadow 0.2s}.yb-related__card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgb(0 0 0 / .12)}.yb-related__img-wrap{aspect-ratio:16/9;overflow:hidden;background:var(--border)}.yb-related__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s}.yb-related__card:hover .yb-related__img{transform:scale(1.05)}.yb-related__placeholder{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--primary)}.yb-related__info{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:6px}.yb-related__cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.yb-related__title{font-size:.95rem;font-weight:600;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yb-related__time{font-size:.75rem;opacity:.55;margin-top:auto}.post-meta__views{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;opacity:.7}.yb-bookmark-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:.84rem;font-weight:500;transition:background 0.2s,border-color 0.2s,color 0.2s}.yb-bookmark-btn:hover{border-color:var(--primary);color:var(--primary)}.yb-bookmark-btn.saved{background:var(--primary);border-color:var(--primary);color:#fff}.yb-bookmark-btn svg{flex-shrink:0}.yb-bookmark-btn.saved .yb-bm-icon{fill:#fff}.yb-bookmark-btn--hero{border-color:rgb(255 255 255 / .35);background:rgb(255 255 255 / .08);color:#fff;backdrop-filter:blur(4px)}.yb-bookmark-btn--hero:hover{background:rgb(255 255 255 / .2);border-color:rgb(255 255 255 / .6);color:#fff}.yb-bookmark-btn--hero.saved{background:var(--primary);border-color:var(--primary);color:#fff}.yb-bookmark-btn--hero.saved .yb-bm-icon{fill:#fff}.yb-blog-saved-btn{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:8px 18px;border-radius:999px;border:1.5px solid rgb(255 255 255 / .35);background:rgb(255 255 255 / .08);color:#fff;cursor:pointer;font-size:.88rem;font-weight:500;transition:background 0.2s,border-color 0.2s}.yb-blog-saved-btn:hover,.yb-blog-saved-btn.active{background:rgb(255 255 255 / .18);border-color:rgb(255 255 255 / .6)}.yb-blog-saved-panel{background:var(--bg);border-bottom:1px solid var(--border)}.yb-blog-saved-panel__inner{max-width:var(--site-width,1200px);margin:0 auto;padding:24px var(--site-pad,24px) 32px}.yb-blog-saved-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.yb-blog-saved-panel__title{display:flex;align-items:center;gap:7px;font-size:.95rem;font-weight:600}.yb-blog-saved-panel__close{background:none;border:none;cursor:pointer;padding:4px;color:var(--text);opacity:.55;transition:opacity 0.15s}.yb-blog-saved-panel__close:hover{opacity:1}.yb-blog-saved-panel .yb-bookmarks-list{display:block;overflow:visible;max-height:none}.yb-bookmarks-empty{display:block;font-size:.9rem;opacity:.5;font-style:italic;padding:12px 0}.yb-saved-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.yb-lightbox{position:fixed;inset:0;z-index:10000;background:rgb(0 0 0 / .92);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.25s ease;cursor:zoom-out}.yb-lightbox.open{opacity:1;pointer-events:auto}.yb-lightbox__inner{position:relative;max-width:92vw;max-height:88vh;cursor:default}.yb-lightbox__img{display:block;max-width:92vw;max-height:88vh;object-fit:contain;border:3px solid rgb(255 255 255 / .15);transform:scale(.95);transition:transform 0.28s cubic-bezier(.22,1,.36,1)}.yb-lightbox.open .yb-lightbox__img{transform:scale(1)}.yb-lightbox__close{position:fixed;top:18px;right:18px;width:42px;height:42px;background:rgb(255 255 255 / .08);border:2px solid rgb(255 255 255 / .2);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background 0.15s;padding:0}.yb-lightbox__close:hover{background:rgb(255 255 255 / .22)}.yb-lightbox__prev,.yb-lightbox__next{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgb(255 255 255 / .08);border:2px solid rgb(255 255 255 / .2);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background 0.15s;padding:0}.yb-lightbox__prev{left:16px}.yb-lightbox__next{right:16px}.yb-lightbox__prev:hover,.yb-lightbox__next:hover{background:rgb(255 255 255 / .22)}.yb-lightbox__caption{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);color:rgb(255 255 255 / .75);font-size:.85rem;text-align:center;max-width:600px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.entry-content img,.post-content img{cursor:zoom-in}.post-content pre[class*="language-"],.entry-content pre[class*="language-"]{border-radius:10px;margin:24px 0;font-size:.87rem;position:relative}.yb-copy-code{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:6px;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .2);color:rgb(255 255 255 / .8);font-size:.75rem;cursor:pointer;transition:background 0.2s;z-index:1}.yb-copy-code:hover{background:rgb(255 255 255 / .22)}.yb-copy-code.copied{background:#22c55e;border-color:#22c55e;color:#fff}@media print{.site-nav,.site-footer,.dark-mode-fab,.settings-modal,.back-to-top,.cursor-dot,.cursor-ring,.scroll-progress,.yb-share,.post-share,.yb-reactions,.yb-related,.yb-toc__toggle,.preloader,.page-veil,.nav-hamburger,#yb-bookmark-btn,.reading-fab,.reading-panel,#yb-reader-bar,.post-hero__author,.breadcrumb,.post-nav,.comments-area,.author-card,.yb-blog-saved-btn,.yb-blog-saved-panel{display:none!important}*,*::before,*::after{color:#000!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}html,body{background:#fff!important;margin:0;padding:0}body{font-family:Georgia,"Times New Roman",serif!important;font-size:12pt;line-height:1.8;color:#000!important}.post-hero{background:none!important;padding:0!important}.post-hero__title{font-size:22pt;font-weight:700;margin:0 0 8pt;line-height:1.25}.post-hero__meta{font-size:10pt;margin-bottom:16pt;opacity:.6}.entry-content{max-width:100%!important;font-size:12pt}.entry-content h2{font-size:16pt;margin-top:24pt}.entry-content h3{font-size:13pt;margin-top:18pt}.entry-content p{margin-bottom:10pt;orphans:3;widows:3}.entry-content blockquote{border-left:3pt solid #000;padding-left:12pt;margin-left:0;font-style:italic}.entry-content pre,.entry-content code{font-family:"Courier New",monospace;font-size:10pt;border:1pt solid #ccc;padding:8pt;white-space:pre-wrap;page-break-inside:avoid}.yb-toc{border:1pt solid #ccc;padding:10pt;page-break-inside:avoid;margin-bottom:16pt}.yb-toc__list{display:block!important}img{max-width:100%!important;page-break-inside:avoid}.post-thumb-wrap{margin:16pt 0}h1,h2,h3{page-break-after:avoid}a[href]::after{content:" (" attr(href) ")";font-size:9pt;color:#555!important}a[href^="#"]::after,a[href^="javascript"]::after{content:""}.post-layout,.post-body-section .section__inner,.post-layout--full{max-width:100%!important;padding:0!important}.section{padding:0!important}}.lb-overlay,.lb-open{display:none!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important}