/* 101 Education Series: general social platform, mobile first, not pet-centric. */
#main-content .pati-edu-path-home,
#main-content .pati-edu-path-list,
#main-content .edu-path-detail{
  width:100%!important;min-width:0!important;max-width:840px!important;
  margin:0 auto!important;box-sizing:border-box!important;
  padding:16px 14px calc(95px + env(safe-area-inset-bottom,0px))!important;
  color:#1c1d22!important;
}
#main-content .pati-ref-academy-header{
  margin:0 0 20px!important;padding:22px 20px!important;
  background:#191b21!important;color:#fff!important;border-radius:22px!important;
  box-shadow:none!important;border:1px solid #282b32!important;
}
#main-content .pati-ref-academy-header span{color:#c5c8d0!important;font-size:11px!important;letter-spacing:.08em!important}
#main-content .pati-ref-academy-header h1{color:#fff!important;font-size:27px!important;line-height:1.15!important;letter-spacing:-.035em!important;margin:9px 0!important}
#main-content .pati-ref-academy-header p{color:#d4d5dc!important;font-size:13px!important}
#main-content .pati-ref-academy-topics{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;width:100%!important;min-width:0!important;
}
#main-content .pati-ref-academy-topic{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;
  min-height:125px!important;padding:14px!important;
  background:#fff!important;color:#191b21!important;
  border:1px solid #e6e7eb!important;border-radius:18px!important;
  box-shadow:none!important;transform:none!important;
}
#main-content .pati-ref-academy-topic .pati-ref-academy-topic-copy{
  display:flex!important;flex:1 1 auto!important;min-width:0!important;
  flex-direction:column!important;align-items:flex-start!important;gap:5px!important;
  overflow-wrap:anywhere!important;
}
#main-content .pati-ref-academy-topic strong{
  color:#17191e!important;font-size:15px!important;line-height:1.3!important;
  font-weight:800!important;overflow-wrap:anywhere!important;
}
#main-content .pati-ref-academy-topic small{color:#727781!important;font-size:12px!important}
#main-content .pati-ref-academy-topic .pati-topic-open{
  color:#484d58!important;font-size:11px!important;font-weight:730!important;
}
#main-content .pati-ref-academy-topic .pati-academy-topic-art-icon{
  flex:0 0 auto!important;display:grid!important;place-items:center!important;
  width:47px!important;height:47px!important;margin:0 0 0 7px!important;
  border-radius:13px!important;background:#f1f2f5!important;
  font-size:25px!important;line-height:1!important;
}
#main-content .pati-edu-path-topic-head,
#main-content .pati-academy-total-progress,
#main-content .pati-edu-path-progress{
  box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
  border-radius:18px!important;
}
#main-content .pati-edu-path-topic-head{background:#f5f6f8!important;color:#17191d!important}
#main-content .pati-edu-path-topic-head h1{color:#191b20!important;font-size:25px!important;overflow-wrap:anywhere!important}
#main-content .pati-edu-path-topic-icon .pati-academy-topic-art-icon{font-size:30px!important}
#main-content .pati-edu-path-items{width:100%!important;max-width:100%!important;min-width:0!important}
#main-content .pati-edu-path-item{min-width:0!important;max-width:100%!important}
#main-content .pati-edu-path-copy{min-width:0!important;overflow-wrap:anywhere!important}
#main-content .pati-edu-notice{color:#727680!important;line-height:1.55!important}
@media(max-width:560px){
 #main-content .pati-edu-path-home,#main-content .pati-edu-path-list,#main-content .edu-path-detail{
  padding:12px 12px calc(95px + env(safe-area-inset-bottom,0px))!important;
 }
 #main-content .pati-ref-academy-header{padding:20px 17px!important;border-radius:19px!important}
 #main-content .pati-ref-academy-header h1{font-size:23px!important}
 #main-content .pati-ref-academy-topics{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 #main-content .pati-ref-academy-topic{min-height:91px!important;padding:13px 15px!important}
 #main-content .pati-ref-academy-topic strong{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){#main-content .pati-ref-academy-topic{transition:none!important}}


/* True full-screen 101 learning environment on phone and desktop.
   The application's header/navigation stay behind the learning view. */
