/* Personal Blog Automatic Colourful Presentation — v12.2.1
   Display-only: never mutates persistent post data. */
.pb-colorful{--pb-blue:#0b579b;--pb-teal:#087f8c;--pb-green:#2f7d55;--pb-gold:#a66b12;--pb-red:#a43a3a;--pb-ink:#243b53}
.pb-colorful h1{color:#123b5e}.pb-colorful h2{color:var(--pb-blue)!important;border-left:4px solid #4b91cf;padding:8px 12px;background:#eef6ff;border-radius:9px}.pb-colorful h3{color:var(--pb-teal)!important;border-left:4px solid #42a8a8;padding-left:10px}.pb-colorful h4{color:var(--pb-green)!important}.pb-colorful strong{color:#6e4a10}.pb-colorful ul,.pb-colorful ol{padding-left:25px}.pb-colorful li{margin:7px 0}.pb-colorful blockquote{margin:18px 0;padding:13px 16px;background:#f6f0ff;border-left:4px solid #7956a8;border-radius:10px}.pb-keybox,.pb-takehome,.pb-warning{margin:18px 0;padding:15px 17px;border-radius:14px;font-family:system-ui,-apple-system,Segoe UI,Arial}.pb-keybox{background:#edf8f3;border:1px solid #bfe3d2;color:#245b45}.pb-takehome{background:#fff7df;border:1px solid #ecd28a;color:#735315}.pb-warning{background:#fff0ed;border:1px solid #efc2b8;color:#8b3f31}.pb-keybox b,.pb-takehome b,.pb-warning b{display:block;margin-bottom:5px;letter-spacing:.02em}.pb-flow{margin:14px 0;padding:12px 14px;background:#eef7fa;border:1px solid #c7e2e9;border-radius:12px;color:#18596b;font-weight:700;white-space:pre-wrap}.pb-colorful p{line-height:1.75}@media(max-width:600px){.pb-colorful h2{padding:7px 9px}.pb-keybox,.pb-takehome,.pb-warning{padding:13px 14px}}

/* v12.2.1 — Personal Blog permanent mobile-fit presentation.
   Display-layer only: applies to existing and future posts without changing stored content. */
html,body{max-width:100%;overflow-x:hidden}
.pb-colorful,.pb-mobile-fit{max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal}
.pb-colorful img,.pb-colorful picture,.pb-colorful video,.pb-colorful canvas,.pb-colorful svg,
.pb-mobile-fit img,.pb-mobile-fit picture,.pb-mobile-fit video,.pb-mobile-fit canvas,.pb-mobile-fit svg{max-width:100%!important;height:auto!important}
.pb-colorful iframe,.pb-mobile-fit iframe{max-width:100%!important;width:100%!important;border:0}
.pb-colorful table,.pb-mobile-fit table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse}
.pb-colorful pre,.pb-mobile-fit pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:pre-wrap;overflow-wrap:anywhere}
.pb-colorful code,.pb-mobile-fit code{white-space:pre-wrap;overflow-wrap:anywhere}
.pb-colorful a,.pb-mobile-fit a{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:767px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{width:100%;min-width:0!important;margin:0!important}
  .shell,.tm-shell,main,.library,.hero .shell{width:100%!important;max-width:100%!important;min-width:0!important}
  .shell,.tm-shell{padding-left:12px!important;padding-right:12px!important}
  .detail,.paper,.post,.row,.tm-modal-in,.reader,.reader .body,.book-page{max-width:100%!important;min-width:0!important}
  .detail,.paper{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}
  .tm-modal{padding:8px!important}.tm-modal-in{width:calc(100vw - 16px)!important;margin:0 auto!important;padding-left:14px!important;padding-right:14px!important}
  .book-track{width:100%!important;max-width:100vw!important;padding-left:8px!important;padding-right:8px!important;gap:8px!important}
  .book-page{width:calc(100vw - 16px)!important;min-width:calc(100vw - 16px)!important;padding:20px 16px!important;margin:0 auto!important}
  .pb-colorful,.article-body,.content,.book-page,.reader .body{width:100%!important;max-width:100%!important;min-width:0!important;font-size:clamp(16px,4.35vw,18px)!important;line-height:1.68!important}
  .pb-colorful h1,.article-body h1,.content h1{font-size:clamp(28px,8vw,38px)!important;line-height:1.16!important;overflow-wrap:anywhere}
  .pb-colorful h2,.article-body h2,.content h2{font-size:clamp(20px,5.8vw,25px)!important;line-height:1.25!important;overflow-wrap:anywhere}
  .pb-colorful h3,.article-body h3,.content h3{font-size:clamp(18px,5.1vw,22px)!important;line-height:1.28!important;overflow-wrap:anywhere}
  .pb-colorful h4,.article-body h4,.content h4{font-size:clamp(17px,4.8vw,20px)!important;line-height:1.3!important;overflow-wrap:anywhere}
  .pb-colorful p,.pb-colorful li,.article-body p,.article-body li,.content p,.content li,.book-page p{max-width:100%!important;overflow-wrap:anywhere;word-break:normal}
  .pb-colorful ul,.pb-colorful ol,.article-body ul,.article-body ol,.content ul,.content ol{max-width:100%;padding-left:22px!important;padding-right:0!important}
  .pb-flow{white-space:pre-wrap!important;overflow-wrap:anywhere!important}
  .reader-toolbar,.reader-top,.reader-nav,.actions,.share,.top,.topnav,.tm-nav{max-width:100%;flex-wrap:wrap!important}
  .reader-toolbar>* ,.reader-top>* ,.reader-nav>* ,.actions>* ,.share>*{max-width:100%}
}


/* v12.2.1 — Academic Posts reinforced phone-fit reading.
   Larger readable type, full-width paper, no clipped sentences; display-only. */
@media(max-width:700px){
  .academic-mobile-fit{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  .academic-mobile-fit .content,.academic-mobile-fit .pb-colorful{font-size:20px!important;line-height:1.72!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .academic-mobile-fit .content p,.academic-mobile-fit .content li{font-size:20px!important;line-height:1.72!important;overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important}
  .academic-mobile-fit img,.academic-mobile-fit iframe,.academic-mobile-fit video{max-width:100%!important;height:auto!important}
}