@media (min-width: 981px){
  html,
  body.desktop-flashcards{
    height:100%;
    overflow:hidden;
  }

  body.desktop-flashcards{
    background:
      radial-gradient(circle at 20% 10%, rgba(255,216,201,.45), transparent 28%),
      radial-gradient(circle at 84% 18%, rgba(220,236,246,.58), transparent 32%),
      var(--bg);
  }

  .desktop-flashcards .page-shell{
    height:100vh;
    min-height:0;
    grid-template-columns:320px minmax(0,1fr);
  }

  .desktop-flashcards .sidebar{
    position:relative;
    top:auto;
    height:calc(100vh - 56px);
  }

  .desktop-flashcards main{
    position:relative;
    max-width:none;
    height:100vh;
    margin:0;
    padding:0;
    overflow:hidden;
    perspective:1600px;
  }

  .desktop-flashcards .chapters{
    display:contents;
  }

  .desktop-flashcards .hero,
  .desktop-flashcards .story-strip,
  .desktop-flashcards .map-section,
  .desktop-flashcards .chapter-card,
  .desktop-flashcards .proof-slide,
  .desktop-flashcards .closing{
    position:absolute;
    inset:22px 38px 92px;
    width:auto;
    height:auto;
    min-height:0;
    margin:0;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
    transform:translate3d(92px, 18px, -120px) rotateY(-9deg) rotateZ(1.5deg) scale(.94);
    transform-origin:center;
    transition:
      opacity .34s ease,
      transform .48s cubic-bezier(.2,.85,.2,1),
      filter .34s ease;
    will-change:transform, opacity;
  }

  .desktop-flashcards .hero:has(.prelude-tab),
  .desktop-flashcards .story-strip:has(.prelude-tab),
  .desktop-flashcards .map-section:has(.prelude-tab){
    overflow:visible;
  }

  .desktop-flashcards .hero,
  .desktop-flashcards .chapter-card,
  .desktop-flashcards .proof-slide,
  .desktop-flashcards .closing{
    padding:46px 52px;
  }

  .desktop-flashcards .closing{
    grid-template-columns:260px minmax(0, 1fr);
    gap:42px;
    align-items:center;
    padding:50px 58px;
  }

  .desktop-flashcards .closing img{
    width:255px;
    justify-self:center;
    filter:drop-shadow(0 18px 24px rgba(80,55,38,.12));
  }

  .desktop-flashcards .closing h2{
    font-size:clamp(38px, 3.6vw, 54px);
    line-height:1;
    margin-bottom:10px;
  }

  .desktop-flashcards .closing p{
    font-size:16px;
    line-height:1.55;
    margin:0 0 12px;
  }

  .desktop-flashcards .closing .play-grid{
    display:block;
    margin-top:24px;
  }

  .desktop-flashcards .closing .marquee-plays{
    overflow:hidden;
    mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  }

  .desktop-flashcards .closing .marquee-track{
    display:flex;
    width:max-content;
    gap:18px;
    animation:marqueePlays 72s linear infinite;
  }

  .desktop-flashcards .closing .play-grid div{
    flex:0 0 220px;
    border-radius:22px;
    padding:18px 18px;
  }

  .desktop-flashcards .closing .play-grid b{
    font-size:15px;
    line-height:1.2;
    margin-bottom:4px;
  }

  .desktop-flashcards .closing .play-grid span{
    font-size:13px;
    line-height:1.45;
  }

  .desktop-flashcards .closing .play-row{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px;
    margin-top:24px;
  }

  .desktop-flashcards .closing .play-row > div{
    background:#fff7ec;
    border:1px solid #f1dcbe;
    border-radius:18px;
    padding:18px 16px;
    display:flex;
    flex-direction:column;
    gap:6px;
  }

  .desktop-flashcards .closing.closing-stacked{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:18px;
    padding:50px 58px;
  }

  .desktop-flashcards .closing.closing-stacked img{
    width:180px;
    margin:4px auto 4px;
  }

  .desktop-flashcards .closing.closing-stacked h2{
    margin:0;
  }

  .desktop-flashcards .closing.closing-stacked p{
    max-width:640px;
    margin:0 auto;
  }

  .desktop-flashcards .closing.closing-stacked .play-row{
    width:100%;
    margin-top:8px;
  }

  .desktop-flashcards .closing .play-row b{
    font-size:15px;
    line-height:1.2;
    color:#302925;
  }

  .desktop-flashcards .closing .play-row span{
    font-size:13px;
    line-height:1.45;
    color:#6a5a52;
  }

  .desktop-flashcards .hero{
    padding:64px 58px 52px;
  }

  .desktop-flashcards .hero:before{
    inset:20px;
  }

  .desktop-flashcards .approval-seal{
    position:absolute;
    z-index:7;
    height:auto;
    object-fit:contain;
    opacity:.82;
    filter:drop-shadow(0 12px 18px rgba(65,115,108,.12));
    pointer-events:none;
  }

  .desktop-flashcards .seal-eyebrow{
    left:54px;
    top:78px;
    width:82px;
    transform:rotate(-10deg);
  }

  .desktop-flashcards .seal-corner{
    left:44px;
    bottom:40px;
    width:104px;
    transform:rotate(-18deg);
    opacity:.72;
  }

  .desktop-flashcards .hero-buttons a:first-child{
    position:absolute;
    right:54px;
    bottom:44px;
    z-index:6;
    padding:14px 19px;
    background:rgb(65 115 108/var(--tw-text-opacity,1));
    color:#fff;
    box-shadow:0 18px 36px rgba(65,115,108,.24);
  }

  .desktop-flashcards .hero-buttons a:first-child:hover{
    background:rgb(55 98 92/var(--tw-text-opacity,1));
    transform:translateY(-2px);
    box-shadow:0 22px 44px rgba(65,115,108,.30);
  }

  .desktop-flashcards .chapter-card,
  .desktop-flashcards .hero,
  .desktop-flashcards .proof-slide,
  .desktop-flashcards .closing{
    scrollbar-width:none;
  }

  .desktop-flashcards .chapter-card::-webkit-scrollbar,
  .desktop-flashcards .hero::-webkit-scrollbar,
  .desktop-flashcards .proof-slide::-webkit-scrollbar,
  .desktop-flashcards .closing::-webkit-scrollbar{
    display:none;
  }

  .desktop-flashcards .chapter-body{
    grid-template-columns:minmax(0, 1.32fr) minmax(250px, .68fr);
    grid-template-rows:auto minmax(0, 1fr);
    column-gap:28px;
    row-gap:16px;
    min-height:100%;
    align-items:start;
    align-content:start;
  }

  .desktop-flashcards .chapter-copy{
    grid-column:1;
    grid-row:1 / 3;
  }

  .desktop-flashcards .chapter-copy h2{
    font-size:clamp(34px, 3.15vw, 44px);
    margin-bottom:10px;
  }

  .desktop-flashcards.abc-title-mode .chapter-copy h2{
    display:block;
  }

  .desktop-flashcards.abc-title-mode .abc-title-letter{
    color:#b95d35;
  }

  .desktop-flashcards.abc-title-mode .chapter-number{
    display:none;
  }

  .desktop-flashcards.abc-title-mode nav a span{
    color:#b95d35;
  }

  .desktop-flashcards .chapter-copy h3{
    font-size:21px;
    margin-bottom:14px;
  }

  .desktop-flashcards .story{
    font-size:16px;
    line-height:1.58;
    margin:0;
    max-width:760px;
  }

  .desktop-flashcards .chapter-top{
    margin-bottom:10px;
  }

  .desktop-flashcards .chapter-icon{
    font-size:24px;
  }

  .desktop-flashcards .mini-grid{
    gap:16px;
    margin:20px 0;
  }

  .desktop-flashcards .mini-panel{
    padding:17px 18px;
    border-radius:22px;
  }

  .desktop-flashcards .mini-panel strong{
    margin-bottom:10px;
  }

  .desktop-flashcards .mini-panel ul{
    font-size:13.5px;
    line-height:1.72;
  }

  .desktop-flashcards .source-note{
    font-size:12px;
    line-height:1.45;
    margin-bottom:12px;
  }

  .desktop-flashcards .source-pills{
    gap:8px;
  }

  .desktop-flashcards .source-pills span{
    padding:7px 9px;
    font-size:12px;
  }

  .desktop-flashcards.recipe-flashcards .chapter-body{
    grid-template-columns:minmax(0, 1.42fr) minmax(250px, .58fr);
  }

  .desktop-flashcards.recipe-flashcards .mini-grid{
    gap:18px;
    margin:16px 0 12px;
  }

  .desktop-flashcards.recipe-flashcards .mini-panel{
    padding:14px 15px;
    border-radius:18px;
  }

  .desktop-flashcards.recipe-flashcards .mini-panel strong{
    margin-bottom:7px;
  }

  .desktop-flashcards.recipe-flashcards .mini-panel ul{
    font-size:12.6px;
    line-height:1.5;
  }

  .desktop-flashcards.recipe-flashcards .source-note{
    font-size:11.5px;
    line-height:1.35;
    margin-bottom:8px;
  }

  .desktop-flashcards.recipe-flashcards .source-pills{
    gap:6px;
  }

  .desktop-flashcards.recipe-flashcards .source-pills span{
    padding:5px 7px;
    font-size:10.8px;
  }

  .desktop-flashcards.recipe-flashcards .recipe-card-examples{
    display:grid;
    grid-template-columns:minmax(0, .86fr) minmax(0, 1.14fr);
    gap:10px;
    margin-top:10px;
  }

  .desktop-flashcards.recipe-flashcards .recipe-card-examples .inference,
  .desktop-flashcards.recipe-flashcards .recipe-card-examples .play-example{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    min-height:112px;
    margin:0;
    padding:13px 15px;
    border-radius:18px;
  }

  .desktop-flashcards.recipe-flashcards .recipe-card-examples .inference span,
  .desktop-flashcards.recipe-flashcards .recipe-card-examples .play-example span{
    font-size:10px;
    letter-spacing:.11em;
  }

  .desktop-flashcards.recipe-flashcards .recipe-card-examples .inference p,
  .desktop-flashcards.recipe-flashcards .recipe-card-examples .play-example p{
    font-size:13px;
    line-height:1.38;
    margin-top:5px;
  }

  .desktop-flashcards.recipe-flashcards .recipe-vanta-panel{
    position:absolute;
    top:30px;
    right:0;
    z-index:12;
    width:min(430px, 38vw);
    max-width:100%;
  }

  .desktop-flashcards.recipe-flashcards .recipe-vanta-panel .play-example{
    margin:0;
    padding:19px 21px;
    border-radius:22px;
    background:rgba(255,247,232,.97);
    box-shadow:0 18px 38px rgba(88,62,42,.13);
    backdrop-filter:blur(12px);
  }

  .desktop-flashcards.recipe-flashcards .recipe-vanta-panel .play-example span{
    font-size:11px;
    letter-spacing:.14em;
  }

  .desktop-flashcards.recipe-flashcards .recipe-vanta-panel .play-example p{
    font-size:14px;
    line-height:1.42;
    margin-top:8px;
  }

  .desktop-flashcards.recipe-flashcards .vanta-specifics{
    margin:9px 0 0;
    padding-left:18px;
    color:#6c5a4c;
    font-size:13px;
    line-height:1.36;
  }

  .desktop-flashcards.recipe-flashcards .vanta-specifics li{
    margin:0 0 6px;
  }

  .desktop-flashcards.recipe-flashcards .example-sources{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:0;
  }

  .desktop-flashcards.recipe-flashcards .example-sources a{
    border:1px solid #ead8b8;
    border-radius:999px;
    background:#fffdf8;
    padding:5px 8px;
    color:#7a5f31;
    font-size:11.5px;
    font-weight:900;
    text-decoration:none;
  }

  .desktop-flashcards .inference,
  .desktop-flashcards .play-example{
    padding:16px 18px;
    border-radius:22px;
  }

  .desktop-flashcards .inference p,
  .desktop-flashcards .play-example p{
    font-size:15px;
    line-height:1.55;
  }

  .desktop-flashcards .flashcard-drawers{
    position:relative;
    grid-column:2;
    grid-row:1;
    z-index:12;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:18px;
    width:100%;
    max-width:100%;
    margin:6px 0 0;
  }

  .desktop-flashcards .flashcard-drawer{
    position:relative;
    width:100%;
    max-width:100%;
  }

  .desktop-flashcards .flashcard-drawer summary{
    position:relative;
    display:grid;
    gap:8px;
    list-style:none;
    cursor:pointer;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(255,253,248,.96);
    padding:13px 50px 13px 15px;
    box-shadow:0 10px 22px rgba(88,62,42,.08);
    color:#6c5a4c;
    user-select:none;
  }

  .desktop-flashcards .flashcard-summary-title{
    display:inline-flex;
    align-items:baseline;
    flex:0 0 auto;
    max-width:calc(100% - 34px);
    color:#6c5a4c;
    font-size:10.8px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
    line-height:1.1;
    white-space:nowrap;
  }

  .desktop-flashcards .flashcard-powered-by{
    display:inline-block;
    margin-left:8px;
    color:#5f8d96;
    font-size:8px;
    font-weight:800;
    letter-spacing:.03em;
    text-transform:uppercase;
    vertical-align:1px;
  }

  .desktop-flashcards .flashcard-summary-preview{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    min-width:0;
    max-width:100%;
  }

  .desktop-flashcards .flashcard-summary-preview.is-title-preview{
    display:block;
    max-width:100%;
    color:#74675b;
    font-size:10.5px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .desktop-flashcards .flashcard-preview-pill{
    display:inline-flex;
    align-items:center;
    flex:0 1 auto;
    max-width:100%;
    border:1px solid #ded1c1;
    border-radius:999px;
    background:#fff;
    padding:4px 8px;
    color:#74675b;
    font-size:10px;
    font-weight:700;
    letter-spacing:0;
    line-height:1.1;
    text-transform:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .desktop-flashcards .flashcard-drawer summary::-webkit-details-marker{
    display:none;
  }

  .desktop-flashcards .flashcard-drawer summary.has-title-preview{
    display:flex;
    align-items:center;
    gap:12px;
  }

  .desktop-flashcards .flashcard-drawer summary.has-title-preview .flashcard-summary-title{
    flex:0 0 auto;
  }

  .desktop-flashcards .flashcard-drawer summary.has-title-preview .flashcard-summary-title::after{
    content:"";
    display:inline-block;
    width:1px;
    height:13px;
    margin-left:10px;
    vertical-align:-2px;
    background:#dccbbb;
  }

  .desktop-flashcards .flashcard-drawer summary::after{
    content:"+";
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    color:#a9793e;
    font-weight:900;
  }

  .desktop-flashcards .flashcard-drawer[open]{
    width:100%;
    z-index:30;
  }

  .desktop-flashcards .flashcard-drawer[open] summary::after{
    content:"-";
  }

  .desktop-flashcards .flashcard-drawer-body{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 4px);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 18px 38px rgba(88,62,42,.14);
    animation:drawerRollout .24s ease;
  }

  .desktop-flashcards .flashcard-drawer .inference,
  .desktop-flashcards .flashcard-drawer .play-example{
    margin:0;
    background:rgba(255,253,248,.96);
    backdrop-filter:blur(12px);
  }

  .desktop-flashcards .flashcard-drawer .inference{
    background:rgba(255,253,248,.98);
    border-color:#e7d8c8;
  }

  .desktop-flashcards .flashcard-drawer .inference > span{
    display:none;
  }

  .desktop-flashcards .flashcard-drawer .play-example{
    background:rgba(255,247,232,.96);
  }

  .desktop-flashcards .chapter-art,
  .desktop-flashcards .chapter-art.story-scene{
    grid-column:2;
    grid-row:2;
    align-self:start;
    min-height:0;
    height:min(41vh, 315px);
    max-height:315px;
    margin-top:34px;
    padding:18px;
  }

  .desktop-flashcards.recipe-flashcards .chapter-art,
  .desktop-flashcards.recipe-flashcards .chapter-art.story-scene{
    height:min(45vh, 350px);
    max-height:350px;
    margin-top:178px;
    overflow:visible;
  }

  .desktop-flashcards.recipe-flashcards .chapter-art.story-scene .scene-image,
  .desktop-flashcards.recipe-flashcards .chapter-art.story-scene .mochi-main{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  .desktop-flashcards.export-pdf .flashcard-drawers{
    position:relative !important;
    top:auto;
    right:auto;
    grid-column:1 / -1;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-auto-rows:1fr;
    align-items:stretch;
    gap:12px;
    width:100%;
    max-width:none;
    margin-top:10px;
  }

  .desktop-flashcards.export-pdf .chapter-copy{
    grid-column:1;
    grid-row:1 !important;
  }

  .desktop-flashcards.export-pdf .flashcard-drawer,
  .desktop-flashcards.export-pdf .flashcard-drawer-body,
  .desktop-flashcards.export-pdf .flashcard-drawer .inference,
  .desktop-flashcards.export-pdf .flashcard-drawer .play-example{
    height:100%;
  }

  .desktop-flashcards.export-pdf .flashcard-drawer{
    display:flex;
    min-height:142px;
  }

  .desktop-flashcards.export-pdf .flashcard-drawer summary{
    display:none;
    cursor:default;
    border-radius:18px 18px 0 0;
    padding:9px 13px 8px;
    box-shadow:none;
  }

  .desktop-flashcards.export-pdf .flashcard-drawer summary::after{
    content:none;
  }

  .desktop-flashcards.export-pdf .flashcard-drawer-body{
    position:relative !important;
    inset:auto !important;
    flex:1;
    display:flex;
    margin-top:0;
    border-radius:18px;
    box-shadow:0 16px 32px rgba(88,62,42,.10);
    animation:none;
  }

  .desktop-flashcards.export-pdf .flashcard-drawer h4{
    display:none;
  }

  .desktop-flashcards.export-pdf .timeline-modal-trigger,
  .desktop-flashcards.export-pdf dialog{
    display:none !important;
  }

  .desktop-flashcards.export-pdf .chapter-copy .mini-grid{
    gap:12px;
    margin:16px 0;
  }

  .desktop-flashcards.export-pdf .chapter-copy .mini-panel{
    padding:14px 15px;
    border-radius:18px;
  }

  .desktop-flashcards.export-pdf .chapter-copy .mini-panel strong{
    margin-bottom:7px;
  }

  .desktop-flashcards.export-pdf .chapter-copy .mini-panel ul{
    font-size:12.5px;
    line-height:1.55;
  }

  .desktop-flashcards.export-pdf .chapter-copy .mini-panel li:nth-child(n+7){
    display:none;
  }

  .desktop-flashcards.export-pdf .chapter-copy .source-note{
    font-size:11.5px;
    line-height:1.35;
    margin-bottom:8px;
  }

  .desktop-flashcards.export-pdf .chapter-copy .source-pills{
    gap:6px;
  }

  .desktop-flashcards.export-pdf .chapter-copy .source-pills span{
    padding:5px 7px;
    font-size:10.8px;
  }

  .desktop-flashcards.export-pdf .chapter-copy .source-pills span:nth-child(n+7){
    display:none;
  }

  .desktop-flashcards.export-pdf .flashcard-drawer .inference,
  .desktop-flashcards.export-pdf .flashcard-drawer .play-example{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:13px 16px;
    border-radius:18px;
  }

  .desktop-flashcards.export-pdf .flashcard-drawer .inference span,
  .desktop-flashcards.export-pdf .flashcard-drawer .play-example span{
    font-size:10px;
    letter-spacing:.11em;
  }

  .desktop-flashcards.export-pdf .flashcard-drawer .inference p,
  .desktop-flashcards.export-pdf .flashcard-drawer .play-example p{
    font-size:13.2px;
    line-height:1.42;
    margin-top:5px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
  }

  .desktop-flashcards.export-pdf .chapter-art,
  .desktop-flashcards.export-pdf .chapter-art.story-scene{
    grid-column:2;
    grid-row:1;
    height:min(34vh, 270px);
    max-height:270px;
    margin-top:0;
    padding:14px;
    overflow:hidden;
  }

  .desktop-flashcards.export-pdf .inference a,
  .desktop-flashcards.export-pdf .flashcard-drawer .inference a{
    color:inherit !important;
    border-bottom:0 !important;
    text-decoration:none !important;
    font-style:normal !important;
  }

  .desktop-flashcards.export-pdf .inference a::after,
  .desktop-flashcards.export-pdf .flashcard-drawer .inference a::after{
    content:none !important;
  }

  .desktop-flashcards.export-pdf .chapter-art.story-scene .scene-image,
  .desktop-flashcards.export-pdf .chapter-art.story-scene .mochi-main{
    width:auto !important;
    height:auto !important;
    max-width:92% !important;
    max-height:92% !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  .desktop-flashcards.export-pdf .deck-card[aria-hidden="true"]{
    visibility:hidden !important;
    opacity:0 !important;
  }

  .desktop-flashcards.export-pdf .closing .marquee-plays{
    overflow:visible;
    mask-image:none;
    -webkit-mask-image:none;
  }

  .desktop-flashcards.export-pdf .closing .marquee-track{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    width:100%;
    gap:12px;
    animation:none !important;
    transform:none !important;
  }

  .desktop-flashcards.export-pdf .closing .marquee-track div{
    width:auto;
  }

  .desktop-flashcards.export-pdf .closing .marquee-track div:nth-child(n+7){
    display:none;
  }

  .desktop-flashcards .chapter-art img,
  .desktop-flashcards .chapter-art.story-scene .scene-image,
  .desktop-flashcards .chapter-art.story-scene .mochi-main{
    width:100%;
    height:100%;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  .desktop-flashcards .scene-caption{
    left:18px;
    top:18px;
    max-width:72%;
    padding:8px 13px;
    font-size:11px;
  }

  .desktop-flashcards .hero,
  .desktop-flashcards .chapter-card,
  .desktop-flashcards .proof-slide,
  .desktop-flashcards .closing{
    box-shadow:0 28px 70px rgba(88,62,42,.16);
  }

  .desktop-flashcards .slide-tab{
    position:absolute;
    left:-38px;
    right:auto;
    top:82px;
    z-index:8;
    min-height:124px;
    max-width:124px;
    padding:16px 9px;
    border:1px solid #cfe1d7;
    border-right:0;
    border-radius:18px 0 0 18px;
    background:#eaf4ef;
    color:#41736c;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    writing-mode:vertical-rl;
    text-orientation:mixed;
    transform:rotate(180deg);
    box-shadow:0 10px 24px rgba(88,62,42,.10);
  }

  .desktop-flashcards .proof-slide .slide-tab{
    background:#2f2925;
    border-color:#2f2925;
    color:#fffdf8;
  }

  .desktop-flashcards .hero:has(.slide-tab),
  .desktop-flashcards .story-strip:has(.slide-tab),
  .desktop-flashcards .map-section:has(.slide-tab),
  .desktop-flashcards .chapter-card:has(.slide-tab),
  .desktop-flashcards .proof-slide:has(.slide-tab),
  .desktop-flashcards .closing:has(.slide-tab){
    overflow:visible;
  }

  .desktop-flashcards .prelude-tab{
    position:absolute;
    left:-38px;
    right:auto;
    top:82px;
    z-index:8;
    min-height:124px;
    padding:16px 9px;
    border:1px solid #ead8b8;
    border-right:0;
    border-radius:18px 0 0 18px;
    background:#fff0bd;
    color:#7a5f31;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    writing-mode:vertical-rl;
    text-orientation:mixed;
    transform:rotate(180deg);
    box-shadow:0 10px 24px rgba(88,62,42,.10);
  }

  .desktop-flashcards .story-strip{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    align-content:center;
    gap:18px;
    padding:34px;
    border:1px solid var(--line);
    border-radius:34px;
    background:linear-gradient(135deg,#fffdf8,#fff8ef);
    box-shadow:0 28px 70px rgba(88,62,42,.12);
  }

  .desktop-flashcards .proof-divider{
    align-content:center;
    padding:58px 64px;
  }

  .desktop-flashcards .proof-divider::after{
    content:"";
    position:absolute;
    right:64px;
    bottom:44px;
    width:220px;
    height:200px;
    background:url("assets/clean/mochi_step_3_board.png") center / contain no-repeat;
    filter:drop-shadow(0 18px 22px rgba(80,55,38,.12));
    pointer-events:none;
  }

  .desktop-flashcards .proof-divider h2{
    max-width:720px;
  }

  .desktop-flashcards .proof-divider p,
  .desktop-flashcards .recipe-equation{
    max-width:760px;
  }

  .desktop-flashcards .proof-example{
    grid-template-columns:minmax(0, 1.22fr) minmax(250px, .78fr);
    gap:28px;
    align-items:center;
    padding:46px 52px;
  }

  .desktop-flashcards .proof-example h2{
    font-size:clamp(38px, 3.7vw, 54px);
  }

  .desktop-flashcards .signal-stack,
  .desktop-flashcards .campaign-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .desktop-flashcards .campaign-grid div:first-child{
    grid-column:1 / -1;
  }

  .desktop-flashcards .proof-art{
    min-height:0;
    height:min(44vh, 340px);
    max-height:340px;
    padding:18px;
  }

  .desktop-flashcards .story-strip .strip-heading{
    grid-column:1 / -1;
    max-width:760px;
    margin:0 0 18px;
  }

  .desktop-flashcards .story-strip .strip-heading h2{
    font-size:clamp(34px, 3.2vw, 48px);
    line-height:1;
    letter-spacing:-.04em;
    margin:0;
  }

  .desktop-flashcards .map-section{
    padding:54px 58px;
    border:1px solid var(--line);
    border-radius:34px;
    background:#fffdf8;
    box-shadow:0 28px 70px rgba(88,62,42,.12);
  }

  .desktop-flashcards .map-section::after{
    content:"";
    position:absolute;
    right:78px;
    bottom:132px;
    width:270px;
    height:245px;
    background:url("assets/mochi_sprites/sprite_r01_c09.png") center / contain no-repeat;
    filter:drop-shadow(0 18px 22px rgba(80,55,38,.12));
    pointer-events:none;
  }

  .desktop-flashcards .map-section h2{
    max-width:560px;
    font-size:clamp(34px, 3.5vw, 50px);
    line-height:1;
    margin-bottom:26px;
  }

  .desktop-flashcards .map-section .map-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    max-width:620px;
  }

  .desktop-flashcards .map-section .map-grid div{
    display:grid;
    grid-template-columns:180px 1fr;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    border-radius:20px;
  }

  .desktop-flashcards .map-section .map-grid b{
    margin:0;
  }

  .desktop-flashcards .map-section .map-grid span{
    font-size:15px;
  }

  .desktop-flashcards .deck-card.is-before{
    opacity:0;
    transform:translate3d(-110px, 26px, -150px) rotateY(10deg) rotateZ(-2deg) scale(.92);
  }

  .desktop-flashcards .deck-card.is-after{
    opacity:0;
    transform:translate3d(110px, 26px, -150px) rotateY(-10deg) rotateZ(2deg) scale(.92);
  }

  .desktop-flashcards .deck-card.is-near-before,
  .desktop-flashcards .deck-card.is-near-after{
    opacity:.18;
    filter:saturate(.86) blur(.2px);
    pointer-events:none;
    z-index:1;
  }

  .desktop-flashcards .deck-card.is-near-before{
    transform:translate3d(-42px, 18px, -80px) rotateY(8deg) rotateZ(-2deg) scale(.95);
  }

  .desktop-flashcards .deck-card.is-near-after{
    transform:translate3d(42px, 18px, -80px) rotateY(-8deg) rotateZ(2deg) scale(.95);
  }

  .desktop-flashcards .deck-card.is-active{
    opacity:1;
    pointer-events:auto;
    z-index:4;
    filter:none;
    transform:translate3d(0,0,0) rotateY(0) rotateZ(0) scale(1);
  }

  .desktop-flashcards[data-deck-direction="1"] .deck-card.is-active{
    animation:flashcardInFromRight .5s cubic-bezier(.2,.85,.2,1);
  }

  .desktop-flashcards[data-deck-direction="-1"] .deck-card.is-active{
    animation:flashcardInFromLeft .5s cubic-bezier(.2,.85,.2,1);
  }

  .desktop-flashcards .deck-prev,
  .desktop-flashcards .deck-start,
  .desktop-flashcards .deck-next{
    display:block;
    position:fixed;
    z-index:90;
    border:0;
    border-radius:999px;
    padding:13px 18px;
    background:#2f2925;
    color:#fff;
    font:inherit;
    font-weight:900;
    text-decoration:none;
    cursor:pointer;
    box-shadow:0 16px 34px rgba(47,41,37,.22);
    transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  }

  .desktop-flashcards .deck-prev:hover,
  .desktop-flashcards .deck-start:hover,
  .desktop-flashcards .deck-next:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 42px rgba(47,41,37,.26);
  }

  .desktop-flashcards .deck-prev{
    left:364px;
    bottom:28px;
  }

  .desktop-flashcards .deck-next{
    right:44px;
    bottom:28px;
  }

  .desktop-flashcards .deck-start{
    left:50%;
    bottom:28px;
    transform:translateX(-50%);
    background:#fff;
    color:var(--ink);
    border:1px solid var(--line);
  }

  .desktop-flashcards .deck-start:hover{
    transform:translateX(-50%) translateY(-2px);
  }

  .desktop-flashcards.is-final-slide .deck-start{
    display:flex;
    align-items:center;
    gap:10px;
    left:auto;
    right:44px;
    padding:9px 18px 9px 10px;
    transform:none;
    background:#fffdf8;
    border-color:#ead8b8;
  }

  .desktop-flashcards.is-final-slide .deck-start:hover{
    transform:translateY(-2px);
  }

  .desktop-flashcards.is-final-slide .deck-start::before{
    content:"";
    width:46px;
    height:38px;
    display:block;
    background:url("assets/mochi_sprites/sprite_r02_c01.png") center / contain no-repeat;
    filter:drop-shadow(0 6px 8px rgba(80,55,38,.10));
  }

  .desktop-flashcards .deck-prev[hidden],
  .desktop-flashcards .deck-start[hidden],
  .desktop-flashcards .deck-next[hidden]{
    display:none !important;
  }

  .desktop-flashcards .deck-status{
    display:flex;
    align-items:center;
    gap:10px;
    position:fixed;
    left:50%;
    top:28px;
    z-index:95;
    transform:translateX(-50%);
    padding:9px 12px;
    border:1px solid var(--line);
    border-radius:999px;
    background:rgba(255,253,248,.88);
    backdrop-filter:blur(12px);
    box-shadow:0 12px 30px rgba(88,62,42,.09);
    font-size:12px;
    font-weight:900;
  }

  .desktop-flashcards.is-final-slide .deck-status{
    left:calc(320px + ((100vw - 320px) / 2));
    cursor:pointer;
    padding:8px 16px 8px 8px;
    background:#fffdf8;
    border-color:#ead8b8;
    color:rgb(65 115 108/var(--tw-text-opacity,1));
    box-shadow:0 16px 36px rgba(65,115,108,.16);
  }

  .desktop-flashcards.is-final-slide .deck-status::before{
    content:"";
    width:44px;
    height:36px;
    display:block;
    background:url("assets/mochi_sprites/sprite_r04_c07.png") center / contain no-repeat;
    filter:drop-shadow(0 5px 7px rgba(80,55,38,.10));
    animation:demoMochiFlip 2.4s steps(1, end) infinite;
  }

  .desktop-flashcards .deck-hint{
    color:var(--muted);
    font-weight:800;
  }

  .desktop-flashcards nav a{
    cursor:pointer;
  }
}

@media (max-width: 980px){
  .desktop-flashcards .flashcard-drawers{
    display:grid !important;
    grid-template-columns:1fr;
    gap:12px;
    margin:18px 0 0;
  }

  .desktop-flashcards .flashcard-drawer{
    display:block;
  }

  .desktop-flashcards .flashcard-drawer summary{
    display:none !important;
  }

  .desktop-flashcards .flashcard-drawer .inference > span{
    display:block !important;
    margin:0 0 6px !important;
    color:#a9793e !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.12em !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
  }

  .desktop-flashcards .flashcard-drawer-body{
    display:block;
  }

  .desktop-flashcards .flashcard-drawer .inference,
  .desktop-flashcards .flashcard-drawer .play-example{
    margin:0;
    padding:18px;
    border-radius:22px;
    box-shadow:0 10px 24px rgba(88,62,42,.08);
  }

  .desktop-flashcards .flashcard-drawer .inference > span{
    display:none;
  }

  .desktop-flashcards .flashcard-drawer .inference p,
  .desktop-flashcards .flashcard-drawer .play-example p{
    font-size:15px;
    line-height:1.48;
  }

  .desktop-flashcards .story-strip,
  .desktop-flashcards .map-section{
    display:none !important;
  }
  .desktop-flashcards.recipe-flashcards .chapter-art.story-scene .scene-image,
  .desktop-flashcards.recipe-flashcards .chapter-art.story-scene .mochi-main{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  .desktop-flashcards .deck-start{
    display:none !important;
  }
  .desktop-flashcards .deck-card{
    opacity:1 !important;
    pointer-events:auto !important;
    transform:none !important;
    filter:none !important;
  }
  .desktop-flashcards .deck-card[aria-hidden="true"]{
    display:block;
  }
  .deck-status{
    display:none;
  }
  .prelude-tab{
    display:none !important;
  }
  .slide-tab{
    display:none !important;
  }
  .desktop-flashcards .approval-seal{
    opacity:.78;
  }
  .desktop-flashcards .seal-corner{
    display:block;
    left:18px;
    bottom:26px;
    width:72px;
    transform:rotate(-16deg);
  }
}

@media (prefers-reduced-motion: reduce){
  .desktop-flashcards .deck-card,
  .desktop-flashcards .deck-card.is-active,
  .desktop-flashcards .web-flip-left-stack,
  .desktop-flashcards .web-flip-right-stack,
  .desktop-flashcards .web-flip-left-stack::after,
  .desktop-flashcards .web-flip-right-stack::after,
  .desktop-flashcards .marquee-track,
  .desktop-flashcards.is-final-slide .deck-status::before{
    transition:none !important;
    animation:none !important;
  }
}

body.is-pdf-mode{
  min-height:100%;
  overflow:auto !important;
  background:#ece4d7 !important;
}

body.is-pdf-mode .sidebar,
body.is-pdf-mode .deck-status,
body.is-pdf-mode .deck-prev,
body.is-pdf-mode .deck-start,
body.is-pdf-mode .deck-next,
body.is-pdf-mode .image-enlarge-button,
body.is-pdf-mode .image-zoom-dialog,
body.is-pdf-mode .prelude-tab,
body.is-pdf-mode .slide-tab{
  display:none !important;
}

body.is-pdf-mode main,
body.is-pdf-mode .page-shell,
body.is-pdf-mode .chapters{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  padding:0 !important;
  margin:0 !important;
  scroll-snap-type:none !important;
}

body.is-pdf-mode main{
  width:100% !important;
  max-width:none !important;
  perspective:none !important;
}

body.is-pdf-mode .deck-card{
  position:relative !important;
  inset:auto !important;
  display:flex !important;
  flex-direction:column !important;
  width:min(100vw - 24px, 430px) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:4.25 / 6.25;
  box-sizing:border-box !important;
  margin:12px auto !important;
  overflow:hidden !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
  animation:none !important;
}

body.is-pdf-mode .hero,
body.is-pdf-mode .story-strip,
body.is-pdf-mode .map-section,
body.is-pdf-mode .proof-slide,
body.is-pdf-mode .closing{
  display:none !important;
}

body.is-pdf-mode .hero,
body.is-pdf-mode .chapter-card,
body.is-pdf-mode .closing{
  padding:16px 16px 12px !important;
}

body.is-pdf-mode .hero,
body.is-pdf-mode .hero-art,
body.is-pdf-mode .closing{
  min-height:0 !important;
}

body.is-pdf-mode .hero{
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  gap:22px !important;
}

body.is-pdf-mode .hero .hero-copy{
  align-items:center !important;
  text-align:center !important;
  width:100% !important;
}

body.is-pdf-mode .hero .hero-art{
  order:-1 !important;
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
}

body.is-pdf-mode .hero .hero-buttons,
body.is-pdf-mode .hero .formula{
  display:none !important;
}

body.is-pdf-mode .chapter-body{
  flex:1 1 auto !important;
  min-height:0 !important;
  gap:4px !important;
}

body.is-pdf-mode .chapter-copy{
  gap:3px !important;
}

body.is-pdf-mode .chapter-art,
body.is-pdf-mode .chapter-art.story-scene{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:280px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:14px !important;
  background:transparent !important;
  flex:0 0 auto !important;
}

body.is-pdf-mode .chapter-art img,
body.is-pdf-mode .chapter-art .scene-image,
body.is-pdf-mode .chapter-art .mochi-main,
body.is-pdf-mode .chapter-art.story-scene .scene-image,
body.is-pdf-mode .chapter-art.story-scene .mochi-main{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:280px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  border-radius:14px !important;
}

body.is-pdf-mode .chapter-art.story-scene .scene-caption{
  display:none !important;
}

body.is-pdf-mode .chapter-copy h2{
  font-size:26px !important;
  line-height:1.04 !important;
  margin:0 !important;
}

body.is-pdf-mode .chapter-copy h3{
  font-size:13px !important;
  line-height:1.18 !important;
  margin:2px 0 0 !important;
}

body.is-pdf-mode .story{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  font-size:11px !important;
  line-height:1.32 !important;
  margin:4px 0 0 !important;
}

body.is-pdf-mode .mini-grid{
  gap:6px !important;
  margin:4px 0 !important;
}

body.is-pdf-mode .mini-panel{
  padding:8px 10px !important;
  border-radius:14px !important;
}

body.is-pdf-mode .mini-panel strong{
  font-size:12px !important;
  margin:0 0 4px !important;
}

body.is-pdf-mode .mini-panel ul{
  gap:4px !important;
}

body.is-pdf-mode .mini-panel ul li{
  padding:3px 7px !important;
  font-size:10px !important;
}

body.is-pdf-mode .mini-panel ul li:nth-child(n+6),
body.is-pdf-mode .source-pills span:nth-child(n+6){
  display:none !important;
}

body.is-pdf-mode .source-note{
  display:none !important;
}

body.is-pdf-mode .source-pills{
  gap:4px !important;
}

body.is-pdf-mode .source-pills span{
  padding:3px 7px !important;
  font-size:10px !important;
}

body.is-pdf-mode .flashcard-drawers{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  margin:4px 0 0 !important;
}

body.is-pdf-mode .flashcard-drawer{
  display:block !important;
  min-height:0 !important;
}

body.is-pdf-mode .flashcard-drawer summary,
body.is-pdf-mode .flashcard-summary-title,
body.is-pdf-mode .flashcard-summary-preview,
body.is-pdf-mode .flashcard-powered-by{
  display:none !important;
}

body.is-pdf-mode .flashcard-drawer-body{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  border-radius:14px !important;
  box-shadow:none !important;
  animation:none !important;
}

body.is-pdf-mode .flashcard-drawer .inference,
body.is-pdf-mode .flashcard-drawer .play-example{
  padding:8px 10px !important;
  border-radius:14px !important;
}

body.is-pdf-mode .flashcard-drawer .inference > span,
body.is-pdf-mode .flashcard-drawer .play-example > span{
  display:block !important;
  margin:0 0 2px !important;
  font-size:9px !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

body.is-pdf-mode .flashcard-drawer .inference p,
body.is-pdf-mode .flashcard-drawer .play-example p{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  font-size:10.5px !important;
  line-height:1.32 !important;
  margin:0 !important;
}

body.is-pdf-mode .flashcard-drawer .inference p{
  -webkit-line-clamp:3 !important;
}

body.is-pdf-mode .flashcard-drawer .play-example p{
  -webkit-line-clamp:2 !important;
}

body.is-pdf-mode .flashcard-drawer .inference ul,
body.is-pdf-mode .flashcard-drawer .inference ol{
  display:none !important;
}

body.is-pdf-mode .deck-card{
  display:grid !important;
  grid-template-rows:auto minmax(0, 1fr);
  width:min(100vw - 32px, 1120px) !important;
  aspect-ratio:6.25 / 4.25 !important;
  margin:18px auto !important;
  padding:42px 52px !important;
}

body.is-pdf-mode .chapter-card{
  gap:14px !important;
}

body.is-pdf-mode .chapter-top{
  margin:0 !important;
  width:32px !important;
  height:22px !important;
  display:block !important;
  position:relative !important;
}

body.is-pdf-mode .chapter-icon{
  position:absolute !important;
  inset:0 !important;
  width:32px !important;
  height:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:5px 3px 3px 5px !important;
  background:#f7c990 !important;
  color:#3c332f !important;
  font-size:12px !important;
  line-height:1 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset !important;
  overflow:hidden !important;
}

body.is-pdf-mode .chapter-icon::before{
  content:"" !important;
  position:absolute !important;
  left:4px !important;
  top:50% !important;
  width:5px !important;
  height:5px !important;
  transform:translateY(-50%) !important;
  border-radius:50% !important;
  background:#fffdf8 !important;
  border:1px solid rgba(67,56,50,.42) !important;
  box-sizing:border-box !important;
  z-index:1 !important;
}

body.is-pdf-mode .chapter-icon::after{
  content:"" !important;
  position:absolute !important;
  left:-7px !important;
  top:50% !important;
  width:13px !important;
  height:13px !important;
  transform:translateY(-50%) rotate(45deg) !important;
  background:#fffdf8 !important;
}

body.is-pdf-mode .chapter-icon{
  text-indent:8px !important;
}

body.is-pdf-mode .chapter-body{
  display:grid !important;
  grid-template-columns:minmax(0, 1.65fr) minmax(280px, .86fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:28px !important;
  row-gap:16px !important;
  align-items:start !important;
  min-height:0 !important;
}

body.is-pdf-mode .chapter-copy{
  grid-column:1 !important;
  grid-row:1 / 3 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  min-width:0 !important;
}

body.is-pdf-mode .chapter-copy .eyebrow{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.1 !important;
  letter-spacing:.14em !important;
}

body.is-pdf-mode .chapter-copy h2{
  font-size:42px !important;
  line-height:.95 !important;
  margin:-8px 0 0 !important;
}

body.is-pdf-mode .chapter-copy h3{
  display:none !important;
}

body.is-pdf-mode .story{
  display:block !important;
  -webkit-line-clamp:unset !important;
  overflow:visible !important;
  max-width:620px !important;
  font-size:16px !important;
  line-height:1.55 !important;
  margin:0 !important;
}

body.is-pdf-mode .mini-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  margin:8px 0 0 !important;
}

body.is-pdf-mode .mini-panel{
  padding:18px 20px !important;
  border-radius:18px !important;
}

body.is-pdf-mode .mini-panel strong{
  font-size:17px !important;
  line-height:1.1 !important;
  margin:0 0 12px !important;
}

body.is-pdf-mode .mini-panel ul{
  gap:7px !important;
}

body.is-pdf-mode .mini-panel ul li,
body.is-pdf-mode .source-pills span{
  padding:6px 10px !important;
  font-size:12px !important;
  line-height:1.1 !important;
}

body.is-pdf-mode .mini-panel ul li:nth-child(n),
body.is-pdf-mode .source-pills span:nth-child(n){
  display:inline-flex !important;
}

body.is-pdf-mode .source-note{
  display:block !important;
  font-size:12px !important;
  line-height:1.38 !important;
  margin:0 0 12px !important;
}

body.is-pdf-mode .source-pills{
  gap:7px !important;
}

body.is-pdf-mode .flashcard-drawers{
  grid-column:2 !important;
  grid-row:1 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  margin:0 !important;
  align-self:start !important;
}

body.is-pdf-mode .flashcard-drawer{
  display:block !important;
  min-height:0 !important;
}

body.is-pdf-mode .flashcard-drawer summary{
  position:relative !important;
  display:grid !important;
  gap:8px !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  background:rgba(255,253,248,.95) !important;
  padding:14px 48px 14px 16px !important;
  box-shadow:0 12px 26px rgba(88,62,42,.07) !important;
}

body.is-pdf-mode .flashcard-drawer summary.has-title-preview{
  display:flex !important;
  align-items:center !important;
}

body.is-pdf-mode .flashcard-drawer summary::after{
  content:"+" !important;
  position:absolute !important;
  right:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:block !important;
  color:#a9793e !important;
  font-size:18px !important;
  font-weight:900 !important;
}

body.is-pdf-mode .flashcard-summary-title,
body.is-pdf-mode .flashcard-summary-preview,
body.is-pdf-mode .flashcard-powered-by{
  display:inline-flex !important;
}

body.is-pdf-mode .flashcard-summary-title{
  max-width:100% !important;
  font-size:12px !important;
  line-height:1.1 !important;
  letter-spacing:.12em !important;
}

body.is-pdf-mode .flashcard-powered-by{
  margin-left:8px !important;
  font-size:8px !important;
}

body.is-pdf-mode .flashcard-summary-preview{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
}

body.is-pdf-mode .flashcard-summary-preview.is-title-preview{
  display:block !important;
  font-size:11px !important;
}

body.is-pdf-mode .flashcard-preview-pill{
  padding:5px 9px !important;
  font-size:11px !important;
}

body.is-pdf-mode .flashcard-drawer-body{
  display:none !important;
}

body.is-pdf-mode .chapter-art,
body.is-pdf-mode .chapter-art.story-scene{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:end !important;
  width:100% !important;
  height:300px !important;
  max-height:300px !important;
  margin:0 !important;
  padding:14px !important;
  border-radius:24px !important;
  background:rgba(255,244,232,.64) !important;
  border:1px solid var(--line) !important;
}

body.is-pdf-mode .chapter-art.story-scene .scene-caption{
  display:inline-flex !important;
  font-size:11px !important;
  max-width:calc(100% - 60px) !important;
}

body.is-pdf-mode .chapter-art img,
body.is-pdf-mode .chapter-art .scene-image,
body.is-pdf-mode .chapter-art .mochi-main,
body.is-pdf-mode .chapter-art.story-scene .scene-image,
body.is-pdf-mode .chapter-art.story-scene .mochi-main{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:18px !important;
}

body.is-pdf-mode .story-strip.deck-card,
body.is-pdf-mode .map-section.deck-card,
body.is-pdf-mode .proof-slide.deck-card{
  display:none !important;
}

@media (max-width:760px){
  body.is-pdf-mode .deck-card{
    width:min(100vw - 20px, 430px) !important;
    padding:22px !important;
  }
}

@keyframes flashcardInFromRight{
  0%{transform:translate3d(120px, 20px, -160px) rotateY(-12deg) rotateZ(3deg) scale(.92);}
  68%{transform:translate3d(-8px, -2px, 0) rotateY(1deg) rotateZ(-.4deg) scale(1.005);}
  100%{transform:translate3d(0,0,0) rotateY(0) rotateZ(0) scale(1);}
}

@keyframes flashcardInFromLeft{
  0%{transform:translate3d(-120px, 20px, -160px) rotateY(12deg) rotateZ(-3deg) scale(.92);}
  68%{transform:translate3d(8px, -2px, 0) rotateY(-1deg) rotateZ(.4deg) scale(1.005);}
  100%{transform:translate3d(0,0,0) rotateY(0) rotateZ(0) scale(1);}
}

@keyframes drawerRollout{
  from{
    opacity:0;
    transform:translateY(-8px) scaleY(.94);
    transform-origin:top;
  }
  to{
    opacity:1;
    transform:translateY(0) scaleY(1);
    transform-origin:top;
  }
}

@keyframes marqueePlays{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

@keyframes demoMochiFlip{
  0%,
  32%{
    background-image:url("assets/mochi_sprites/sprite_r04_c07.png");
    transform:rotate(-2deg) scale(1);
  }
  33%,
  65%{
    background-image:url("assets/mochi_sprites/sprite_r01_c09.png");
    transform:rotate(1deg) scale(1.03);
  }
  66%,
  100%{
    background-image:url("assets/mochi_sprites/sprite_r01_c07.png");
    transform:rotate(-1deg) scale(1.02);
  }
}

.desktop-flashcards.recipe-flashcards .chapter-art.story-scene{
  display:grid !important;
  place-items:center !important;
}

.desktop-flashcards.recipe-flashcards .chapter-art.story-scene .scene-image,
.desktop-flashcards.recipe-flashcards .chapter-art.story-scene .mochi-main{
  width:100% !important;
  height:100% !important;
  inline-size:100% !important;
  block-size:100% !important;
  max-inline-size:100% !important;
  max-block-size:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

.desktop-flashcards .has-image-zoom{
  position:relative;
}

.desktop-flashcards .image-enlarge-button{
  position:absolute;
  right:12px;
  top:12px;
  z-index:20;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(210,204,196,.82);
  border-radius:999px;
  background:rgba(255,253,248,.76);
  color:#7a7069;
  font:inherit;
  font-size:18px;
  font-weight:700;
  line-height:1;
  box-shadow:0 8px 18px rgba(70,50,35,.08);
  cursor:pointer;
  backdrop-filter:blur(10px);
}

.desktop-flashcards .image-enlarge-button:hover{
  transform:translateY(-1px);
  background:rgba(255,253,248,.94);
  color:#4f4842;
}

.image-zoom-dialog{
  width:fit-content;
  max-width:calc(100vw - 32px);
  height:fit-content;
  max-height:calc(100vh - 32px);
  margin:16px auto auto;
  border:1px solid #ead8b8;
  border-radius:24px;
  padding:0;
  background:#fffdf8;
  box-shadow:0 28px 80px rgba(47,41,37,.30);
  overflow:visible;
}

.image-zoom-dialog::backdrop{
  background:rgba(47,41,37,.56);
  backdrop-filter:blur(3px);
}

.image-zoom-inner{
  position:relative;
  display:block;
  width:fit-content;
  height:fit-content;
  max-width:calc(100vw - 32px);
  max-height:calc(100vh - 32px);
  padding:18px;
}

.image-zoom-inner img{
  display:block;
  width:auto;
  max-width:calc(100vw - 68px);
  height:auto;
  max-height:calc(100vh - 68px);
  object-fit:contain;
}

.image-zoom-close{
  position:absolute;
  right:16px;
  top:16px;
  z-index:2;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid #ead8b8;
  border-radius:999px;
  background:#fffdf8;
  color:#3c332f;
  font:inherit;
  font-size:28px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(70,50,35,.10);
}

/* Mobile deck: drawers must live in the card flow, with the art back on top. */
@media (max-width:980px){
  .desktop-flashcards main{
    overscroll-behavior-x:contain;
    touch-action:pan-y !important;
  }

  .desktop-flashcards .chapter-card{
    display:block !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:14px 14px 56px !important;
    scroll-padding-bottom:56px;
    touch-action:pan-y !important;
  }

  .desktop-flashcards .chapter-body{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    min-height:0 !important;
  }

  .desktop-flashcards .closing.closing-stacked{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    text-align:center !important;
  }

  .desktop-flashcards .closing.closing-stacked .eyebrow{
    display:none !important;
  }

  .desktop-flashcards .closing.closing-stacked h2{
    margin:0 !important;
    font-size:clamp(24px, 6.5vw, 30px) !important;
    line-height:1.04 !important;
    letter-spacing:0 !important;
  }

  .desktop-flashcards .closing.closing-stacked > picture{
    display:grid !important;
    place-items:center !important;
    width:104px !important;
    height:104px !important;
    min-height:104px !important;
    line-height:0 !important;
    overflow:visible !important;
    flex:0 0 auto !important;
  }

  .desktop-flashcards .closing.closing-stacked > picture img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
  }

  .desktop-flashcards .closing.closing-stacked > p:not(.eyebrow){
    margin:0 auto !important;
    max-width:34ch !important;
    font-size:15px !important;
    line-height:1.36 !important;
  }

  .desktop-flashcards .closing.closing-stacked .play-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    margin:2px 0 0 !important;
  }

  .desktop-flashcards .closing.closing-stacked .play-row > div{
    display:block !important;
    padding:10px 12px !important;
    border:1px solid var(--line) !important;
    border-radius:16px !important;
    background:#fffaf1 !important;
    text-align:left !important;
  }

  .desktop-flashcards .closing.closing-stacked .play-row b,
  .desktop-flashcards .closing.closing-stacked .play-row span{
    display:block !important;
  }

  .desktop-flashcards .closing.closing-stacked .play-row b{
    margin:0 0 3px !important;
    font-size:14px !important;
    line-height:1.15 !important;
    color:var(--ink) !important;
  }

  .desktop-flashcards .closing.closing-stacked .play-row span{
    font-size:13px !important;
    line-height:1.28 !important;
    color:var(--muted) !important;
  }

  .desktop-flashcards .chapter-art,
  .desktop-flashcards .chapter-art.story-scene{
    order:-1 !important;
    display:grid !important;
    width:100% !important;
    height:clamp(170px, 27vw, 205px) !important;
    min-height:clamp(170px, 27vw, 205px) !important;
    max-height:clamp(170px, 27vw, 205px) !important;
    margin:0 0 2px !important;
    padding:5px !important;
    overflow:hidden !important;
  }

  .desktop-flashcards .chapter-art.story-scene .scene-caption{
    display:none !important;
  }

  .desktop-flashcards .chapter-copy{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  .desktop-flashcards .chapter-copy h2{
    font-size:clamp(28px, 4.6vw, 34px) !important;
    line-height:1.08 !important;
    margin:0 !important;
  }

  .desktop-flashcards.abc-title-mode .chapter-copy h2{
    display:block !important;
  }

  .desktop-flashcards .chapter-copy h3{
    font-size:clamp(16px, 2.55vw, 19px) !important;
    line-height:1.26 !important;
    margin:0 !important;
  }

  .desktop-flashcards .story{
    font-size:13.25px !important;
    line-height:1.44 !important;
    margin:0 !important;
  }

  .desktop-flashcards .mini-grid{
    order:2 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    margin:10px 0 0 !important;
  }

  .desktop-flashcards .mini-panel{
    padding:12px !important;
    border-radius:16px !important;
  }

  .desktop-flashcards .mini-panel strong{
    margin-bottom:7px !important;
  }

  .desktop-flashcards .mini-panel ul,
  .desktop-flashcards .source-note{
    font-size:12px !important;
    line-height:1.35 !important;
  }

  .desktop-flashcards .source-pills{
    gap:5px !important;
  }

  .desktop-flashcards .source-pills span{
    padding:6px 8px !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }

  .desktop-flashcards .flashcard-drawers{
    order:1 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    width:100% !important;
    margin:8px 0 0 !important;
  }

  .desktop-flashcards .flashcard-drawer.is-play-drawer{
    order:3 !important;
    margin-top:10px !important;
  }

  .desktop-flashcards .flashcard-drawer.is-proof-drawer{
    order:0 !important;
  }

  .desktop-flashcards .flashcard-drawer,
  .desktop-flashcards .flashcard-drawer-body{
    position:static !important;
    display:block !important;
    width:100% !important;
    overflow:visible !important;
    border-radius:0 !important;
    box-shadow:none !important;
    animation:none !important;
  }

  .desktop-flashcards .flashcard-drawer summary{
    display:none !important;
  }

  .desktop-flashcards .flashcard-drawer .inference,
  .desktop-flashcards .flashcard-drawer .play-example{
    display:block !important;
    margin:0 !important;
    padding:9px 11px !important;
    border-radius:14px !important;
    box-shadow:0 10px 24px rgba(88,62,42,.08);
  }

  .desktop-flashcards .flashcard-drawer .play-example > span{
    display:block !important;
    font-size:10px !important;
    line-height:1.2 !important;
    margin-bottom:5px !important;
  }

  .desktop-flashcards .flashcard-drawer .inference p,
  .desktop-flashcards .flashcard-drawer .inference li,
  .desktop-flashcards .flashcard-drawer .play-example p,
  .desktop-flashcards .flashcard-drawer .play-example li{
    font-size:12.5px !important;
    line-height:1.3 !important;
  }

  .desktop-flashcards .chapter-art.story-scene .scene-image,
  .desktop-flashcards .chapter-art.story-scene .mochi-main,
  .desktop-flashcards .chapter-art img{
    width:auto !important;
    height:calc(clamp(170px, 27vw, 205px) - 10px) !important;
    inline-size:auto !important;
    block-size:calc(clamp(170px, 27vw, 205px) - 10px) !important;
    max-width:100% !important;
    max-height:calc(clamp(170px, 27vw, 205px) - 10px) !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  .desktop-flashcards .closing .marquee-plays{
    overflow:visible !important;
    mask-image:none !important;
    -webkit-mask-image:none !important;
  }

  .desktop-flashcards .closing .marquee-track{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:12px !important;
    animation:none !important;
    transform:none !important;
  }

  .desktop-flashcards .closing .marquee-track div{
    width:100% !important;
    padding:13px 14px !important;
  }

  .desktop-flashcards .closing .marquee-track div:nth-child(n+7){
    display:none !important;
  }

  .desktop-flashcards .image-enlarge-button{
    right:8px;
    top:8px;
    width:30px;
    height:30px;
    font-size:16px;
  }

  .image-zoom-dialog{
    width:fit-content;
    max-width:calc(100vw - 20px);
    height:fit-content;
    max-height:calc(100dvh - 28px);
    margin:10px auto auto;
    border-radius:20px;
  }

  .image-zoom-inner{
    width:fit-content;
    max-width:calc(100vw - 20px);
    max-height:calc(100dvh - 28px);
    padding:14px;
  }

  .image-zoom-inner img{
    max-width:calc(100vw - 48px);
    max-height:calc(100dvh - 56px);
  }

  .image-zoom-close{
    right:10px;
    top:10px;
    width:40px;
    height:40px;
    font-size:25px;
  }
}

/* Convert Signals bullet list into tag pills across all modes */
.mini-panel ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}
.mini-panel ul li{
  display:inline-flex !important;
  align-items:center;
  background:#f7efe5;
  border-radius:999px;
  padding:5px 9px !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  color:#6c5a4c !important;
  line-height:1.15 !important;
  white-space:nowrap;
  flex:0 0 auto;
}

/* Stack Signals and Where-to-find so each panel has full width and tags
   can wrap multiple per row instead of one per line. */
.chapter-card .mini-grid{
  grid-template-columns:1fr !important;
}

/* Color the first-letter accent in abc-title mode across all viewports
   (desktop has its own rule, but mobile and the PDF need this too). */
.abc-title-mode .abc-title-letter{
  color:#b95d35 !important;
}

/* On mobile, let the chapter-art match the image's natural aspect ratio
   so the artwork shows full-bleed with no cream padding and no cropping. */
@media (max-width:980px){
  .desktop-flashcards .chapter-art,
  .desktop-flashcards .chapter-art.story-scene{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .desktop-flashcards .chapter-art img,
  .desktop-flashcards .chapter-art.story-scene .scene-image,
  .desktop-flashcards .chapter-art.story-scene .mochi-main,
  .desktop-flashcards .chapter-art .scene-image,
  .desktop-flashcards .chapter-art .mochi-main{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block !important;
  }
}

/* ============================================================
   PDF / postcard preview mode (triggered by ?is_pdf=true)
   Mirrors the export script so the browser preview matches the
   final PDF exactly. Only kicks in at mobile widths.
   ============================================================ */

@media (max-width: 980px) {
  body.is-pdf-mode .sidebar,
  body.is-pdf-mode .deck-status,
  body.is-pdf-mode .deck-prev,
  body.is-pdf-mode .deck-start,
  body.is-pdf-mode .deck-next,
  body.is-pdf-mode .image-enlarge-button,
  body.is-pdf-mode .image-zoom-dialog,
  body.is-pdf-mode .prelude-tab,
  body.is-pdf-mode .slide-tab {
    display: none !important;
  }
  body.is-pdf-mode main,
  body.is-pdf-mode .page-shell,
  body.is-pdf-mode .chapters {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    scroll-snap-type: none !important;
  }

  /* Uniform postcard-aspect card: 4.25 × 6.25 in.
     At 430px wide that's 632px tall; we use 600 × 882 to give content
     a bit more room while keeping the same aspect ratio. */
  body.is-pdf-mode .desktop-flashcards .deck-card,
  body.is-pdf-mode .deck-card {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    aspect-ratio: 4.25 / 6.25 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
    margin: 0 0 16px !important;
    padding: 16px 16px 14px !important;
    transition: none !important;
    animation: none !important;
  }

  /* Hero centered */
  body.is-pdf-mode .hero,
  body.is-pdf-mode .hero-art,
  body.is-pdf-mode .closing {
    min-height: 0 !important;
  }
  body.is-pdf-mode .hero {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 16px !important;
  }
  body.is-pdf-mode .hero .hero-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  body.is-pdf-mode .hero .hero-art {
    order: -1 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
  body.is-pdf-mode .hero .hero-buttons,
  body.is-pdf-mode .hero .formula {
    display: none !important;
  }

  /* Chapter body fills the remaining card height */
  body.is-pdf-mode .chapter-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    gap: 6px !important;
  }
  body.is-pdf-mode .chapter-copy {
    gap: 3px !important;
  }

  /* Chapter art: natural aspect, never cropped, capped */
  body.is-pdf-mode .chapter-art,
  body.is-pdf-mode .chapter-art.story-scene {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 220px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: transparent !important;
    flex: 0 0 auto !important;
  }
  body.is-pdf-mode .chapter-art img,
  body.is-pdf-mode .chapter-art .scene-image,
  body.is-pdf-mode .chapter-art .mochi-main {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 220px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    border-radius: 14px !important;
  }
  body.is-pdf-mode .chapter-art.story-scene .scene-caption {
    display: none !important;
  }

  /* Typography tightening */
  body.is-pdf-mode .chapter-copy h2 {
    font-size: 24px !important;
    line-height: 1.04 !important;
    margin: 0 !important;
  }
  body.is-pdf-mode .chapter-copy h3 {
    font-size: 12px !important;
    line-height: 1.18 !important;
    margin: 2px 0 0 !important;
  }
  body.is-pdf-mode .story {
    font-size: 11px !important;
    line-height: 1.32 !important;
    margin: 4px 0 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  /* Mini-panel (Signals, Where to find) */
  body.is-pdf-mode .mini-grid {
    gap: 6px !important;
    margin: 4px 0 !important;
  }
  body.is-pdf-mode .mini-panel {
    padding: 7px 9px !important;
    border-radius: 12px !important;
  }
  body.is-pdf-mode .mini-panel strong {
    font-size: 11px !important;
    margin: 0 0 3px !important;
  }
  body.is-pdf-mode .mini-panel ul {
    gap: 3px !important;
  }
  body.is-pdf-mode .mini-panel ul li {
    padding: 3px 7px !important;
    font-size: 10px !important;
  }
  body.is-pdf-mode .source-note {
    display: none !important;
  }
  body.is-pdf-mode .source-pills {
    gap: 3px !important;
  }
  body.is-pdf-mode .source-pills span {
    padding: 3px 7px !important;
    font-size: 10px !important;
  }
  body.is-pdf-mode .mini-panel ul li:nth-child(n+6),
  body.is-pdf-mode .source-pills span:nth-child(n+6) {
    display: none !important;
  }

  /* Drawers (Vanta example, Play) */
  body.is-pdf-mode .flashcard-drawers {
    gap: 6px !important;
    margin: 4px 0 0 !important;
  }
  body.is-pdf-mode .flashcard-drawer .inference,
  body.is-pdf-mode .flashcard-drawer .play-example {
    padding: 7px 9px !important;
    border-radius: 12px !important;
  }
  body.is-pdf-mode .flashcard-drawer .inference > span,
  body.is-pdf-mode .flashcard-drawer .play-example > span {
    font-size: 9px !important;
    margin: 0 0 2px !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    display: block !important;
  }
  body.is-pdf-mode .flashcard-drawer .inference p,
  body.is-pdf-mode .flashcard-drawer .play-example p {
    font-size: 10.5px !important;
    line-height: 1.32 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  body.is-pdf-mode .flashcard-drawer .inference p {
    -webkit-line-clamp: 3 !important;
  }
  body.is-pdf-mode .flashcard-drawer .play-example p {
    -webkit-line-clamp: 2 !important;
  }
  /* Bullet lists inside the Vanta example: compact bullets, top 3 only */
  body.is-pdf-mode .flashcard-drawer .inference ul {
    display: block !important;
    margin: 2px 0 0 !important;
    padding: 0 0 0 14px !important;
    list-style: disc !important;
  }
  body.is-pdf-mode .flashcard-drawer .inference li {
    display: list-item !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.28 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: #4f4a43 !important;
    font-weight: 400 !important;
  }
  body.is-pdf-mode .flashcard-drawer .inference li:nth-child(n+4) {
    display: none !important;
  }
  body.is-pdf-mode .inference::after {
    font-size: 7px !important;
    margin-top: 4px !important;
  }
  body.is-pdf-mode .flashcard-summary-title,
  body.is-pdf-mode .flashcard-summary-preview,
  body.is-pdf-mode .flashcard-powered-by {
    display: none !important;
  }
}

/* Final horizontal postcard preview override.
   ?is_pdf=true shows one 6.25in x 4.25in card at a time. */
body.is-pdf-mode{
  --postcard-preview-w: min(calc(100vw - 140px), 1000px);
  min-height:100vh !important;
  overflow:hidden !important;
  background:#e9e1d3 !important;
}

body.is-pdf-mode .page-shell,
body.is-pdf-mode main,
body.is-pdf-mode .chapters{
  display:block !important;
  width:100% !important;
  height:100vh !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

body.is-pdf-mode main{
  position:relative !important;
  max-width:none !important;
  perspective:none !important;
}

body.is-pdf-mode .sidebar,
body.is-pdf-mode .deck-start,
body.is-pdf-mode .image-enlarge-button,
body.is-pdf-mode .image-zoom-dialog,
body.is-pdf-mode .prelude-tab,
body.is-pdf-mode .slide-tab{
  display:none !important;
}

body.is-pdf-mode .deck-card{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  display:grid !important;
  grid-template-rows:auto minmax(0, 1fr) !important;
  width:var(--postcard-preview-w) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:6.25 / 4.25 !important;
  margin:0 !important;
  padding:34px 42px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translate(-50%, -50%) !important;
  transition:none !important;
  animation:none !important;
}

body.is-pdf-mode .deck-card.is-active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

body.is-pdf-mode .story-strip.deck-card,
body.is-pdf-mode .map-section.deck-card,
body.is-pdf-mode .proof-slide.deck-card{
  display:none !important;
}

body.is-pdf-mode .deck-status{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  position:fixed !important;
  left:50% !important;
  top:14px !important;
  z-index:120 !important;
  transform:translateX(-50%) !important;
  padding:9px 13px !important;
  border:1px solid var(--line) !important;
  border-radius:999px !important;
  background:rgba(255,253,248,.92) !important;
  color:#3c332f !important;
  box-shadow:0 12px 30px rgba(88,62,42,.12) !important;
  font-size:12px !important;
  font-weight:900 !important;
}

body.is-pdf-mode .deck-hint{
  display:inline !important;
}

body.is-pdf-mode .deck-prev,
body.is-pdf-mode .deck-next{
  display:none !important;
  position:fixed !important;
  bottom:22px !important;
  z-index:120 !important;
  border:0 !important;
  border-radius:999px !important;
  padding:13px 18px !important;
  background:#2f2925 !important;
  color:#fff !important;
  font:inherit !important;
  font-weight:900 !important;
  box-shadow:0 16px 34px rgba(47,41,37,.22) !important;
  cursor:pointer !important;
}

body.is-pdf-mode .deck-prev{
  left:max(16px, calc(50% - 438px)) !important;
}

body.is-pdf-mode .deck-next{
  right:max(16px, calc(50% - 438px)) !important;
}

body.is-pdf-mode .deck-prev[hidden],
body.is-pdf-mode .deck-next[hidden]{
  display:none !important;
}

body.is-pdf-mode .chapter-body{
  position:relative !important;
  display:block !important;
  min-height:0 !important;
}

body.is-pdf-mode .chapter-copy{
  width:calc(68% - 18px) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-copy{
  gap:14px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-copy h2{
  margin-top:-4px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .story{
  margin-top:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:minmax(170px, auto) minmax(188px, auto) !important;
  gap:10px !important;
  margin-top:4px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:170px !important;
  padding:20px 22px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel:nth-child(2){
  min-height:188px !important;
  justify-content:flex-start !important;
  padding-top:26px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel strong{
  margin-bottom:12px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .source-note{
  display:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel:nth-child(2) .source-pills span:nth-child(n+11){
  display:none !important;
}

body.is-pdf-mode .flashcard-drawers{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:32% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin:0 !important;
}

body.is-pdf-mode .chapter-art,
body.is-pdf-mode .chapter-art.story-scene{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:32% !important;
  height:310px !important;
  max-height:310px !important;
  margin:0 !important;
  padding:14px !important;
  border-radius:24px !important;
}

body.is-pdf-mode .flashcard-drawer summary,
body.is-pdf-mode .flashcard-drawer summary.has-title-preview{
  display:none !important;
}

body.is-pdf-mode .flashcard-drawer-body{
  position:relative !important;
  inset:auto !important;
  display:flex !important;
  border-radius:18px !important;
  box-shadow:0 16px 32px rgba(88,62,42,.10) !important;
  animation:none !important;
}

body.is-pdf-mode .flashcard-drawer .inference,
body.is-pdf-mode .flashcard-drawer .play-example{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
  min-height:88px !important;
  padding:12px 15px !important;
  border-radius:18px !important;
}

body.is-pdf-mode .flashcard-drawer .inference > span,
body.is-pdf-mode .flashcard-drawer .play-example > span{
  display:block !important;
  margin:0 0 4px !important;
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

body.is-pdf-mode .flashcard-drawer .inference p,
body.is-pdf-mode .flashcard-drawer .play-example p{
  display:block !important;
  overflow:visible !important;
  margin:0 !important;
  font-size:12.2px !important;
  line-height:1.32 !important;
}

body.is-pdf-mode .flashcard-drawer .inference p{
  -webkit-line-clamp:unset !important;
}

body.is-pdf-mode .flashcard-drawer .play-example p{
  -webkit-line-clamp:unset !important;
}

body.is-pdf-mode .flashcard-drawer .inference ul,
body.is-pdf-mode .flashcard-drawer .inference ol{
  display:block !important;
  margin:0 !important;
  padding:0 0 0 18px !important;
  list-style:disc !important;
}

body.is-pdf-mode .flashcard-drawer .inference li{
  display:list-item !important;
  margin:0 0 2px !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  color:#6c5a4c !important;
  font-size:11.8px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  white-space:normal !important;
}

body.is-pdf-mode .flashcard-drawer .inference li:nth-child(n+4){
  display:none !important;
}

body.is-pdf-mode .flashcard-drawer .inference li b{
  color:#3c332f !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-body{
  position:relative !important;
  display:block !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-copy{
  width:calc(60% - 18px) !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawers{
  position:absolute !important;
  top:auto !important;
  bottom:0 !important;
  right:0 !important;
  width:40% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art.story-scene{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:40% !important;
  max-width:40% !important;
  height:360px !important;
  max-height:360px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art img,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art .scene-image,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art .mochi-main,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art.story-scene .scene-image,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art.story-scene .mochi-main{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card{
  position:absolute !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-top{
  position:absolute !important;
  left:42px !important;
  top:34px !important;
  margin:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-body,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-copy{
  position:static !important;
  display:block !important;
  width:auto !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-copy .eyebrow{
  position:absolute !important;
  left:42px !important;
  top:82px !important;
  width:540px !important;
  margin:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-copy h2{
  position:absolute !important;
  left:42px !important;
  top:112px !important;
  width:540px !important;
  margin:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .story{
  position:absolute !important;
  left:42px !important;
  top:182px !important;
  width:540px !important;
  max-height:56px !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  margin:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-grid{
  position:absolute !important;
  left:42px !important;
  top:258px !important;
  width:540px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:190px 168px !important;
  gap:10px !important;
  margin:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel{
  min-height:0 !important;
  height:100% !important;
  justify-content:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel:nth-child(2){
  min-height:0 !important;
  height:100% !important;
  justify-content:flex-start !important;
  padding-top:24px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art.story-scene{
  top:86px !important;
  right:42px !important;
  width:360px !important;
  max-width:360px !important;
  height:320px !important;
  max-height:320px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawers{
  top:426px !important;
  bottom:auto !important;
  right:42px !important;
  width:360px !important;
  max-width:360px !important;
  height:200px !important;
  max-height:200px !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer{
  flex:0 0 auto !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer-body{
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-proof-drawer{
  height:104px !important;
  max-height:104px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-play-drawer{
  height:84px !important;
  max-height:84px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-proof-drawer .flashcard-drawer-body{
  height:104px !important;
  max-height:104px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-play-drawer .flashcard-drawer-body{
  height:84px !important;
  max-height:84px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .play-example{
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference p:nth-of-type(n+2){
  display:block !important;
  margin-top:4px !important;
  -webkit-line-clamp:unset !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .play-example p:nth-of-type(n+2){
  display:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference ul,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference ol{
  display:block !important;
  margin:4px 0 0 !important;
  padding:0 0 0 16px !important;
  list-style:disc !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference li{
  display:list-item !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
  color:#4f4a43 !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference .timeline-modal-trigger,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference .timeline-dialog{
  display:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .deck-card{
  padding:30px 36px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-top{
  left:30px !important;
  top:28px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-copy .eyebrow{
  left:30px !important;
  top:76px !important;
  width:532px !important;
  font-size:14px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-copy h2{
  left:30px !important;
  top:104px !important;
  width:532px !important;
  font-size:46px !important;
  line-height:.92 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .story{
  left:30px !important;
  top:168px !important;
  width:532px !important;
  max-height:64px !important;
  font-size:18px !important;
  line-height:1.35 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-grid{
  left:30px !important;
  top:224px !important;
  width:532px !important;
  grid-template-rows:230px 172px !important;
  gap:8px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel{
  padding:22px 24px !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel:nth-child(2){
  padding-top:18px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel strong{
  font-size:21px !important;
  line-height:1 !important;
  margin-bottom:14px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel ul,
body.desktop-flashcards.is-pdf-mode.export-pdf .source-pills{
  gap:9px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel ul li,
body.desktop-flashcards.is-pdf-mode.export-pdf .source-pills span{
  padding:8px 12px !important;
  font-size:14px !important;
  line-height:1.08 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art.story-scene{
  top:72px !important;
  right:30px !important;
  width:390px !important;
  max-width:390px !important;
  height:294px !important;
  max-height:294px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawers{
  top:390px !important;
  right:30px !important;
  width:390px !important;
  max-width:390px !important;
  height:224px !important;
  max-height:224px !important;
  gap:12px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-proof-drawer{
  height:122px !important;
  max-height:122px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-play-drawer{
  height:90px !important;
  max-height:90px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-proof-drawer .flashcard-drawer-body{
  height:122px !important;
  max-height:122px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-play-drawer .flashcard-drawer-body{
  height:90px !important;
  max-height:90px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .play-example{
  padding:10px 14px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference > span,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .play-example > span{
  font-size:11px !important;
  margin-bottom:5px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference p,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .play-example p{
  font-size:11.5px !important;
  line-height:1.25 !important;
  display:block !important;
  -webkit-line-clamp:unset !important;
  overflow:visible !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .inference::after{
  font-size:13px !important;
  line-height:1 !important;
  margin-top:auto !important;
  padding-top:4px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .play-example,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer-body{
  box-shadow:none !important;
}

/* PDF postcard layout: art first, concise proof + plan + sources. */
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card{
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-top{
  left:30px !important;
  top:30px !important;
  z-index:8 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-copy .eyebrow{
  left:560px !important;
  top:42px !important;
  width:390px !important;
  text-align:right !important;
  font-size:14px !important;
  line-height:1.1 !important;
  letter-spacing:.16em !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-copy h2{
  left:560px !important;
  top:82px !important;
  width:390px !important;
  font-size:54px !important;
  line-height:.9 !important;
  letter-spacing:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .story{
  left:560px !important;
  top:178px !important;
  width:390px !important;
  max-height:54px !important;
  display:block !important;
  overflow:hidden !important;
  font-size:17px !important;
  line-height:1.34 !important;
  -webkit-line-clamp:unset !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art.story-scene{
  left:36px !important;
  right:auto !important;
  top:126px !important;
  width:500px !important;
  max-width:500px !important;
  height:488px !important;
  max-height:488px !important;
  padding:14px !important;
  border-radius:25px !important;
  z-index:3 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art img,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art .scene-image,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art .mochi-main,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art.story-scene .scene-image,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art.story-scene .mochi-main{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-art.story-scene .scene-caption{
  top:14px !important;
  left:14px !important;
  max-width:74% !important;
  padding:8px 14px !important;
  font-size:13px !important;
  line-height:1.05 !important;
  z-index:4 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-grid{
  left:560px !important;
  top:508px !important;
  width:390px !important;
  display:block !important;
  margin:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel:first-child{
  display:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel:nth-child(2){
  height:106px !important;
  min-height:0 !important;
  padding:16px 18px !important;
  border-radius:18px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .mini-panel:nth-child(2) strong{
  font-size:17px !important;
  line-height:1 !important;
  margin:0 0 11px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .source-note{
  display:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .source-pills{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .source-pills span{
  padding:7px 10px !important;
  font-size:12.5px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .source-pills span:nth-child(n+5){
  display:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawers{
  left:560px !important;
  right:auto !important;
  top:248px !important;
  width:390px !important;
  max-width:390px !important;
  height:238px !important;
  max-height:238px !important;
  gap:12px !important;
  overflow:visible !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-proof-drawer{
  height:108px !important;
  max-height:108px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-play-drawer{
  height:118px !important;
  max-height:118px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-proof-drawer .flashcard-drawer-body{
  height:108px !important;
  max-height:108px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer.is-play-drawer .flashcard-drawer-body{
  height:118px !important;
  max-height:118px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .play-example{
  padding:13px 16px !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference > span,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .play-example > span{
  font-size:11px !important;
  line-height:1.1 !important;
  letter-spacing:.14em !important;
  margin-bottom:6px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference p,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .play-example p{
  font-size:14.2px !important;
  line-height:1.22 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .inference::after{
  font-size:10px !important;
  padding-top:7px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card,
body.desktop-flashcards.is-pdf-mode.export-pdf .closing.deck-card{
  display:grid !important;
  width:var(--postcard-preview-w) !important;
  aspect-ratio:6.25 / 4.25 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:38px 44px !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card{
  grid-template-columns:minmax(0, .98fr) minmax(0, 1.02fr) !important;
  grid-template-rows:1fr !important;
  gap:18px !important;
  align-items:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card::before{
  content:"" !important;
  position:absolute !important;
  display:block !important;
  inset:auto !important;
  left:2% !important;
  right:2% !important;
  top:3% !important;
  bottom:2.5% !important;
  border:2px dashed rgba(228,190,160,.38) !important;
  border-radius:30px !important;
  background:transparent !important;
  pointer-events:none !important;
  z-index:1 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .hero-copy{
  position:relative !important;
  z-index:2 !important;
  max-width:460px !important;
  justify-self:center !important;
  align-self:center !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  grid-column:1 !important;
  grid-row:1 !important;
  transform:translateY(4px) !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .seal-corner{
  display:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .eyebrow,
body.desktop-flashcards.is-pdf-mode.export-pdf .closing .eyebrow{
  margin:0 0 12px !important;
  font-size:13px !important;
  line-height:1.1 !important;
  letter-spacing:.13em !important;
  text-align:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero h1{
  margin:0 0 18px !important;
  font-size:46px !important;
  line-height:.94 !important;
  letter-spacing:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .lead{
  margin:0 !important;
  max-width:430px !important;
  font-size:17px !important;
  line-height:1.4 !important;
  text-align:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .formula,
body.desktop-flashcards.is-pdf-mode.export-pdf .hero .hero-buttons{
  display:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .hero-art{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:0 !important;
  height:100% !important;
  overflow:visible !important;
  transform:translateX(30px) scale(.9) !important;
  transform-origin:center center !important;
  grid-column:2 !important;
  grid-row:1 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .hero-mochi{
  width:100% !important;
  max-width:330px !important;
  height:auto !important;
  display:block !important;
  margin:0 auto !important;
  object-fit:contain !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .floating-card{
  padding:8px 14px !important;
  border-radius:12px !important;
  font-size:13px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .floating-card.one{
  left:80px !important;
  top:120px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .floating-card.two{
  right:30px !important;
  top:174px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero .floating-card.three{
  left:120px !important;
  bottom:120px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing.deck-card{
  grid-template-columns:310px minmax(0, 1fr) !important;
  grid-template-rows:1fr !important;
  gap:26px !important;
  align-items:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing img{
  width:282px !important;
  max-width:100% !important;
  height:auto !important;
  justify-self:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing > div{
  justify-self:center !important;
  max-width:560px !important;
  text-align:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing h2{
  margin:0 0 14px !important;
  font-size:40px !important;
  line-height:.96 !important;
  text-align:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing p{
  margin:0 0 16px !important;
  font-size:16px !important;
  line-height:1.42 !important;
  text-align:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing .marquee-plays{
  margin-top:16px !important;
  mask-image:none !important;
  -webkit-mask-image:none !important;
  overflow:visible !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing .marquee-track{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  transform:none !important;
  animation:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing .marquee-track div{
  padding:9px 11px !important;
  border-radius:12px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing .marquee-track div:nth-child(n+7){
  display:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing .marquee-track b{
  font-size:11px !important;
  line-height:1.1 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing .marquee-track span{
  font-size:11px !important;
  line-height:1.25 !important;
}

@media (max-width:900px){
  body.is-pdf-mode{
    --postcard-preview-w: min(calc(100vw - 32px), 600px);
  }

  body.is-pdf-mode .deck-card{
    padding:24px 28px !important;
  }
}

/* Final PDF override: title/story left, artwork left, proof/play/sources right. */
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card.is-active{
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-top{
  position:absolute !important;
  left:34px !important;
  top:30px !important;
  z-index:20 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-copy .eyebrow{
  position:absolute !important;
  left:540px !important;
  right:42px !important;
  top:44px !important;
  width:auto !important;
  text-align:right !important;
  font-size:14px !important;
  line-height:1.1 !important;
  letter-spacing:.16em !important;
  margin:0 !important;
  z-index:10 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-copy h2{
  position:absolute !important;
  left:42px !important;
  top:88px !important;
  width:490px !important;
  font-size:58px !important;
  line-height:.9 !important;
  letter-spacing:0 !important;
  margin:0 !important;
  z-index:10 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .story{
  position:absolute !important;
  left:42px !important;
  top:162px !important;
  width:500px !important;
  max-height:50px !important;
  display:block !important;
  overflow:hidden !important;
  font-size:17px !important;
  line-height:1.35 !important;
  margin:0 !important;
  -webkit-line-clamp:unset !important;
  z-index:10 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-art,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  left:42px !important;
  right:auto !important;
  top:238px !important;
  width:500px !important;
  max-width:500px !important;
  height:390px !important;
  max-height:390px !important;
  margin:0 !important;
  padding:14px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  z-index:6 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-art img,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-art .scene-image,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-art .mochi-main,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene .scene-image,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene .mochi-main{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene .scene-caption{
  display:block !important;
  position:absolute !important;
  left:14px !important;
  top:14px !important;
  max-width:76% !important;
  padding:8px 14px !important;
  font-size:15px !important;
  line-height:1.05 !important;
  z-index:8 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawers{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  left:584px !important;
  right:auto !important;
  top:150px !important;
  width:374px !important;
  max-width:374px !important;
  height:284px !important;
  max-height:284px !important;
  flex-direction:column !important;
  gap:12px !important;
  overflow:visible !important;
  z-index:12 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer[open]{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer.is-proof-drawer,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer.is-proof-drawer .flashcard-drawer-body{
  height:124px !important;
  max-height:124px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer.is-play-drawer,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer.is-play-drawer .flashcard-drawer-body{
  height:146px !important;
  max-height:146px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer-body{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  height:100% !important;
  width:100% !important;
  padding:14px 17px !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference > span,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example > span{
  display:block !important;
  font-size:11px !important;
  line-height:1.1 !important;
  letter-spacing:.13em !important;
  margin:0 0 7px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference p,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example p{
  display:block !important;
  font-size:14px !important;
  line-height:1.22 !important;
  margin:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .inference::after{
  font-size:10px !important;
  line-height:1 !important;
  padding-top:8px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .mini-grid{
  display:block !important;
  position:absolute !important;
  left:584px !important;
  top:458px !important;
  width:374px !important;
  height:138px !important;
  margin:0 !important;
  z-index:12 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .mini-panel:first-child{
  display:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .mini-panel:nth-child(2){
  display:flex !important;
  height:138px !important;
  min-height:0 !important;
  padding:16px 18px !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .mini-panel:nth-child(2) strong{
  font-size:18px !important;
  line-height:1 !important;
  margin:0 0 12px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .source-pills span{
  display:inline-flex !important;
  padding:7px 10px !important;
  font-size:12.5px !important;
  line-height:1 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .source-pills span:nth-child(n+5){
  display:none !important;
}

/* ─────────────────────────────────────────────────────────────
   ABC-TITLE PDF MODE — clean grid + flex redesign.
   Scoped to body.abc-title-mode.is-pdf-mode.export-pdf so it ONLY
   affects the PDF export (is_pdf=true&is_abc_title=true).
   ───────────────────────────────────────────────────────────── */

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-body{
  position:static !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy .eyebrow{
  display:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  left:3.5% !important;
  top:7% !important;
  right:auto !important;
  bottom:auto !important;
  width:49% !important;
  max-width:49% !important;
  height:86% !important;
  max-height:86% !important;
  margin:0 !important;
  padding:14px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  z-index:5 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art img,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art .scene-image{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art img,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art .scene-image,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene .scene-image{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy{
  position:absolute !important;
  left:55.5% !important;
  top:7% !important;
  right:3.5% !important;
  bottom:7% !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  min-height:0 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy h2{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  font-size:clamp(24px, calc(var(--postcard-preview-w) * .034), 32px) !important;
  line-height:1 !important;
  margin:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  flex:0 0 auto !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy .story{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  font-size:13px !important;
  line-height:1.32 !important;
  margin:0 !important;
  flex:0 0 auto !important;
  display:block !important;
  -webkit-line-clamp:unset !important;
  overflow:visible !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawers{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-evenly !important;
  flex:1 1 auto !important;
  margin:14px 0 0 !important;
  gap:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  z-index:auto !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer{
  position:relative !important;
  flex:0 0 auto !important;
  display:block !important;
  height:auto !important;
  max-height:none !important;
  overflow:hidden !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer-body{
  height:auto !important;
  max-height:none !important;
  display:flex !important;
  overflow:hidden !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer.is-proof-drawer,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer.is-proof-drawer .flashcard-drawer-body{
  height:auto !important;
  max-height:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer.is-play-drawer,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer.is-play-drawer .flashcard-drawer-body{
  height:auto !important;
  max-height:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:auto !important;
  padding:11px 14px !important;
  overflow:hidden !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference > span,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example > span{
  display:block !important;
  font-size:10.5px !important;
  line-height:1.1 !important;
  letter-spacing:.13em !important;
  margin:0 0 5px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference p,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example p{
  display:block !important;
  font-size:11.5px !important;
  line-height:1.28 !important;
  margin:0 !important;
  -webkit-line-clamp:unset !important;
  overflow:visible !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference p + p{
  margin-top:3px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .inference::after{
  font-size:9.5px !important;
  line-height:1 !important;
  margin-top:auto !important;
  padding-top:5px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer-body{
  box-shadow:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawers .mini-grid{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  flex:0 0 auto !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel:first-child{
  display:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel:nth-child(2){
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:0 !important;
  padding:10px 14px !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel:nth-child(2) strong{
  font-size:13px !important;
  line-height:1 !important;
  margin:0 0 7px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .source-note{
  display:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .source-pills{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .source-pills span{
  display:inline-flex !important;
  padding:5px 9px !important;
  font-size:10.5px !important;
  line-height:1 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .source-pills span:nth-child(n+5){
  display:none !important;
}

/* Hide chapter-top corner badge in this layout */
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-top{
  display:none !important;
}

/* Webview PDF preview repair: left art + compact right stack. */
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card.deck-card{
  background:
    radial-gradient(circle at 90% 2%, rgba(255,226,215,.58) 0 13%, transparent 25%),
    linear-gradient(180deg, rgba(255,253,248,.98), rgba(255,250,242,.98)) !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-body{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card.deck-card::after{
  display:block !important;
  right:-56px !important;
  top:-60px !important;
  width:210px !important;
  height:210px !important;
  opacity:.30 !important;
  z-index:1 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene{
  left:34px !important;
  top:34px !important;
  width:510px !important;
  max-width:510px !important;
  height:610px !important;
  max-height:610px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 48% 55%, rgba(255,238,211,.95) 0 27%, transparent 46%),
    linear-gradient(135deg,#fffefa,#fff4e8) !important;
  box-shadow:none !important;
  z-index:4 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:nth-child(3n+1) .chapter-art.story-scene{
  background:
    radial-gradient(circle at 48% 55%, rgba(222,239,255,.72) 0 27%, transparent 46%),
    linear-gradient(135deg,#fffefa,#fff4e8) !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:nth-child(3n+2) .chapter-art.story-scene{
  background:
    radial-gradient(circle at 48% 55%, rgba(226,243,211,.8) 0 27%, transparent 46%),
    linear-gradient(135deg,#fffefa,#fff4e8) !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:nth-child(3n+3) .chapter-art.story-scene{
  background:
    radial-gradient(circle at 48% 55%, rgba(255,224,214,.82) 0 27%, transparent 46%),
    linear-gradient(135deg,#fffefa,#fff4e8) !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene::before,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene::after{
  display:block !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene::before{
  inset:18px !important;
  border-radius:24px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art img,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art .scene-image,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene .scene-image{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  border-radius:30px !important;
  background:transparent !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene .scene-caption{
  display:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy{
  left:585px !important;
  right:34px !important;
  top:96px !important;
  bottom:auto !important;
  height:auto !important;
  display:block !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy h2{
  font-size:32px !important;
  line-height:1 !important;
  margin:0 0 10px !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy .story{
  font-size:13.5px !important;
  line-height:1.32 !important;
  margin:0 0 48px !important;
  max-height:38px !important;
  overflow:hidden !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawers{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:14px !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  overflow:visible !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example{
  padding:12px 14px !important;
  border-radius:16px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawers .mini-grid{
  margin:0 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel:nth-child(2){
  padding:10px 14px !important;
  border-radius:16px !important;
}

/* Fuller webview composition: scale the postcard instead of leaving dead space. */
body.abc-title-mode.is-pdf-mode.export-pdf{
  --postcard-preview-w: min(calc(100vw - 110px), 1160px) !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene{
  left:3.6% !important;
  top:50% !important;
  width:51.5% !important;
  max-width:51.5% !important;
  height:auto !important;
  max-height:85.2% !important;
  aspect-ratio:var(--scene-aspect, 1 / 1) !important;
  transform:translateY(-50%) !important;
  border-radius:28px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art img,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art .scene-image,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene .scene-image{
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:28px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy{
  left:58.3% !important;
  right:6.1% !important;
  top:12.2% !important;
  bottom:9.6% !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy h2{
  font-size:clamp(36px, calc(var(--postcard-preview-w) * .042), 48px) !important;
  line-height:.95 !important;
  margin:0 0 12px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy .story{
  font-size:17px !important;
  line-height:1.27 !important;
  max-height:60px !important;
  margin:0 0 34px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawers{
  gap:12px !important;
  flex:1 1 auto !important;
  transform:translateY(-12px) !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example{
  min-height:112px !important;
  padding:17px 20px !important;
  border-radius:18px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference > span,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example > span{
  font-size:12px !important;
  line-height:1.08 !important;
  margin-bottom:8px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference p,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example p{
  font-size:15px !important;
  line-height:1.36 !important;
  white-space:pre-line !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel:nth-child(2){
  min-height:92px !important;
  padding:16px 20px !important;
  border-radius:18px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel:nth-child(2) strong{
  font-size:clamp(15px, calc(var(--postcard-preview-w) * .016), 18px) !important;
  margin-bottom:10px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .source-pills{
  gap:7px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .source-pills span{
  padding:7px 11px !important;
  font-size:15px !important;
  line-height:1.2 !important;
}

/* One unified content frame around image + copy. */
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-body::before{
  content:"" !important;
  position:absolute !important;
  left:2% !important;
  right:2% !important;
  top:3% !important;
  bottom:2.5% !important;
  border:2px dashed rgba(228,190,160,.38) !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 78% 6%, rgba(255,226,215,.44) 0 16%, transparent 32%),
    linear-gradient(135deg, rgba(255,254,250,.74), rgba(255,244,232,.48)) !important;
  z-index:2 !important;
  pointer-events:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene{
  left:3.6% !important;
  top:50% !important;
  height:auto !important;
  max-height:85.2% !important;
  aspect-ratio:var(--scene-aspect, 1 / 1) !important;
  transform:translateY(-50%) !important;
  overflow:hidden !important;
  z-index:3 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene::before,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene::after{
  display:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art img,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art .scene-image,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene .scene-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  overflow:hidden !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy{
  z-index:4 !important;
}

/* Align artwork with the title line and keep it slightly smaller. */
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene{
  left:5.1% !important;
  top:12.2% !important;
  width:48.5% !important;
  max-width:48.5% !important;
  height:auto !important;
  max-height:76.8% !important;
  aspect-ratio:var(--scene-aspect, 1 / 1) !important;
  transform:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.is-landscape-scene,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene.is-landscape-scene{
  top:50% !important;
  transform:translateY(-50%) !important;
}

/* Shorter PDF preview cards + more readable final-thesis table entries. */
body.abc-title-mode.is-pdf-mode.export-pdf .deck-card{
  aspect-ratio:6.25 / 3.72 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card,
body.abc-title-mode.is-pdf-mode.export-pdf .closing.deck-card{
  aspect-ratio:6.25 / 3.72 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .closing.deck-card{
  padding:34px 44px !important;
  align-items:center !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .closing .marquee-track div{
  padding:13px 16px !important;
  border-radius:14px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .closing .marquee-track b{
  font-size:15px !important;
  line-height:1.12 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .closing .marquee-track span{
  font-size:14px !important;
  line-height:1.25 !important;
}

/* Keep all readable content above the soft PDF background/frame artwork. */
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card.deck-card::after,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-body::before{
  z-index:1 !important;
  pointer-events:none !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene{
  z-index:3 !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy > *,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawers,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-grid,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel{
  position:relative !important;
  z-index:10 !important;
}

/* Final PDF overflow guard: nothing in the right column may escape the frame. */
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy{
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:35.6% !important;
  overflow:visible !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy h2,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy .story,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawers,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer-body,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference > span,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example > span,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference p,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example p,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-grid,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel,
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .source-pills{
  box-sizing:border-box !important;
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .source-pills span{
  width:auto !important;
  max-width:100% !important;
  white-space:nowrap !important;
}

/* Tuck the powered-by stamp closer to the example card baseline. */
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference{
  display:flex !important;
  flex-direction:column !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .inference::after{
  margin-top:auto !important;
  padding-top:1px !important;
  padding-bottom:0 !important;
  transform:translateY(3px) !important;
}

/* ─────────────────────────────────────────────────────────────
   Signal back-page (printed on the BACK of each chapter card).
   Big, centered list — no card chrome on the back side.
   ───────────────────────────────────────────────────────────── */

body.is-pdf-mode .chapter-card.signal-back-card{
  background:#fffaf2 !important;
  overflow:hidden !important;
  padding:0 !important;
}

body.is-pdf-mode .chapter-card.signal-back-card::before,
body.is-pdf-mode .chapter-card.signal-back-card::after{
  display:none !important;
}

.signal-back-inner{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:60px 80px !important;
  box-sizing:border-box !important;
}

.signal-back-title{
  margin:0 0 28px !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:48px !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:#2f2925 !important;
  letter-spacing:-0.01em !important;
}

.signal-back-list{
  list-style:decimal !important;
  list-style-position:inside !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  align-items:center !important;
}

.signal-back-list li{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:30px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
  color:#3c332f !important;
  list-style-position:inside !important;
  text-align:center !important;
  max-width:none !important;
  white-space:nowrap !important;
}

/* Remove the peach corner circle decoration on chapter cards in PDF mode. */
body.is-pdf-mode .chapter-card::after,
body.is-pdf-mode .chapter-card::before{
  display:none !important;
  content:none !important;
}

/* Hero (slide 1) PDF tweaks: swap image/text positions, bigger title, justified subtext. */
body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card{
  grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr) !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card .hero-copy{
  grid-column:2 !important;
  grid-row:1 !important;
  text-align:left !important;
  align-items:flex-start !important;
  justify-self:start !important;
  max-width:none !important;
  width:100% !important;
  padding-right:24px !important;
  transform:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card .hero-art{
  grid-column:1 !important;
  grid-row:1 !important;
  transform:translateX(-30px) scale(.9) !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card h1{
  font-size:48px !important;
  line-height:.98 !important;
  text-align:left !important;
  max-width:none !important;
  width:100% !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card .eyebrow{
  text-align:left !important;
  margin:-40px 0 28px !important;
  font-size:18px !important;
  letter-spacing:.16em !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card .lead{
  text-align:left !important;
  max-width:none !important;
  width:100% !important;
  line-height:1.7 !important;
  font-size:18px !important;
}

body.is-pdf-mode .inline-mochi{
  display:inline-block !important;
  vertical-align:-0.28em !important;
  width:42px !important;
  height:42px !important;
  margin:0 8px -2px !important;
  object-fit:contain !important;
}

/* Hero + closing: match the dashed inset border to the chapter cards. */
body.desktop-flashcards.is-pdf-mode.export-pdf .hero::before,
body.desktop-flashcards.is-pdf-mode.export-pdf .closing::before,
body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card::before,
body.desktop-flashcards.is-pdf-mode.export-pdf .closing.deck-card::before{
  content:"" !important;
  position:absolute !important;
  display:block !important;
  left:2% !important;
  right:2% !important;
  top:3% !important;
  bottom:2.5% !important;
  inset:auto !important;
  border:2px dashed rgba(228,190,160,.45) !important;
  border-radius:30px !important;
  background:transparent !important;
  pointer-events:none !important;
  z-index:40 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Verbiflow brand mark in top-right corner of every PDF slide. */
body.is-pdf-mode .brand-mark{
  position:absolute !important;
  top:auto !important;
  bottom:32px !important;
  right:auto !important;
  left:42px !important;
  z-index:50 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  pointer-events:none !important;
}

body.is-pdf-mode .brand-mark img,
body.desktop-flashcards.is-pdf-mode.export-pdf .closing .brand-mark img,
body.desktop-flashcards.is-pdf-mode.export-pdf .hero .brand-mark img,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .brand-mark img{
  width:36px !important;
  height:36px !important;
  max-width:36px !important;
  max-height:36px !important;
  min-width:0 !important;
  min-height:0 !important;
  display:block !important;
  object-fit:contain !important;
  justify-self:auto !important;
}

body.is-pdf-mode .brand-mark span{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:20px !important;
  font-weight:700 !important;
  color:#2f2925 !important;
  letter-spacing:-0.01em !important;
  line-height:1 !important;
}

/* "Flip to start" button — pinned to the hero card's bottom-right corner. */
body.is-pdf-mode .hero{
  position:relative !important;
}

body.is-pdf-mode .hero .flip-start{
  position:absolute !important;
  top:auto !important;
  left:auto !important;
  bottom:34px !important;
  right:54px !important;
  z-index:60 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 14px 10px 20px !important;
  border-radius:999px !important;
  background:#2f2925 !important;
  color:#fff !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  pointer-events:none !important;
  white-space:nowrap !important;
}

body.is-pdf-mode .hero .flip-start img{
  display:block !important;
  width:34px !important;
  height:34px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

/* On the hero, brand mark sits in the bottom-left to match every other slide.
   The Flip to start button lives in the bottom-right. */
body.is-pdf-mode .hero .brand-mark{
  top:auto !important;
  bottom:32px !important;
  left:42px !important;
  right:auto !important;
}

/* Tighten the gap between "...recent changes." and "Follow mochi..." */
body.is-pdf-mode .lead-follow{
  display:block !important;
  margin-top:14px !important;
}

/* Final stamp placement: pin it to the bottom edge of the example card. */
body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference{
  position:relative !important;
  padding-bottom:28px !important;
}

body.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .inference::after{
  position:absolute !important;
  right:20px !important;
  bottom:10px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}

/* Bigger "FINAL THESIS" eyebrow on the closing slide. */
body.desktop-flashcards.is-pdf-mode.export-pdf .closing .eyebrow{
  font-size:17px !important;
  letter-spacing:.16em !important;
  margin:0 0 16px !important;
  font-weight:800 !important;
}

/* Final hero frame: keep the dotted inset border visible above the background. */
body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card{
  position:relative !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .hero.deck-card::after{
  content:"" !important;
  position:absolute !important;
  display:block !important;
  left:2% !important;
  right:2% !important;
  top:3% !important;
  bottom:2.5% !important;
  border:2px dashed rgba(228,190,160,.52) !important;
  border-radius:30px !important;
  background:transparent !important;
  pointer-events:none !important;
  z-index:55 !important;
  opacity:1 !important;
}

/* Small "punch hole" decoration in the top-left corner of every PDF slide. */
body.is-pdf-mode .punch-hole{
  position:absolute !important;
  top:28px !important;
  left:32px !important;
  z-index:55 !important;
  width:24px !important;
  height:24px !important;
  border-radius:50% !important;
  background:#fffdf6 !important;
  border:1.5px solid rgba(140,108,80,.55) !important;
  box-shadow:
    inset 0 2px 3px rgba(96,70,45,.22),
    0 1px 0 rgba(255,255,255,.6) !important;
  pointer-events:none !important;
}

body.is-pdf-mode .punch-hole::before{
  content:"" !important;
  position:absolute !important;
  inset:5px !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 35%, rgba(150,112,80,.0), rgba(118,90,62,.22) 70%) !important;
}

/* ─────────────────────────────────────────────────────────────
   Credits page — appears as a slide after the hero and after the
   closing in PDF mode. Hidden completely outside PDF mode.
   ───────────────────────────────────────────────────────────── */

.credits-page{
  display:none !important;
}

body.is-pdf-mode .credits-page{
  display:grid !important;
  background:#fffaf2 !important;
  overflow:hidden !important;
}

body.is-pdf-mode .credits-page.deck-card{
  display:grid !important;
  grid-template-rows:1fr !important;
}

body.is-pdf-mode .credits-page.deck-card.is-active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

body.is-pdf-mode .credits-page .credits-inner{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:40px 60px !important;
  box-sizing:border-box !important;
  gap:14px !important;
}

body.is-pdf-mode .credits-page .credits-eyebrow{
  margin:0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:16px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:#a9793e !important;
}

body.is-pdf-mode .credits-page .credits-title{
  margin:4px 0 0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:42px !important;
  line-height:1 !important;
  font-weight:600 !important;
  color:#2f2925 !important;
  letter-spacing:-0.01em !important;
}

body.is-pdf-mode .credits-page .credits-names{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:20px !important;
  font-weight:600 !important;
  color:#3c332f !important;
}

body.is-pdf-mode .credits-page .credits-links{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:16px !important;
  color:#5f6f78 !important;
  margin-bottom:12px !important;
}

body.is-pdf-mode .credits-page .credits-links a{
  color:#5f6f78 !important;
  text-decoration:none !important;
  border-bottom:0 !important;
  font-weight:500 !important;
  font-style:normal !important;
}

body.is-pdf-mode .credits-page .credits-links a::after{
  content:"" !important;
}

body.is-pdf-mode .credits-page .credits-tagline{
  margin:-6px 0 6px !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:18px !important;
  font-weight:500 !important;
  color:#6f5a4b !important;
  font-style:italic !important;
}

body.is-pdf-mode .credits-page .credits-sep{
  margin:0 10px !important;
  color:#b3a193 !important;
}

body.is-pdf-mode .credits-page .credits-qr{
  display:block !important;
  width:180px !important;
  height:180px !important;
  margin:14px 0 6px !important;
  padding:10px !important;
  background:#fff !important;
  border-radius:14px !important;
  box-shadow:0 4px 12px rgba(88,62,42,.10) !important;
}

body.is-pdf-mode .credits-page .credits-qr-caption{
  margin:0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:13px !important;
  color:#6f5a4b !important;
  letter-spacing:.04em !important;
}

/* "The End" page — classic cartoon-style closing card. */
body.is-pdf-mode .the-end-page{
  background:
    radial-gradient(circle at 50% 45%, rgba(255,229,210,.55) 0 30%, transparent 55%),
    linear-gradient(135deg, #fffaf2, #fff2e3) !important;
}

body.is-pdf-mode .the-end-page .credits-inner{
  gap:14px !important;
  padding:60px !important;
}

body.is-pdf-mode .the-end-title{
  margin:0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:64px !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:#2f2925 !important;
  letter-spacing:-0.02em !important;
  text-shadow:none !important;
}

body.is-pdf-mode .the-end-tagline{
  margin:14px 0 0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:22px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  color:#a9793e !important;
  letter-spacing:0 !important;
}

body.is-pdf-mode .the-end-byline{
  margin:18px 0 0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  letter-spacing:.06em !important;
  color:#6f5a4b !important;
  text-transform:uppercase !important;
}

/* Adjustments for the "Next chapter awaits" closing card. */
body.is-pdf-mode .the-end-page .the-end-kicker{
  margin:0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:24px !important;
  letter-spacing:.22em !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  color:#a9793e !important;
}

/* Title sized for "Next chapter awaits" in the standard Inter font. */
body.is-pdf-mode .the-end-page .the-end-title{
  font-size:64px !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* "How to cold call" teaser under the title. */
body.is-pdf-mode .the-end-page .the-end-tagline{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:22px !important;
  color:#5f6f78 !important;
  font-weight:700 !important;
  margin:4px 0 0 !important;
}

/* QR code on the back/closing credits page. */
body.is-pdf-mode .the-end-page .the-end-qr{
  display:block !important;
  width:140px !important;
  height:140px !important;
  margin:22px 0 8px !important;
  padding:8px !important;
  background:#fff !important;
  border-radius:12px !important;
  box-shadow:0 4px 12px rgba(88,62,42,.10) !important;
}

body.is-pdf-mode .the-end-page .the-end-qr-caption{
  margin:0 0 20px !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:26px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  color:#a9793e !important;
}

/* Nicer signature footer. */
body.is-pdf-mode .the-end-page .the-end-footer{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:2px !important;
  margin-top:12px !important;
  padding-top:14px !important;
  border-top:1px solid rgba(140,108,80,.18) !important;
  width:280px !important;
}

body.is-pdf-mode .the-end-page .the-end-footer-heart{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:20px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  color:#6f5a4b !important;
}

body.is-pdf-mode .the-end-page .the-end-footer-heart .heart{
  color:#c2553a !important;
  font-size:22px !important;
  letter-spacing:0 !important;
  margin-left:2px !important;
}

body.is-pdf-mode .the-end-page .the-end-footer-by{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:20px !important;
  font-weight:600 !important;
  color:#6f5a4b !important;
  letter-spacing:.04em !important;
  line-height:1.2 !important;
  margin-top:4px !important;
}

/* Give the credits pages the same rounded card border as chapter cards. */
body.is-pdf-mode .credits-page,
body.is-pdf-mode .credits-page.deck-card{
  border:1px solid var(--line) !important;
  border-radius:34px !important;
  box-shadow:var(--shadow) !important;
}

/* Hide the old byline since we replaced it with the footer block. */
body.is-pdf-mode .the-end-page .the-end-byline{
  display:none !important;
}

/* "Example with Vanta" and "Proposed play: ..." labels — softer, no caps. */
body.is-pdf-mode .flashcard-drawer .inference > span,
body.is-pdf-mode .flashcard-drawer .play-example > span,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .inference > span,
body.desktop-flashcards.is-pdf-mode.export-pdf .flashcard-drawer .play-example > span,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference > span,
body.desktop-flashcards.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example > span{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-weight:600 !important;
  font-size:16px !important;
  line-height:1.2 !important;
}

/* "How to cold call" mochi + bigger tagline. */
body.is-pdf-mode .the-end-page .the-end-tagline{
  font-size:32px !important;
  font-weight:600 !important;
}

body.is-pdf-mode .the-end-mochi{
  display:inline-block !important;
  vertical-align:baseline !important;
  width:44px !important;
  height:44px !important;
  margin:0 0 -10px 6px !important;
  object-fit:contain !important;
}

/* "Outbounding Infrastructure for your sales team" tagline at the very bottom. */
body.is-pdf-mode .the-end-page .the-end-footer-tagline{
  margin-top:6px !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  font-style:italic !important;
  color:#a9793e !important;
  letter-spacing:.02em !important;
  line-height:1.2 !important;
}

/* "Outbounding Infrastructure for your sales team" sits right under the QR caption. */
body.is-pdf-mode .the-end-page .the-end-product-tagline{
  margin:-2px 0 10px !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:24px !important;
  font-weight:500 !important;
  font-style:italic !important;
  color:#6f5a4b !important;
  letter-spacing:.01em !important;
  line-height:1.2 !important;
}

/* "Approved by Verbiflow — Outbounding infrastructure" stamp on the hero.
   Sits to the LEFT of the Flip-to-start button in the bottom-right. */
.approval-stamp{ display:none; }

body.is-pdf-mode .hero .approval-stamp{
  display:block !important;
  position:absolute !important;
  bottom:36px !important;
  right:280px !important;
  width:130px !important;
  height:130px !important;
  opacity:.85 !important;
  transform:rotate(-9deg) !important;
  pointer-events:none !important;
  z-index:55 !important;
  object-fit:contain !important;
}

/* Default: straight (square) corners on every PDF slide.
   Add ?rounded=true to the URL to re-enable rounded corners. */
body.is-pdf-mode:not(.has-rounded-corners) .deck-card,
body.is-pdf-mode:not(.has-rounded-corners) .hero,
body.is-pdf-mode:not(.has-rounded-corners) .chapter-card,
body.is-pdf-mode:not(.has-rounded-corners) .closing,
body.is-pdf-mode:not(.has-rounded-corners) .credits-page,
body.is-pdf-mode:not(.has-rounded-corners) .signal-back-card{
  border-radius:0 !important;
}

body.is-pdf-mode:not(.has-rounded-corners) .hero::before,
body.is-pdf-mode:not(.has-rounded-corners) .closing::before,
body.is-pdf-mode:not(.has-rounded-corners) .hero.deck-card::before,
body.is-pdf-mode:not(.has-rounded-corners) .closing.deck-card::before,
body.is-pdf-mode:not(.has-rounded-corners) .chapter-card .chapter-body::before{
  border-radius:0 !important;
}

/* ─────────────────────────────────────────────────────────────
   PDF square layout copy.
   Scoped by the body class on index-flashcards-pdf.html so the original
   postcard deck keeps its current rectangular composition.
   ───────────────────────────────────────────────────────────── */

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf{
  --postcard-preview-w:min(calc(100vh - 58px), calc(100vw - 110px), 940px) !important;
  background:
    radial-gradient(circle at 78% 12%, rgba(255,226,215,.58), transparent 34%),
    linear-gradient(135deg, #fffdf8, #fff7ee) !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .deck-card,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .closing.deck-card,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .credits-page.deck-card{
  width:var(--postcard-preview-w) !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  padding:0 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card.deck-card{
  background:
    radial-gradient(circle at 82% 4%, rgba(255,226,215,.50) 0 16%, transparent 34%),
    linear-gradient(135deg, rgba(255,254,250,.98), rgba(255,248,239,.98)) !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-body{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  overflow:hidden !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-body::before{
  left:2.6% !important;
  right:2.6% !important;
  top:2.6% !important;
  bottom:2.6% !important;
  border-radius:28px !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy{
  position:absolute !important;
  left:8.2% !important;
  right:8.2% !important;
  top:7.6% !important;
  bottom:auto !important;
  max-width:none !important;
  width:auto !important;
  height:auto !important;
  display:block !important;
  overflow:visible !important;
  z-index:10 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy h2{
  display:block !important;
  width:100% !important;
  margin:0 0 8px !important;
  padding-left:0 !important;
  font-size:clamp(44px, calc(var(--postcard-preview-w) * .073), 68px) !important;
  line-height:.94 !important;
  letter-spacing:0 !important;
  color:#302925 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-align:center !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-copy .story{
  width:62% !important;
  max-width:62% !important;
  margin:0 !important;
  font-size:clamp(17px, calc(var(--postcard-preview-w) * .023), 22px) !important;
  line-height:1.18 !important;
  max-height:54px !important;
  color:#7f746e !important;
  overflow:hidden !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.is-landscape-scene,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene.is-landscape-scene{
  position:absolute !important;
  left:8.2% !important;
  top:24.2% !important;
  width:83.6% !important;
  max-width:83.6% !important;
  height:48.8% !important;
  max-height:48.8% !important;
  aspect-ratio:auto !important;
  transform:none !important;
  padding:0 !important;
  border:0 !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 48% 54%, rgba(255,238,211,.86) 0 25%, transparent 48%),
    linear-gradient(135deg, #fffefa, #fff4e8) !important;
  box-shadow:0 18px 42px rgba(92,70,51,.08) !important;
  overflow:hidden !important;
  z-index:4 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art img,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art .scene-image,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .chapter-art.story-scene .scene-image{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:30px !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawers{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:calc(var(--postcard-preview-w) * .682) !important;
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:auto auto !important;
  gap:12px !important;
  margin:0 !important;
  transform:none !important;
  overflow:visible !important;
  z-index:12 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer-body,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-grid,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel:nth-child(2){
  height:100% !important;
  min-height:0 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example{
  min-height:98px !important;
  padding:14px 18px !important;
  border-radius:18px !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference > span,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example > span{
  font-size:clamp(13px, calc(var(--postcard-preview-w) * .017), 16px) !important;
  line-height:1.08 !important;
  letter-spacing:0 !important;
  margin-bottom:7px !important;
  text-transform:none !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .inference p,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .flashcard-drawer .play-example p{
  font-size:clamp(13px, calc(var(--postcard-preview-w) * .017), 16px) !important;
  line-height:1.21 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-grid{
  grid-column:1 / -1 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel:nth-child(2){
  min-height:88px !important;
  padding:13px 18px !important;
  border-radius:18px !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .mini-panel:nth-child(2) strong{
  font-size:clamp(17px, calc(var(--postcard-preview-w) * .022), 22px) !important;
  margin-bottom:8px !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .source-pills{
  gap:7px !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .source-pills span{
  padding:7px 11px !important;
  font-size:clamp(13px, calc(var(--postcard-preview-w) * .017), 16px) !important;
  line-height:1.1 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card .brand-mark,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .closing .brand-mark,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .credits-back .brand-mark{
  left:auto !important;
  right:8.2% !important;
  bottom:auto !important;
  top:3.5% !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .closing .brand-mark,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .credits-back .brand-mark{
  top:4% !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card.signal-back-card{
  aspect-ratio:1 / 1 !important;
}

body.pdf-square-layout.is-pdf-mode .chapter-card.signal-back-card .signal-back-title{
  display:none !important;
}

body.pdf-square-layout.is-pdf-mode .chapter-card.signal-back-card .signal-back-inner{
  padding:90px 78px !important;
}

body.pdf-square-layout.is-pdf-mode .chapter-card.signal-back-card .signal-back-list{
  gap:28px !important;
}

body.pdf-square-layout.is-pdf-mode .chapter-card.signal-back-card .signal-back-list li{
  font-size:48px !important;
  line-height:1.18 !important;
  font-weight:700 !important;
  color:#3c332f !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .flashcard-drawers{
  display:none !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-body::before{
  display:none !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-copy{
  left:7.4% !important;
  right:7.4% !important;
  top:9.6% !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-copy h2{
  font-size:44px !important;
  line-height:1 !important;
  margin:0 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-copy .story{
  display:block !important;
  position:fixed !important;
  left:9.2% !important;
  right:9.2% !important;
  top:84.2% !important;
  width:auto !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  color:#1a1a1a !important;
  font-size:32px !important;
  line-height:1.14 !important;
  font-weight:700 !important;
  text-align:center !important;
  overflow:visible !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-art,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-art.story-scene,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-art.is-landscape-scene,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-art.story-scene.is-landscape-scene{
  left:5.8% !important;
  top:18.6% !important;
  width:88.4% !important;
  max-width:88.4% !important;
  height:63.8% !important;
  max-height:63.8% !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-art img,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-art .scene-image,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf #chapter-09 .chapter-art.story-scene .scene-image{
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .flashcard-drawers{
  display:none !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-body::before{
  display:none !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-copy{
  left:7.4% !important;
  right:7.4% !important;
  top:9.6% !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-copy h2{
  font-size:44px !important;
  line-height:1 !important;
  margin:0 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-copy .story{
  display:block !important;
  position:fixed !important;
  left:9.2% !important;
  right:9.2% !important;
  top:84.2% !important;
  width:auto !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  color:#1a1a1a !important;
  font-size:32px !important;
  line-height:1.16 !important;
  font-weight:700 !important;
  text-align:center !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-art,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-art.story-scene,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-art.is-landscape-scene,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-art.story-scene.is-landscape-scene{
  left:5.8% !important;
  top:18.6% !important;
  width:88.4% !important;
  max-width:88.4% !important;
  height:63.8% !important;
  max-height:63.8% !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-art img,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-art .scene-image,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .chapter-card:not(.signal-back-card) .chapter-art.story-scene .scene-image{
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card{
  display:block !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(255,226,215,.48) 0 18%, transparent 36%),
    linear-gradient(135deg, #fffefa, #fff6ec) !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .hero-copy{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  text-align:center !important;
  z-index:8 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .eyebrow,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .lead,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .formula,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .hero-buttons,
body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .floating-card{
  display:none !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .approval-stamp{
  display:block !important;
  position:absolute !important;
  left:auto !important;
  right:3% !important;
  bottom:7% !important;
  width:220px !important;
  height:auto !important;
  transform:rotate(8deg) !important;
  z-index:9 !important;
  opacity:.95 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card h1{
  position:absolute !important;
  left:9% !important;
  right:9% !important;
  top:80% !important;
  width:auto !important;
  margin:0 !important;
  font-size:48px !important;
  line-height:1.02 !important;
  text-align:center !important;
  color:#302925 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .hero-art{
  position:absolute !important;
  left:50% !important;
  top:24% !important;
  width:52% !important;
  height:44% !important;
  transform:translate(-50%, -50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:6 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .hero-mochi{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  filter:drop-shadow(0 22px 28px rgba(80,55,38,.12)) !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .flip-start{
  right:50% !important;
  bottom:7% !important;
  transform:translateX(50%) !important;
  padding:16px 24px 16px 30px !important;
  gap:14px !important;
  font-size:24px !important;
  line-height:1 !important;
}

body.pdf-square-layout.abc-title-mode.is-pdf-mode.export-pdf .hero.deck-card .flip-start img{
  width:46px !important;
  height:46px !important;
}

body.pdf-square-layout.is-pdf-mode .credits-page.credits-front .credits-follow{
  max-width:760px !important;
  margin:40px auto 30px !important;
  color:#5f5550 !important;
  font-size:34px !important;
  line-height:1.5 !important;
  font-weight:700 !important;
}

body.pdf-square-layout.is-pdf-mode .chapter-card.detail-back-card{
  background:
    radial-gradient(circle at 82% 2%, rgba(255,226,215,.48) 0 18%, transparent 36%),
    linear-gradient(135deg, #fffefa, #fff6ec) !important;
}

body.pdf-square-layout.is-pdf-mode .chapter-card.detail-back-card .brand-mark{
  display:none !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-inner{
  position:absolute !important;
  inset:0 !important;
  padding:42px 76px 64px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-title{
  position:absolute !important;
  left:auto !important;
  right:7.6% !important;
  top:18px !important;
  margin:0 !important;
  color:#6f6661 !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  text-align:right !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-story{
  display:none !important;
  width:auto !important;
  margin:0 !important;
  color:#7a6f69 !important;
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-panel{
  min-height:0 !important;
  padding:22px 28px !important;
  border:1.5px solid rgba(221,194,161,.78) !important;
  border-radius:22px !important;
  background:rgba(255,253,249,.82) !important;
  box-sizing:border-box !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-panel.is-play{
  background:rgba(255,247,226,.78) !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-panel.is-sources{
  grid-column:auto !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-panel h2{
  margin:0 0 14px !important;
  color:#61747a !important;
  font-size:32px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-panel.is-play h2{
  color:#aa7632 !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-panel p{
  margin:0 !important;
  color:#504742 !important;
  font-size:28px !important;
  line-height:1.18 !important;
  font-weight:600 !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-panel > span{
  display:block !important;
  margin-top:12px !important;
  color:#789199 !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-align:right !important;
  text-transform:none !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-panel div{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

body.pdf-square-layout.is-pdf-mode .detail-back-panel div span{
  display:inline-flex !important;
  padding:12px 19px !important;
  border-radius:999px !important;
  background:#f7eee5 !important;
  color:#6a5a50 !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing.closing-stacked.deck-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:18px !important;
  padding:120px 64px 80px !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing.closing-stacked.deck-card .eyebrow{
  margin:0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing.closing-stacked.deck-card h2{
  margin:0 !important;
  max-width:780px !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing.closing-stacked.deck-card img{
  width:140px !important;
  height:auto !important;
  margin:0 auto !important;
  justify-self:center !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing.closing-stacked.deck-card > p{
  margin:0 auto !important;
  max-width:820px !important;
  font-size:22px !important;
  line-height:1.45 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing.closing-stacked.deck-card .play-row b{
  font-size:20px !important;
  line-height:1.2 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing.closing-stacked.deck-card .play-row span{
  font-size:18px !important;
  line-height:1.4 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing.closing-stacked.deck-card .play-row{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows:auto !important;
  gap:12px !important;
  width:100% !important;
  max-width:880px !important;
  margin:6px auto 0 !important;
}

body.desktop-flashcards.is-pdf-mode.export-pdf .closing.closing-stacked.deck-card .play-row > div{
  background:#fff7ec !important;
  border:1px solid #f1dcbe !important;
  border-radius:14px !important;
  padding:14px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

/* Experimental web/mobile flipping version: ?mode=web-flip */
body.web-flip-mode:not(.is-pdf-mode){
  --web-flip-turn-duration:.68s;
  --web-flip-left-page-padding:34px 48px 34px 38px;
  --web-flip-right-page-padding:34px 38px 34px 48px;
  --web-flip-page-face-bg:#fffdf7;
  background:#fffaf2;
  overflow-y:scroll;
  overscroll-behavior-x:contain;
  scrollbar-gutter:stable;
}

body.deck-preparing .deck-card,
body.deck-preparing .deck-card.is-active,
body.deck-preparing .web-flip-left-stack,
body.deck-preparing .web-flip-right-stack{
  transition:none !important;
  animation:none !important;
}

body.web-flip-mode.is-page-turn-active:not(.is-pdf-mode) .deck-card,
body.web-flip-mode.is-page-turn-active:not(.is-pdf-mode) .deck-card.is-active,
body.web-flip-mode.is-page-turn-active:not(.is-pdf-mode) .deck-card.is-before,
body.web-flip-mode.is-page-turn-active:not(.is-pdf-mode) .deck-card.is-after,
body.web-flip-mode.is-page-turn-active:not(.is-pdf-mode) .deck-card.is-near-before,
body.web-flip-mode.is-page-turn-active:not(.is-pdf-mode) .deck-card.is-near-after{
  transition:none !important;
  animation:none !important;
}

body.web-flip-mode.is-page-turn-active:not(.is-pdf-mode) .deck-card.is-page-turn-target{
  opacity:0;
  filter:none !important;
  pointer-events:none !important;
  z-index:3 !important;
  transform:translate(-50%, -50%) translate3d(0,0,0) rotateY(0) rotateZ(0) scale(1) !important;
}

body.web-flip-mode.is-page-turn-forward:not(.is-pdf-mode) .deck-card.is-page-turn-target,
body.web-flip-mode.is-page-turn-back:not(.is-pdf-mode) .deck-card.is-page-turn-target{
  animation:web-flip-target-reveal var(--web-flip-turn-duration) cubic-bezier(.55,.08,.32,1) forwards !important;
}

body.web-flip-mode.is-page-turn-active:not(.is-pdf-mode) .deck-card.is-page-turn-target.is-active{
  opacity:1 !important;
  z-index:4 !important;
}

@keyframes web-flip-target-reveal{
  0%, 8%{opacity:0;}
  100%{opacity:1;}
}

body.web-flip-mode:not(.is-pdf-mode)[data-deck-direction] .deck-card.is-active{
  animation:none !important;
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card{
  overflow:visible;
  background:#fffdf7 !important;
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card::before,
body.web-flip-mode:not(.is-pdf-mode) .chapter-card::after,
body.web-flip-mode:not(.is-pdf-mode) .chapter-body::before,
body.web-flip-mode:not(.is-pdf-mode) .chapter-body::after{
  display:none !important;
  content:none !important;
}

body.web-flip-mode:not(.is-pdf-mode) .story-strip,
body.web-flip-mode:not(.is-pdf-mode) .map-section,
body.web-flip-mode:not(.is-pdf-mode) .credits-page{
  display:none !important;
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card > .chapter-top,
body.web-flip-mode:not(.is-pdf-mode) .chapter-card > .chapter-body{
  display:none !important;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-shell{
  position:absolute;
  inset:0;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-book{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  perspective:2400px;
  perspective-origin:50% 50%;
  transform-style:preserve-3d;
  background:#fffdf7;
  border:1px solid rgba(222,197,164,.6);
  border-radius:28px;
  box-shadow:0 24px 64px rgba(82,59,39,.14);
  overflow:hidden;
  touch-action:pan-y;
  box-sizing:border-box;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-book::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:34px;
  z-index:80;
  pointer-events:none;
  transform:translateX(-50%);
  background:linear-gradient(90deg,
    #fffdf7 0%,
    #f9f4ec 16%,
    #e9e0d3 34%,
    #bbb2a6 47%,
    #8f887e 50%,
    #bbb2a6 53%,
    #e9e0d3 66%,
    #f9f4ec 84%,
    #fffdf7 100%);
  opacity:1;
}

body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turn-done .web-flip-left-stack::after,
body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turn-done .web-flip-right-stack::after{
  opacity:0 !important;
  animation:none !important;
}

body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turn-done{
  opacity:0 !important;
  pointer-events:none !important;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:34px 38px;
  box-sizing:border-box;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-left{
  padding:0;
  background:#fffdf7;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-stack{
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transform-origin:100% 50%;
  transition:transform var(--web-flip-turn-duration) cubic-bezier(.55,.08,.32,1);
  will-change:transform;
  z-index:1;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-under{
  position:absolute;
  inset:0;
  z-index:0;
  display:flex;
  flex-direction:column;
  padding:var(--web-flip-left-page-padding);
  box-sizing:border-box;
  background:var(--web-flip-page-face-bg);
  pointer-events:none;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right .web-flip-under{
  padding:var(--web-flip-right-page-padding);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-stack .web-flip-leaf-face{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  padding:var(--web-flip-left-page-padding);
  box-sizing:border-box;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  background:var(--web-flip-page-face-bg);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-back{
  transform:rotateY(180deg) translateZ(0);
  padding:var(--web-flip-left-page-padding);
  background:var(--web-flip-page-face-bg);
  will-change:transform;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right .web-flip-leaf-back{
  padding:var(--web-flip-right-page-padding);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right .web-flip-leaf-face{
  padding:var(--web-flip-right-page-padding);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right .web-flip-leaf-front{
  overflow:hidden;
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card.is-web-details .web-flip-leaf-right .web-flip-leaf-front{
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card.is-web-details .web-flip-leaf-right .web-flip-leaf-front::-webkit-scrollbar{
  width:8px;
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card.is-web-details .web-flip-leaf-right .web-flip-leaf-front::-webkit-scrollbar-track{
  background:rgba(234,216,184,.28);
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card.is-web-details .web-flip-leaf-right .web-flip-leaf-front::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(170,118,50,.42);
}

body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turning-forward .web-flip-leaf-right .web-flip-leaf-back{
  padding:var(--web-flip-left-page-padding);
  background:var(--web-flip-page-face-bg);
}

body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turning-back .web-flip-left-back{
  padding:var(--web-flip-right-page-padding);
  background:var(--web-flip-page-face-bg);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-right-front-proxy{
  padding:var(--web-flip-right-page-padding);
  background:var(--web-flip-page-face-bg);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right{
  padding:0;
  background:#fffdf7;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-right-stack{
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transform-origin:0 50%;
  transition:transform var(--web-flip-turn-duration) cubic-bezier(.55,.08,.32,1);
  will-change:transform;
  z-index:1;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-stack::after,
body.web-flip-mode:not(.is-pdf-mode) .web-flip-right-stack::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  pointer-events:none;
  opacity:0;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(2px);
  background:
    linear-gradient(90deg, rgba(47,41,37,.22), transparent 16%, transparent 74%, rgba(255,255,255,.48)),
    linear-gradient(115deg, rgba(255,255,255,.46), transparent 38%, rgba(47,41,37,.16) 72%, rgba(47,41,37,.24));
  transition:opacity .18s ease;
}

body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turning-forward .web-flip-right-stack::after,
body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turning-back .web-flip-left-stack::after{
  opacity:.78;
  animation:web-flip-page-shade var(--web-flip-turn-duration) cubic-bezier(.55,.08,.32,1) forwards;
}

body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-web-flipped .web-flip-right-stack{
  transform:rotateY(-180deg);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right{
  position:relative;
}

body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turning-forward .web-flip-right-stack{
  transform:rotateY(-180deg) translateZ(0);
  z-index:10;
}

body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turning-back .web-flip-left-stack{
  transform:rotateY(180deg) translateZ(0);
  z-index:10;
}

body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turning-forward .web-flip-leaf-right,
body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turning-back .web-flip-leaf-left{
  z-index:10;
  overflow:visible;
}

body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turn-done .web-flip-right-stack,
body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turn-done .web-flip-left-stack{
  transition:none !important;
}

@keyframes web-flip-turn-forward{
  0%{transform:rotateY(0deg) translateZ(0);}
  28%{transform:rotateY(-58deg) translateZ(8px);}
  58%{transform:rotateY(-122deg) translateZ(12px);}
  100%{transform:rotateY(-180deg) translateZ(0);}
}

@keyframes web-flip-turn-back{
  0%{transform:rotateY(0deg) translateZ(0);}
  28%{transform:rotateY(58deg) translateZ(8px);}
  58%{transform:rotateY(122deg) translateZ(12px);}
  100%{transform:rotateY(180deg) translateZ(0);}
}

@keyframes web-flip-page-shade{
  0%, 100%{opacity:.18;}
  42%{opacity:.84;}
  68%{opacity:.56;}
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-face{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  padding:34px 38px;
  box-sizing:border-box;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  background:var(--web-flip-page-face-bg);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front,
body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-back{
  box-shadow:none;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front{
  display:grid !important;
  grid-template-rows:auto minmax(0, 1fr) auto;
  align-items:center;
  gap:14px;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right .web-flip-leaf-front,
body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right .web-flip-leaf-back{
  box-shadow:none;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-back{
  transform:rotateY(180deg) translateZ(0);
  background:#fffdf7;
  will-change:transform;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-next-preview,
body.web-flip-mode:not(.is-pdf-mode) .web-flip-prev-preview{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
  width:100%;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-spiral{
  position:absolute;
  top:24px;
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  justify-content:space-evenly;
  align-items:center;
  width:34px;
  z-index:100;
  pointer-events:none;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-ring{
  position:relative;
  width:26px;
  height:10px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-ring-hole{
  width:7px;
  height:7px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 35%, #4a3f36 0%, #1f1a16 70%);
  box-shadow:
    inset 0 1px 1.5px rgba(0,0,0,.85),
    1px 0 0 rgba(255,255,255,.55);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-ring-wire{
  position:absolute;
  top:50%;
  left:50%;
  width:18px;
  height:3px;
  margin:-1.5px 0 0 -9px;
  border-radius:2px;
  background:linear-gradient(90deg, #8a8a8a 0%, #4d4d4d 45%, #8a8a8a 55%, #303030 100%);
  box-shadow:0 0 1px rgba(0,0,0,.5);
}


body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-actions{
  margin-top:auto;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  padding-top:16px;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-deep-title{
  margin:0 0 12px;
  color:#aa7632;
  font-size:clamp(20px, 1.8vw, 26px);
  font-weight:850;
  letter-spacing:.01em;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-deep-body{
  margin:0 0 12px;
  color:#504742;
  font-size:clamp(13px, 1.05vw, 16px);
  line-height:1.5;
  font-weight:550;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-kicker{
  display:block;
  align-items:baseline;
  gap:0;
  width:100%;
  max-width:100%;
  margin:0;
  color:#2f2925;
  font-size:clamp(32px, 3.6vw, 56px);
  line-height:1;
  font-weight:850;
  letter-spacing:0;
  white-space:nowrap;
  word-break:keep-all;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-kicker.is-small{
  font-size:clamp(22px, 2.2vw, 32px);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-kicker .web-flip-kicker-letter{
  display:inline;
  color:#bd5b30;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-kicker .web-flip-kicker-rest{
  display:inline;
  color:#2f2925;
  min-width:0;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front .web-flip-kicker{
  justify-self:start;
  align-self:start;
  width:100%;
  font-size:clamp(24px, 2.55vw, 36px);
  line-height:1.02;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front .web-flip-kicker.web-flip-kicker-long{
  font-size:clamp(21px, 2.15vw, 31px);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-story-detail{
  display:none;
  max-width:760px;
  margin:14px auto 0;
  padding:14px 18px;
  background:rgba(255,247,234,.85);
  border:1px dashed rgba(170,118,50,.4);
  border-radius:18px;
  color:#5e544d;
  font-size:clamp(13px, 1.05vw, 16px);
  line-height:1.45;
  font-weight:550;
  text-align:left;
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card.is-web-front-expanded .web-flip-story-detail{
  display:block;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-front-actions{
  margin-top:auto;
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-expand{
  appearance:none;
  border:1px solid #d8c39e;
  background:#fffaf0;
  color:#7a5a25;
  font-family:inherit;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:10px 18px;
  border-radius:999px;
  cursor:pointer;
  transition:background .18s ease, color .18s ease;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-expand:hover{
  background:#fff3d6;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-expand[aria-pressed="true"]{
  background:#aa7632;
  border-color:#aa7632;
  color:#fffaf0;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-image{
  width:100%;
  max-height:48%;
  object-fit:contain;
  object-position:center;
  align-self:center;
  border-radius:18px;
  filter:drop-shadow(0 14px 22px rgba(80,55,38,.10));
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front .web-flip-image{
  width:min(88%, 420px);
  max-width:100%;
  max-height:100%;
  justify-self:center;
  align-self:center;
  border-radius:8px;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(88%, 420px);
  max-width:100%;
  height:100%;
  min-height:0;
  max-height:100%;
  justify-self:center;
  align-self:stretch;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front picture .web-flip-image{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-story{
  margin:18px 0 0;
  color:#605650;
  font-size:clamp(16px, 1.5vw, 22px);
  line-height:1.22;
  font-weight:800;
  text-align:left;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front .web-flip-story{
  align-self:end;
  margin:0;
  font-size:clamp(15px, 1.22vw, 18px);
  line-height:1.18;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-action,
body.web-flip-mode:not(.is-pdf-mode) .web-flip-back-button{
  border:0;
  border-radius:999px;
  background:#2f2925;
  color:#fffaf2;
  font:inherit;
  font-size:16px;
  line-height:1;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 16px 32px rgba(47,41,37,.18);
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-action{
  margin:22px auto 0;
  padding:14px 22px;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-back-button{
  align-self:flex-start;
  padding:11px 16px;
  background:#fff;
  color:#2f2925;
  border:1px solid #ead8b8;
  box-shadow:none;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-back-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:0;
  min-height:0;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel{
  min-width:0;
  padding:18px 20px;
  border:1px solid rgba(222,197,164,.86);
  border-radius:18px;
  background:#fffdf9;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel.is-play{
  background:#fff8e8;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel.is-sources{
  grid-column:1 / -1;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel h3{
  margin:0 0 6px;
  color:#61747a;
  font-size:clamp(13px, 1.05vw, 16px);
  line-height:1.15;
  font-weight:850;
  letter-spacing:.01em;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel.is-play h3{
  color:#aa7632;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel p{
  margin:0;
  color:#504742;
  font-size:clamp(12px, 0.95vw, 14.5px);
  line-height:1.4;
  font-weight:600;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel-detail{
  display:none;
  margin-top:8px !important;
  padding-top:8px;
  border-top:1px dashed rgba(170,118,50,.35);
  color:#5e544d !important;
  font-size:clamp(11.5px, 0.9vw, 13.5px) !important;
  font-weight:550 !important;
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card.is-web-details .web-flip-panel-detail{
  display:block;
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card.is-web-details .web-flip-panel-summary{
  opacity:.72;
}

body.web-flip-mode:not(.is-pdf-mode) .chapter-card.is-web-details .web-flip-back-grid{
  padding-bottom:18px;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-back-toolbar{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin-top:24px;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 6px;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel-head h3{
  margin:0;
  flex:1;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-details-toggle{
  appearance:none;
  border:1px solid #d8c39e;
  background:#fffaf0;
  color:#7a5a25;
  font-family:inherit;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:6px 10px;
  border-radius:999px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-details-toggle:hover{
  background:#fff3d6;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-details-toggle[aria-pressed="true"]{
  background:#aa7632;
  border-color:#aa7632;
  color:#fffaf0;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel > span{
  display:block;
  margin-top:8px;
  color:#789199;
  font-size:11px;
  font-weight:700;
  text-align:right;
  letter-spacing:.02em;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel div span{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#f7eee5;
  color:#6a5a50;
  font-size:12px;
  line-height:1;
  font-weight:800;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-more{
  margin-top:14px;
  border:1px solid #ead8b8;
  border-radius:18px;
  background:#fffdf8;
  overflow:hidden;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-more summary{
  padding:13px 16px;
  color:#2f2925;
  font-size:16px;
  font-weight:850;
  cursor:pointer;
}

body.web-flip-mode:not(.is-pdf-mode) .web-flip-more p{
  margin:0;
  padding:0 16px 16px;
  color:#675d56;
  font-size:15px;
  line-height:1.45;
  font-weight:550;
}

@media (max-width:980px){
  body.web-flip-mode:not(.is-pdf-mode) .web-flip-shell{
    display:none !important;
  }

  body.web-flip-mode:not(.is-pdf-mode) .chapter-card > .chapter-top,
  body.web-flip-mode:not(.is-pdf-mode) .chapter-card > .chapter-body,
  body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .hero.deck-card > :not(.web-flip-shell),
  body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .closing.deck-card > :not(.web-flip-shell){
    display:grid !important;
  }

  body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .hero.deck-card > :not(.web-flip-shell),
  body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .closing.deck-card > :not(.web-flip-shell){
    display:revert !important;
  }

  body.web-flip-mode:not(.is-pdf-mode) .chapter-card,
  body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .hero.deck-card,
  body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .closing.deck-card{
    overflow:auto !important;
    background:var(--card) !important;
  }

  body.web-flip-mode:not(.is-pdf-mode){
    --web-flip-left-page-padding:18px 22px;
    --web-flip-right-page-padding:18px 22px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .deck-card{
    min-height:calc(100svh - 32px);
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-shell{
    position:absolute;
    inset:0;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-book{
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr;
    border-radius:22px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-book::before{
    top:50%;
    bottom:auto;
    left:0;
    right:0;
    width:auto;
    height:34px;
    transform:translateY(-50%);
    background:linear-gradient(180deg,
      #fffdf7 0%,
      #f9f4ec 16%,
      #e9e0d3 34%,
      #bbb2a6 47%,
      #8f887e 50%,
      #bbb2a6 53%,
      #e9e0d3 66%,
      #f9f4ec 84%,
      #fffdf7 100%);
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf{
    padding:18px 22px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-left{
    border-right:0;
    border-bottom:1px dashed rgba(170,118,50,.22);
    background:linear-gradient(180deg, rgba(245,232,210,.45) 0%, rgba(255,253,248,0) 100%);
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right{
    background:linear-gradient(0deg, rgba(245,232,210,.32) 0%, rgba(255,253,248,0) 90%);
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-face{
    padding:18px 22px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-spiral{
    top:50%;
    bottom:auto;
    left:24px;
    right:24px;
    transform:translateY(-50%);
    width:auto;
    height:28px;
    flex-direction:row;
    justify-content:space-evenly;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-ring{
    width:10px;
    height:22px;
    flex-direction:column;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-ring-hole{
    width:5.5px;
    height:5.5px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-ring-wire{
    width:3px;
    height:14px;
    margin:-7px 0 0 -1.5px;
    background:linear-gradient(180deg, #8a8a8a 0%, #4d4d4d 45%, #8a8a8a 55%, #303030 100%);
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-right-stack{
    transform-origin:50% 0;
  }
  body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-stack{
    transform-origin:50% 100%;
  }
  body.web-flip-mode:not(.is-pdf-mode) .chapter-card.is-web-flipped .web-flip-right-stack{
    transform:rotateX(-180deg);
  }
  body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-back,
  body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-back{
    transform:rotateX(180deg);
  }

  body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turning-forward .web-flip-right-stack{
    transform:rotateX(-180deg) translateZ(0);
  }

  body.web-flip-mode:not(.is-pdf-mode) .deck-card.is-page-turning-back .web-flip-left-stack{
    transform:rotateX(180deg) translateZ(0);
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front,
  body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-back{
    box-shadow:none;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right .web-flip-leaf-front,
  body.web-flip-mode:not(.is-pdf-mode) .web-flip-leaf-right .web-flip-leaf-back{
    box-shadow:none;
  }

  @keyframes web-flip-turn-forward-mobile{
    0%{transform:rotateX(0deg) translateZ(0);}
    28%{transform:rotateX(-58deg) translateZ(8px);}
    58%{transform:rotateX(-122deg) translateZ(12px);}
    100%{transform:rotateX(-180deg) translateZ(0);}
  }

  @keyframes web-flip-turn-back-mobile{
    0%{transform:rotateX(0deg) translateZ(0);}
    28%{transform:rotateX(58deg) translateZ(8px);}
    58%{transform:rotateX(122deg) translateZ(12px);}
    100%{transform:rotateX(180deg) translateZ(0);}
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-kicker{
    margin-bottom:14px;
    font-size:30px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-image{
    width:100%;
    height:auto;
    max-height:48svh;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-story{
    margin-top:18px;
    font-size:24px;
    line-height:1.18;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front{
    gap:10px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front .web-flip-kicker{
    margin:0;
    font-size:28px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front .web-flip-image{
    width:min(78vw, 320px);
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front picture{
    width:min(78vw, 320px);
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-left-front .web-flip-story{
    margin:0;
    font-size:18px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-back-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel.is-sources{
    grid-column:auto;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel{
    padding:15px 16px;
    border-radius:16px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel h3{
    font-size:14px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel p{
    font-size:13px;
  }

  body.web-flip-mode:not(.is-pdf-mode) .web-flip-panel-detail{
    font-size:12px !important;
  }
}

@media (min-width:981px){
  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode){
    --web-flip-card-size:min(calc(100vh - 80px), calc((100vw - 110px) / 2), 470px);
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) main{
    display:block !important;
    overflow:hidden !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .deck-card{
    position:absolute !important;
    inset:auto !important;
    left:50% !important;
    top:50% !important;
    width:calc(var(--web-flip-card-size) * 2) !important;
    height:var(--web-flip-card-size) !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    aspect-ratio:2 / 1 !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    transform:translate(-50%, -50%) translate3d(110px, 24px, -140px) rotateY(-10deg) rotateZ(2deg) scale(.92) !important;
    animation:none !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .deck-card.is-before{
    transform:translate(-50%, -50%) translate3d(-100px, 24px, -140px) rotateY(10deg) rotateZ(-2deg) scale(.92) !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .deck-card.is-after{
    transform:translate(-50%, -50%) translate3d(100px, 24px, -140px) rotateY(-10deg) rotateZ(2deg) scale(.92) !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .deck-card.is-near-before{
    transform:translate(-50%, -50%) translate3d(-42px, 18px, -80px) rotateY(8deg) rotateZ(-2deg) scale(.95) !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .deck-card.is-near-after{
    transform:translate(-50%, -50%) translate3d(42px, 18px, -80px) rotateY(-8deg) rotateZ(2deg) scale(.95) !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .deck-card.is-active{
    transform:translate(-50%, -50%) translate3d(0,0,0) rotateY(0) rotateZ(0) scale(1) !important;
  }

  body.web-flip-mode.pdf-square-layout.is-page-turn-active:not(.is-pdf-mode) .deck-card.is-page-turn-target{
    transform:translate(-50%, -50%) translate3d(0,0,0) rotateY(0) rotateZ(0) scale(1) !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode)[data-deck-direction="1"] .deck-card.is-active,
  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode)[data-deck-direction="-1"] .deck-card.is-active{
    animation:none !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .hero.deck-card,
  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .credits-page.deck-card,
  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .closing.deck-card{
    padding:42px 50px !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .deck-prev{
    left:364px !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .deck-next{
    right:44px !important;
  }
}

@media (max-width:980px){
  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) main{
    display:flex !important;
    gap:18px !important;
    align-items:center !important;
    padding:16px !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .deck-card{
    flex:0 0 min(92vw, calc(100svh - 42px)) !important;
    width:min(92vw, calc(100svh - 42px)) !important;
    height:min(92vw, calc(100svh - 42px)) !important;
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    scroll-snap-align:center !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .hero.deck-card,
  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .credits-page.deck-card,
  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .closing.deck-card{
    padding:24px !important;
  }

  body.web-flip-mode.pdf-square-layout:not(.is-pdf-mode) .web-flip-face{
    overflow:auto !important;
  }
}

/* Web-flip intro and ending book spreads. */
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .hero.deck-card,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .closing.deck-card{
  display:block !important;
  padding:0 !important;
  overflow:visible !important;
  background:transparent !important;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .hero.deck-card::before,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .closing.deck-card::before{
  display:none !important;
  content:none !important;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .hero.deck-card > :not(.web-flip-shell),
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .closing.deck-card > :not(.web-flip-shell){
  display:none !important;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-cover-page,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-join-page,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-page,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-page,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-back{
  width:100%;
  height:100%;
  min-height:0;
  display:grid;
  align-items:center;
  justify-items:center;
  text-align:center;
  gap:14px;
  overflow:hidden;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-cover-page{
  grid-template-rows:auto minmax(0, 1fr) auto;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-join-page,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-page,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-page,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-back{
  grid-template-rows:auto auto minmax(0, auto) auto;
  align-content:center;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-page{
  grid-template-rows:auto auto minmax(100px, 1fr) auto auto;
  gap:12px;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-page{
  grid-template-rows:minmax(0, 1fr) auto auto;
  gap:10px;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-back{
  grid-template-rows:auto auto auto;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-cover-eyebrow,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-join-page > span,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-eyebrow,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-back > span{
  margin:0;
  color:#ba7f6e;
  font-size:clamp(10px, .85vw, 13px);
  line-height:1.1;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-cover-page h1{
  margin:0;
  color:#302925;
  max-width:100%;
  font-size:clamp(26px, 2.55vw, 36px);
  line-height:1.04;
  font-weight:850;
  letter-spacing:0;
  text-wrap:balance;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-cover-page img{
  width:min(68%, 250px);
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 18px 24px rgba(80,55,38,.12));
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-join-page h2,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-page h2,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-page h2,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-back h2{
  margin:0;
  color:#302925;
  font-size:clamp(34px, 4vw, 56px);
  line-height:1;
  font-weight:850;
  letter-spacing:0;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-page h2{
  max-width:370px;
  font-size:clamp(24px, 2.45vw, 34px);
  line-height:1.04;
  text-wrap:balance;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-page h2{
  font-size:clamp(38px, 4.6vw, 64px);
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-join-page p,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-page p,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-page p,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-back p{
  max-width:380px;
  margin:0;
  color:#625751;
  font-size:clamp(15px, 1.25vw, 19px);
  line-height:1.36;
  font-weight:750;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-page p{
  max-width:370px;
  font-size:clamp(12px, .95vw, 14px);
  line-height:1.22;
  font-weight:700;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-page p{
  max-width:360px;
  font-size:clamp(12px, 1.02vw, 15px);
  line-height:1.28;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-start{
  position:static !important;
  transform:none !important;
  margin-top:10px !important;
  z-index:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px 20px 12px 24px !important;
  border-radius:999px !important;
  background:#2f2925 !important;
  color:#fff !important;
  font:inherit !important;
  font-size:clamp(15px, 1.55vw, 20px) !important;
  line-height:1 !important;
  font-weight:850 !important;
  cursor:pointer !important;
  box-shadow:0 18px 36px rgba(47,41,37,.18) !important;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-start img{
  display:block !important;
  width:32px !important;
  height:32px !important;
  object-fit:contain !important;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-image{
  width:min(35%, 126px);
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 18px 24px rgba(80,55,38,.12));
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-plays{
  width:100%;
  max-width:370px;
  overflow:hidden;
  padding:2px 0;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-track{
  display:flex;
  align-items:stretch;
  gap:7px;
  width:max-content;
  animation:web-flip-final-marquee 16s linear infinite;
  animation-delay:.8s;
}

body.web-flip-mode.is-page-turn-active.abc-title-mode:not(.is-pdf-mode) .web-flip-final-track{
  animation:none !important;
  transform:translateX(0) !important;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-plays article{
  flex:0 0 120px;
  min-width:0;
  padding:8px 9px;
  border:1px solid rgba(222,197,164,.76);
  border-radius:12px;
  background:#fff8ee;
  color:#625751;
  text-align:left;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-plays b,
body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-plays span{
  display:block;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-plays b{
  color:#302925;
  font-size:clamp(10px, .78vw, 12px);
  line-height:1.12;
  font-weight:850;
  white-space:nowrap;
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-plays span{
  margin-top:3px;
  font-size:clamp(9px, .7vw, 10.5px);
  line-height:1.16;
  font-weight:650;
  white-space:nowrap;
}

@keyframes web-flip-final-marquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

@media (prefers-reduced-motion: reduce){
  body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-final-track{
    animation:none;
  }
}

body.web-flip-mode.abc-title-mode:not(.is-pdf-mode) .web-flip-end-back small{
  display:block;
  max-width:330px;
  color:#7a6d65;
  font-size:clamp(10px, .85vw, 12px);
  line-height:1.35;
  font-weight:750;
}

@media (min-width:981px){
  body.web-flip-mode.pdf-square-layout.abc-title-mode:not(.is-pdf-mode) .hero.deck-card,
  body.web-flip-mode.pdf-square-layout.abc-title-mode:not(.is-pdf-mode) .closing.deck-card{
    width:calc(var(--web-flip-card-size) * 2) !important;
    height:var(--web-flip-card-size) !important;
    aspect-ratio:2 / 1 !important;
  }
}