#app-root:not(.hidden) #main-content>.pati-edu{
 position:fixed!important;
 inset:0!important;
 width:100vw!important;height:100dvh!important;
 min-width:0!important;max-width:none!important;
 z-index:25000!important;
 overflow-y:auto!important;overscroll-behavior:contain!important;
 -webkit-overflow-scrolling:touch!important;
 margin:0!important;border:0!important;border-radius:0!important;
 background:#f7f7f9!important;
 padding:max(18px,env(safe-area-inset-top,0px)) max(16px,calc((100vw - 960px) / 2)) max(32px,env(safe-area-inset-bottom,0px))!important;
 box-sizing:border-box!important;
}
#app-root:not(.hidden) #main-content>.pati-edu *{box-sizing:border-box!important}
#main-content .pati-edu-fullscreen-top{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:12px!important;min-height:48px!important;margin:0 0 12px!important;
}
#main-content .pati-edu-fullscreen-top button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:44px!important;padding:10px 15px!important;
 color:#17191e!important;background:#fff!important;
 border:1px solid #e3e5ea!important;border-radius:13px!important;
 font-size:14px!important;font-weight:790!important;
}
#main-content .pati-edu-fullscreen-top span{
 color:#343740!important;font-weight:760!important;font-size:15px!important;
}
#main-content .pati-edu-duration-guide{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;
 margin:0 0 24px!important;padding:17px 18px!important;
 background:#f0f2f5!important;border:1px solid #e0e3e9!important;
 border-radius:17px!important;color:#22252a!important;
}
#main-content .pati-edu-duration-guide strong{
 color:#17191e!important;font-size:16px!important;font-weight:850!important;
}
#main-content .pati-edu-duration-guide>span{
 color:#343940!important;font-size:14px!important;line-height:1.45!important;
}
#main-content .pati-edu-duration-guide small{
 color:#717680!important;font-size:12px!important;line-height:1.5!important;
 margin-top:4px!important;
}
#main-content .pati-edu-lesson-body .pati-edu-step{
 display:flex!important;flex-direction:column!important;gap:10px!important;
 padding:19px!important;margin:0 0 13px!important;
 border:1px solid #e4e6eb!important;border-radius:17px!important;
 background:#fff!important;color:#25272d!important;
}
#main-content .pati-edu-step p{
 margin:0!important;max-width:75ch!important;font-size:15px!important;
 line-height:1.75!important;color:#34383f!important;white-space:pre-line!important;
}
#main-content .pati-edu-lesson-body .pati-edu-step>b{
 display:grid!important;place-items:center!important;width:33px!important;height:33px!important;
 border-radius:11px!important;background:#eef0f4!important;color:#191b20!important;
 font-size:13px!important;
}
#main-content .pati-edu-lesson-head h1{font-size:clamp(24px,4vw,34px)!important;line-height:1.24!important}
#main-content .pati-edu-quiz{
 padding:19px!important;margin-top:22px!important;
 border:1px solid #e2e5ea!important;border-radius:18px!important;
 background:#fff!important;
}
#main-content .edu-v2-lesson-nav button{min-height:46px!important}
@media(max-width:740px){
 #app-root:not(.hidden) #main-content>.pati-edu{
  inset:0!important;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px calc(env(safe-area-inset-bottom,0px) + 28px)!important;
  height:100dvh!important;width:100vw!important;
 }
 #main-content .pati-ref-academy-topics{grid-template-columns:minmax(0,1fr)!important}
 #main-content .pati-edu-duration-guide{padding:15px!important}
 #main-content .pati-edu-lesson-body .pati-edu-step{padding:16px!important}
 #main-content .pati-edu-step p{font-size:14px!important;line-height:1.7!important}
}

/* Buchee 101: compact resume entry, preserve existing series grid and IDs. */
html[data-pati-view="education"] #main-content .pati-edu-path-home>.buchee-edu-resume-shortcut{
 appearance:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 min-height:78px!important;margin:0 0 18px!important;padding:14px 17px!important;gap:12px!important;
 text-align:left!important;background:#fff!important;color:#1a1c20!important;
 border:1px solid #e0e1e6!important;border-radius:16px!important;box-shadow:none!important;
 cursor:pointer!important;touch-action:manipulation!important;
}
html[data-pati-view="education"] #main-content .pati-edu-path-home .buchee-edu-resume-copy{
 display:flex!important;flex-direction:column!important;gap:4px!important;flex:1 1 auto!important;min-width:0!important;
 overflow-wrap:anywhere!important;
}
html[data-pati-view="education"] #main-content .pati-edu-path-home .buchee-edu-resume-copy>small{
 color:#777782!important;font:750 10px/1.25 system-ui,-apple-system,sans-serif!important;letter-spacing:.07em!important;
}
html[data-pati-view="education"] #main-content .pati-edu-path-home .buchee-edu-resume-copy>strong{
 color:#1a1b20!important;font:750 15px/1.35 system-ui,-apple-system,sans-serif!important;
}
html[data-pati-view="education"] #main-content .pati-edu-path-home .buchee-edu-resume-copy>span{
 color:#777782!important;font:500 12px/1.3 system-ui,-apple-system,sans-serif!important;
}
html[data-pati-view="education"] #main-content .pati-edu-path-home .buchee-edu-resume-arrow{
 display:grid!important;place-items:center!important;flex:0 0 38px!important;
 width:38px!important;height:38px!important;border-radius:12px!important;
 background:#202125!important;color:white!important;font:600 23px/1 system-ui,-apple-system,sans-serif!important;
}
html[data-pati-view="education"] #main-content .pati-edu-path-home>.buchee-edu-resume-shortcut:focus-visible{
 outline:3px solid #7865a2!important;outline-offset:2px!important;
}

