/* 321 PRAY Prayer Cards V60 — locked approved mock-up — premium mock-up integration */
:root{--pc-navy:#17123e;--pc-navy2:#22134f;--pc-purple:#56319c;--pc-purple2:#744bc2;--pc-gold:#c9952f;--pc-gold2:#f0d07d;--pc-cream:#fff9ea;--pc-ink:#2e2144;--pc-glass:rgba(255,251,244,.88);--pc-shadow:0 24px 55px rgba(35,17,74,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--pc-ink);font-family:Arial,Helvetica,sans-serif;background:#2a1859;min-height:100vh}.pc-bg{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(23,12,58,.32),rgba(85,47,144,.12) 35%,rgba(244,225,251,.08)),url('../theme-backgrounds/bright-gateway-world.webp?v=60') center/cover no-repeat}.pc-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 17%,rgba(255,251,225,.32),transparent 28%),linear-gradient(90deg,rgba(77,35,128,.16),rgba(255,255,255,.03) 50%,rgba(72,35,126,.13));backdrop-filter:saturate(1.08)}
.pc-header{height:88px;display:flex;align-items:center;gap:30px;padding:12px 30px;border-bottom:1px solid rgba(239,207,124,.45);background:linear-gradient(180deg,rgba(33,17,78,.88),rgba(54,28,102,.70));backdrop-filter:blur(18px);color:white;position:sticky;top:0;z-index:100}.pc-brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none;min-width:310px}.pc-brand-mark{width:56px;height:56px;border:2px solid var(--pc-gold2);border-radius:50%;display:grid;place-items:center;color:var(--pc-gold2);font:34px/1 Georgia,serif;box-shadow:0 0 28px rgba(247,214,122,.17)}.pc-brand strong{display:block;font:500 34px/1 Georgia,serif;letter-spacing:.09em}.pc-brand small{display:block;margin-top:4px;color:var(--pc-gold2);font-size:11px;letter-spacing:.25em}.pc-nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}.pc-nav>a,.pc-more summary{color:#fff;text-decoration:none;font:700 12px/1 Arial,sans-serif;letter-spacing:.035em;cursor:pointer;white-space:nowrap}.pc-nav>a.active{color:#fff;border-bottom:3px solid var(--pc-gold2);padding-bottom:16px;margin-bottom:-19px}.pc-more{position:relative}.pc-more summary{list-style:none}.pc-more summary::-webkit-details-marker{display:none}.pc-more-menu{position:absolute;right:0;top:32px;width:205px;padding:9px;border:1px solid rgba(241,208,123,.35);border-radius:14px;background:rgba(33,18,74,.96);box-shadow:0 20px 45px rgba(16,6,39,.35)}.pc-more-menu a{display:block;color:#fff;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:12px}.pc-more-menu a:hover{background:rgba(255,255,255,.1)}.pc-collection-pill{border:1px solid rgba(255,255,255,.56);border-radius:999px;padding:12px 18px;color:#fff;background:linear-gradient(135deg,#7045be,#382265);font:800 12px/1 Arial;cursor:pointer;white-space:nowrap}
.pc-shell{width:min(1540px,calc(100% - 28px));margin:18px auto 20px;display:grid;grid-template-columns:330px minmax(620px,1fr) 300px;gap:18px;align-items:start}.pc-panel{border:1px solid rgba(206,155,52,.36);border-radius:17px;background:linear-gradient(155deg,rgba(255,253,246,.94),rgba(248,238,255,.91));box-shadow:var(--pc-shadow);backdrop-filter:blur(15px)}
.pc-library{padding:19px 16px;min-height:720px}.pc-library h1{margin:0;text-align:center;color:#3f2469;font:600 33px/1 Georgia,serif;letter-spacing:.02em}.pc-tagline{text-align:center;margin:10px 0 15px;font:500 14px/1.3 Georgia,serif;color:#53405c}.pc-gold-rule{height:1px;background:linear-gradient(90deg,transparent,var(--pc-gold),transparent);margin:10px 0 13px}.pc-count{text-align:center;font:700 14px Georgia,serif;color:#4d3277;letter-spacing:.03em}.pc-search{width:100%;margin:12px 0;border:1px solid rgba(87,48,145,.18);border-radius:10px;padding:10px 11px;background:rgba(255,255,255,.83);color:#3b2a52;outline:none}.pc-search:focus{border-color:#805bb8;box-shadow:0 0 0 3px rgba(107,72,168,.08)}.pc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pc-thumb{border:0;background:transparent;padding:0;cursor:pointer;min-width:0}.pc-thumb-card{position:relative;aspect-ratio:2/3;border:2px solid #c5912e;border-radius:9px;overflow:hidden;background:#211346;box-shadow:0 5px 14px rgba(47,28,70,.14);transition:.18s}.pc-thumb:hover .pc-thumb-card,.pc-thumb.active .pc-thumb-card{transform:translateY(-2px);box-shadow:0 8px 18px rgba(69,38,106,.22),0 0 0 2px rgba(106,61,171,.20)}.pc-thumb img{width:100%;height:100%;display:block;object-fit:cover}.pc-thumb span{display:block;padding-top:4px;text-align:center;color:#322642;font:700 11px/1.12 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px}.pc-page-btn{min-width:33px;height:33px;border-radius:50%;border:1px solid rgba(95,55,147,.18);background:#fff;color:#4d3970;font-weight:800;cursor:pointer}.pc-page-btn.active{background:linear-gradient(#d8a436,#a97113);color:#fff;border-color:#b27d20}.pc-page-label{font-size:11px;color:#756783;min-width:72px;text-align:center}
.pc-main{min-width:0}.pc-feature{position:relative;border:1px solid rgba(234,198,113,.40);border-radius:20px;padding:10px 10px 12px;background:linear-gradient(180deg,rgba(250,240,255,.50),rgba(255,250,237,.38));box-shadow:var(--pc-shadow);overflow:hidden}.pc-feature:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 48% 23%,rgba(255,250,212,.48),transparent 32%)}.pc-pair-labels{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 40px;margin:0 0 7px}.pc-pair-labels span{justify-self:center;padding:8px 24px;border-radius:7px;background:#5f359d;color:#fff;font:800 12px/1 Arial;box-shadow:0 8px 18px rgba(67,36,109,.18)}.pc-pair{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:20px;justify-items:center;align-items:center;perspective:1600px;min-height:575px}.pc-stage{position:relative;width:min(360px,90%);aspect-ratio:2/3;perspective:1600px;filter:drop-shadow(0 24px 24px rgba(38,21,67,.24));animation:pcFloat 5.6s ease-in-out infinite}.pc-stage:nth-child(2){animation-delay:-2.2s}@keyframes pcFloat{50%{transform:translateY(-7px) rotateZ(.25deg)}}.pc-turner{position:absolute;inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.75,.15,1);cursor:pointer}.pc-stage.swapped .pc-turner{transform:rotateY(180deg)}.pc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;overflow:hidden;border:2px solid #c69230;background:#1a103c}.pc-face.back{transform:rotateY(180deg)}.pc-face img{width:100%;height:100%;display:block;object-fit:cover}.pc-stage.right .pc-turner{transform:rotateY(180deg)}.pc-stage.right.swapped .pc-turner{transform:rotateY(0)}.pc-flip-note{position:relative;z-index:2;text-align:center;margin:4px 0 10px;color:#4d3479}.pc-flip-note strong{font:800 13px Arial}.pc-flip-note small{display:block;margin-top:4px;font:500 11px Georgia;color:#71607f}.pc-dots{display:flex;justify-content:center;gap:9px;margin:8px 0 10px}.pc-dots i{width:8px;height:8px;border-radius:50%;background:#d9d2dc;border:1px solid rgba(92,53,146,.16)}.pc-dots i:nth-child(1){background:#c79128;box-shadow:0 0 10px rgba(202,146,40,.5)}.pc-actions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;border:1px solid rgba(126,81,175,.15);border-radius:14px;padding:9px;background:rgba(255,250,247,.85)}.pc-action{border:1px solid rgba(101,61,154,.13);border-radius:10px;background:rgba(255,255,255,.78);padding:10px 8px;color:#3f2a69;cursor:pointer;text-align:left;min-width:0}.pc-action:hover{background:#fff;box-shadow:0 7px 18px rgba(58,33,92,.09)}.pc-action strong{display:block;font-size:11px;white-space:nowrap}.pc-action small{display:block;margin-top:3px;font-size:9px;color:#796d83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-action.next{background:linear-gradient(135deg,#d3a33f,#a97014);color:#fff;border-color:#d3a33f}.pc-action.next small{color:#fff6dc}
.pc-right{display:grid;gap:14px}.pc-side-card{padding:15px}.pc-side-card h2{margin:0 0 10px;text-align:center;color:#43266d;font:700 15px/1 Georgia,serif}.pc-sod-body{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center}.pc-sod-body img{width:84px;height:126px;object-fit:cover;border:2px solid #c5902b;border-radius:9px}.pc-sod-body strong{display:block;font:700 15px/1.1 Georgia;color:#2c233b}.pc-sod-body small{display:block;margin:6px 0 10px;color:#786a78}.pc-purple-btn{border:0;border-radius:9px;background:linear-gradient(135deg,#784fc0,#532b94);color:white;padding:9px 12px;font-weight:800;cursor:pointer}.pc-explore button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid rgba(89,53,136,.11);background:transparent;padding:12px 4px;cursor:pointer;color:#332640}.pc-explore button:first-of-type{border-top:0}.pc-explore button strong{font-size:13px}.pc-explore .badge{min-width:34px;border-radius:999px;padding:4px 8px;background:#6a3aaa;color:white;text-align:center;font-size:11px}.pc-intention{text-align:center}.pc-intention p{margin:0 0 10px;font:500 13px/1.45 Georgia;color:#493853}.pc-intention textarea{width:100%;min-height:96px;border:1px solid rgba(98,59,145,.18);border-radius:10px;padding:12px;resize:vertical;background:#fffaf3;color:#3a2d45;font:500 12px/1.45 Georgia;outline:none}.pc-intention textarea:focus{border-color:#815eb7;box-shadow:0 0 0 3px rgba(100,66,156,.08)}.pc-intention .pc-purple-btn{width:100%;margin-top:10px;border-radius:999px}.pc-intention em{display:block;margin-top:9px;font:italic 11px Georgia;color:#6c5b70}.pc-status{min-height:18px;margin-top:7px;font-size:10px;color:#675178}.pc-side-foot{font-size:10px;text-align:center;color:#807488;margin-top:5px}
.pc-bottom{display:grid;grid-template-columns:120px repeat(8,1fr) 240px;align-items:stretch;min-height:95px;border-top:1px solid var(--pc-gold);background:linear-gradient(180deg,#241050,#160a35);color:white}.pc-bottom-brand{display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.12);font:700 13px Georgia;color:var(--pc-gold2)}.pc-bottom a{display:grid;place-items:center;text-align:center;color:#fff;text-decoration:none;border-right:1px solid rgba(255,255,255,.10);font-size:10px;letter-spacing:.04em}.pc-bottom a span{display:block;font-size:24px;color:#e9daf9;margin-bottom:4px}.pc-bottom a.active{color:var(--pc-gold2);box-shadow:inset 0 4px 0 var(--pc-gold2),0 -8px 25px rgba(239,197,91,.10)}.pc-bottom-faith{display:grid;place-items:center;text-align:center;color:var(--pc-gold2);font:500 15px Georgia;letter-spacing:.05em}.pc-bottom-faith small{display:block;color:#fff;font-size:11px;margin-top:4px;letter-spacing:.04em}.pc-toast{position:fixed;left:50%;bottom:112px;transform:translateX(-50%) translateY(15px);opacity:0;z-index:200;background:#271448;color:#fff;border:1px solid rgba(238,207,126,.45);border-radius:999px;padding:10px 16px;font-size:11px;box-shadow:0 14px 35px rgba(20,8,48,.3);transition:.2s;pointer-events:none}.pc-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1250px){.pc-header{gap:15px;padding-inline:16px}.pc-brand{min-width:250px}.pc-brand strong{font-size:28px}.pc-nav{gap:16px}.pc-shell{grid-template-columns:285px minmax(540px,1fr) 260px}.pc-stage{width:min(310px,94%)}.pc-pair{min-height:505px}.pc-actions{grid-template-columns:1fr 1fr}.pc-bottom{grid-template-columns:90px repeat(8,1fr) 180px}}
@media(max-width:980px){.pc-header{height:auto;flex-wrap:wrap}.pc-brand{min-width:auto}.pc-nav{order:3;flex-basis:100%;overflow:auto;justify-content:flex-start;padding:5px 0}.pc-nav>a.active{padding-bottom:7px;margin-bottom:-8px}.pc-shell{grid-template-columns:245px minmax(0,1fr);}.pc-right{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.pc-library{min-height:auto}.pc-pair{grid-template-columns:1fr;min-height:515px}.pc-pair .right{display:none}.pc-pair-labels{grid-template-columns:1fr}.pc-pair-labels span:nth-child(2){display:none}.pc-stage{width:min(340px,85%)}.pc-bottom{grid-template-columns:80px repeat(4,1fr);}.pc-bottom a:nth-of-type(n+5){display:none}.pc-bottom-faith{display:none}}
@media(max-width:680px){.pc-header{position:relative}.pc-collection-pill{margin-left:auto}.pc-shell{grid-template-columns:1fr;width:calc(100% - 16px)}.pc-library{order:2}.pc-main{order:1}.pc-right{order:3;grid-template-columns:1fr}.pc-grid{grid-template-columns:repeat(3,1fr)}.pc-feature{padding-inline:5px}.pc-actions{grid-template-columns:1fr 1fr}.pc-action strong{font-size:10px}.pc-stage{width:min(330px,88vw)}.pc-bottom{grid-template-columns:repeat(4,1fr);}.pc-bottom-brand{display:none}.pc-bottom a{min-height:76px}.pc-brand small{display:none}.pc-brand strong{font-size:24px}.pc-brand-mark{width:44px;height:44px;font-size:26px}.pc-nav{gap:18px}.pc-nav>a,.pc-more summary{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.pc-stage{animation:none}.pc-turner{transition:none}}


/* ======================================================================
   V64 — PHONE PORTRAIT CARD FIT
   Keeps desktop/landscape pair layout unchanged; prevents any featured
   card edge from being clipped on narrow phones.
   ====================================================================== */
@media (orientation:portrait) and (max-width:680px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  .pc-shell{
    width:100%!important;
    max-width:100%!important;
    margin:8px auto 16px!important;
    padding:0 8px!important;
    gap:10px!important;
  }
  .pc-main,.pc-feature,.pc-pair,.pc-pair-labels{min-width:0!important;max-width:100%!important}
  .pc-feature{
    width:100%!important;
    padding:10px 7px 12px!important;
    overflow:hidden!important;
  }
  .pc-pair-labels{padding:0 4px!important;margin-bottom:8px!important}
  .pc-pair-labels span{padding:9px 20px!important;max-width:100%!important}
  .pc-pair{
    display:block!important;
    min-height:0!important;
    width:100%!important;
  }
  .pc-stage,
  .pc-stage.left{
    width:min(100%,360px)!important;
    max-width:calc(100vw - 38px)!important;
    height:auto!important;
    aspect-ratio:2/3!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
  }
  .pc-stage.right{display:none!important}
  .pc-face{inset:0!important;border-radius:18px!important}
  .pc-face img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#11143f!important;
  }
  .pc-flip-note{margin:10px 0 8px!important}
  .pc-actions{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .pc-library{width:100%!important;max-width:100%!important}
}
@media (orientation:portrait) and (max-width:390px){
  .pc-stage,.pc-stage.left{max-width:calc(100vw - 28px)!important}
  .pc-feature{padding-left:4px!important;padding-right:4px!important}
}


/* ======================================================================
   V65 — PHONE PORTRAIT FULL-CARD FIT + INTENTION FINDER
   Desktop/landscape mock-up is unchanged.
   ====================================================================== */
.pc-intention-finder{margin:12px 0 10px;padding:12px;border:1px solid rgba(105,62,161,.17);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(246,237,255,.72))}
.pc-intention-finder label{display:block;text-align:center;color:#4d2d79;font:800 12px/1.2 Arial,sans-serif;letter-spacing:.055em;margin-bottom:7px}
.pc-intention-finder .pc-search{margin:0}
.pc-search-help{margin:7px 1px 8px;text-align:center;color:#77677f;font:500 10px/1.35 Georgia,serif}
.pc-search-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.pc-search-chip{border:1px solid rgba(90,50,145,.16);border-radius:999px;background:#fff;color:#513276;padding:5px 8px;font:700 9px/1 Arial,sans-serif;cursor:pointer}
.pc-search-chip:hover,.pc-search-chip:focus{background:#6840a9;color:white;outline:none}

@media (orientation:portrait) and (max-width:680px){
  .pc-feature{overflow:visible!important}
  .pc-pair{overflow:visible!important}
  /* Keep the complete 2:3 card inside the visible phone height as well as width. */
  .pc-stage,.pc-stage.left{
    width:min(calc(100% - 18px),38svh,300px)!important;
    max-width:min(calc(100vw - 42px),300px)!important;
    min-width:0!important;
    aspect-ratio:2/3!important;
    margin:0 auto!important;
  }
  .pc-turner,.pc-face{width:100%!important;height:100%!important}
  .pc-face img{object-fit:contain!important;object-position:center!important}
  .pc-pair-labels span{font-size:11px!important;padding:8px 18px!important}
  .pc-flip-note{margin-top:8px!important}
  .pc-flip-note strong{font-size:12px!important}
  .pc-flip-note small{font-size:10px!important}
  .pc-intention-finder{margin:8px 0 10px;padding:10px}
}
@media (orientation:portrait) and (max-height:720px){
  .pc-stage,.pc-stage.left{width:min(calc(100% - 20px),34svh,270px)!important}
  .pc-pair-labels{margin-bottom:5px!important}
  .pc-flip-note{margin:6px 0!important}
}


/* ======================================================================
   V66 — MOBILE CARD-FIRST EXPERIENCE
   - Prayer card fills most of phone screen for readability.
   - Full desktop header collapses to a small navigation tab in portrait.
   - Desktop and landscape layout remain unchanged.
   ====================================================================== */
.pc-mobile-nav{display:none}

@media (orientation:portrait) and (max-width:680px){
  html,body{overflow-x:hidden!important}
  .pc-header{
    position:sticky!important;top:0!important;z-index:120!important;
    height:46px!important;min-height:46px!important;
    padding:4px 8px!important;display:flex!important;flex-wrap:nowrap!important;
    justify-content:space-between!important;gap:6px!important;
    background:linear-gradient(180deg,rgba(31,15,72,.98),rgba(48,23,95,.96))!important;
  }
  .pc-brand,.pc-nav{display:none!important}
  .pc-mobile-nav{display:block!important;position:relative!important;flex:1 1 auto!important;min-width:0!important}
  .pc-mobile-nav summary{
    list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;min-height:36px!important;padding:0 12px!important;border:1px solid rgba(240,208,125,.48)!important;
    border-radius:999px!important;background:rgba(84,45,151,.78)!important;color:#fff!important;cursor:pointer!important;
    font:800 11px/1 Arial,sans-serif!important;letter-spacing:.04em!important;
  }
  .pc-mobile-nav summary::-webkit-details-marker{display:none!important}
  .pc-mobile-nav summary span{font-family:Georgia,serif!important;font-size:13px!important;letter-spacing:.08em!important;color:var(--pc-gold2)!important}
  .pc-mobile-nav summary b{font-size:10px!important}
  .pc-mobile-menu{
    position:absolute!important;top:42px!important;left:0!important;width:min(300px,calc(100vw - 16px))!important;
    padding:8px!important;border:1px solid rgba(240,208,125,.42)!important;border-radius:14px!important;
    background:rgba(31,16,71,.98)!important;box-shadow:0 16px 34px rgba(13,5,33,.35)!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;
  }
  .pc-mobile-menu a{color:#fff!important;text-decoration:none!important;padding:10px 9px!important;border-radius:8px!important;font:700 10px/1.15 Arial,sans-serif!important}
  .pc-mobile-menu a.active{background:#7044b7!important;color:#fff!important}
  .pc-collection-pill{
    flex:0 0 auto!important;padding:9px 10px!important;font-size:0!important;min-width:38px!important;height:38px!important;
    display:grid!important;place-items:center!important;
  }
  .pc-collection-pill span{font-size:0!important}
  .pc-collection-pill span:before{content:'♡';font-size:20px!important;line-height:1!important}

  .pc-shell{width:100%!important;margin:4px auto 14px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
  .pc-main{order:1!important;width:100%!important}
  .pc-feature{
    width:100%!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;
    padding:5px 3px 8px!important;overflow:visible!important;box-shadow:none!important;
    background:linear-gradient(180deg,rgba(250,240,255,.45),rgba(255,250,237,.25))!important;
  }
  .pc-pair-labels{display:block!important;padding:0!important;margin:0 0 5px!important;text-align:center!important}
  .pc-pair-labels span{display:inline-flex!important;padding:6px 16px!important;border-radius:999px!important;font-size:10px!important;min-height:0!important}
  .pc-pair-labels span:nth-child(2){display:none!important}
  .pc-pair{display:block!important;min-height:0!important;width:100%!important;overflow:visible!important}
  .pc-stage.right{display:none!important}
  .pc-stage,.pc-stage.left{
    width:min(96vw,calc((100svh - 145px) * .6666667),520px)!important;
    max-width:96vw!important;min-width:0!important;aspect-ratio:2/3!important;margin:0 auto!important;
    animation:none!important;filter:drop-shadow(0 12px 14px rgba(38,21,67,.22))!important;
  }
  .pc-turner,.pc-face{width:100%!important;height:100%!important}
  .pc-face{border-radius:14px!important;border-width:1px!important}
  .pc-face img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#111b42!important}
  .pc-flip-note{margin:5px 0 4px!important}
  .pc-flip-note strong{font-size:11px!important}
  .pc-flip-note small{display:none!important}
  .pc-dots{margin:3px 0 6px!important;gap:7px!important}
  .pc-dots i{width:6px!important;height:6px!important}
  .pc-actions{grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:5px!important;margin:0 5px!important;border-radius:10px!important}
  .pc-action{padding:7px 3px!important;text-align:center!important;border-radius:8px!important;min-height:42px!important}
  .pc-action strong{font-size:8px!important;white-space:normal!important;line-height:1.1!important}
  .pc-action small{display:none!important}

  /* Discovery tools come after the readable card rather than above/beside it. */
  .pc-library{order:2!important;margin:0 8px!important;padding:13px 11px!important;min-height:auto!important}
  .pc-library h1{font-size:24px!important}
  .pc-tagline{margin:6px 0 8px!important}
  .pc-intention-finder{margin:7px 0 8px!important;padding:9px!important}
  .pc-right{order:3!important;margin:0 8px!important;grid-template-columns:1fr!important}
  .pc-bottom{display:none!important}
}

@media (orientation:portrait) and (max-width:680px) and (max-height:720px){
  .pc-stage,.pc-stage.left{width:min(94vw,calc((100svh - 125px) * .6666667),440px)!important}
  .pc-actions{grid-template-columns:repeat(4,1fr)!important}
}