/* Buchee academy 300: five-question lesson exam, readable mobile controls. */
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz.buchee-edu-quiz{
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 padding:16px 13px 18px!important;margin:12px 0!important;
 border:1px solid #e5e5e8!important;border-radius:18px!important;
 background:#fff!important;color:#1b1c22!important;box-shadow:none!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz.buchee-edu-quiz>strong{
 display:block!important;margin:8px 0!important;color:#15161b!important;
 font-size:19px!important;line-height:1.3!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz.buchee-edu-quiz>p{
 color:#6b6c75!important;font-size:12px!important;line-height:1.5!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-question{
 box-sizing:border-box!important;min-width:0!important;width:100%!important;
 margin:14px 0!important;padding:14px 12px 12px!important;
 border:1px solid #e8e8ec!important;border-radius:14px!important;
 background:#fafafc!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-question>legend{
 display:block!important;box-sizing:border-box!important;
 float:none!important;width:100%!important;max-width:100%!important;
 padding:0 0 7px!important;margin:0!important;
 color:#25262a!important;font:750 14px/1.5 system-ui,-apple-system,sans-serif!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-question legend>b{
 color:#6d517e!important;font:750 11px/1.4 system-ui,-apple-system,sans-serif!important;
 margin-right:5px!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-options{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-option{
 appearance:none!important;display:flex!important;align-items:flex-start!important;
 justify-content:flex-start!important;gap:10px!important;
 box-sizing:border-box!important;width:100%!important;
 min-width:0!important;min-height:48px!important;height:auto!important;
 margin:0!important;padding:10px 12px!important;
 border:1px solid #dfdfe6!important;border-radius:11px!important;
 background:#fff!important;color:#24242b!important;box-shadow:none!important;
 font:550 13px/1.45 system-ui,-apple-system,sans-serif!important;
 text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;
 touch-action:manipulation!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-option>.edu-v2-answer-marker{
 display:grid!important;place-items:center!important;flex:0 0 25px!important;
 width:25px!important;min-width:25px!important;height:25px!important;
 margin:0!important;border:1px solid #dedee5!important;border-radius:7px!important;
 background:#f5f5f7!important;color:#28292f!important;
 font-size:12px!important;line-height:1!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-option>span:last-child{
 display:block!important;flex:1 1 auto!important;min-width:0!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-option.selected{
 background:#f2eef7!important;border-color:#6c4e8e!important;color:#2b1c3c!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-option:disabled{
 opacity:.8!important;cursor:default!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz button.buchee-edu-submit{
 display:block!important;box-sizing:border-box!important;width:100%!important;
 min-height:50px!important;height:auto!important;margin:15px 0 7px!important;
 padding:12px 14px!important;border:1px solid #202127!important;
 border-radius:12px!important;background:#202127!important;color:#fff!important;
 font:750 14px/1.2 system-ui,-apple-system,sans-serif!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz button.buchee-edu-submit:disabled{
 background:#e8e8ed!important;border-color:#e8e8ed!important;color:#777784!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-quiz-feedback{
 margin:10px 0 0!important;color:#60616a!important;
 font:600 12px/1.5 system-ui,-apple-system,sans-serif!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-quiz-feedback.is-success{
 color:#257047!important;
}
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz .buchee-edu-option:focus-visible,
html[data-pati-view="education"] #main-content .edu-path-detail .pati-edu-quiz button.buchee-edu-submit:focus-visible{
 outline:3px solid #9272bb!important;outline-offset:2px!important;
}