/* "Keep it on your phone" panel on the Pearl Cheat Sheet page. Scoped to .ycs so the theme's
   bare button styles (red, uppercase, 13px 35px padding) don't reach it. */
.ycs{border:1px solid #e6e1d8;background:#f6f3ee;padding:18px 18px 16px;transition:box-shadow .4s ease}
.ycs.is-called{box-shadow:0 0 0 3px #8a6a35}
.ycs p{margin:0}
.ycs [hidden]{display:none!important}
.ycs .ycs__title{font-family:var(--yens-font-display,Georgia,serif);font-size:22px;line-height:1.2;color:#1d1d1f;margin:0 0 6px}
.ycs .ycs__text{font-size:15px;line-height:1.55;color:#3d3d40;margin:0 0 14px}
.ycs .ycs__btn{display:inline-flex;align-items:center;gap:10px;margin:0;padding:13px 20px;border:1px solid #1d1d1f;border-radius:0;background:#1d1d1f;color:#fff;
	font:700 15px/1.2 var(--yens-font-body,"Lato",Helvetica,Arial,sans-serif);text-transform:none;letter-spacing:0;text-decoration:none;cursor:pointer;transition:background-color .2s ease}
.ycs .ycs__btn:hover,.ycs .ycs__btn:focus-visible{background:#3a3a3d;border-color:#3a3a3d;color:#fff}
.ycs .ycs__btn svg{flex:none}
.ycs .ycs__btn--ghost{background:#fff;color:#1d1d1f}
.ycs .ycs__btn--ghost:hover,.ycs .ycs__btn--ghost:focus-visible{background:#fff;color:#8a6a35;border-color:#8a6a35}
.ycs .ycs__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.ycs .ycs__steps{margin:14px 0 0;padding:0;list-style:none;counter-reset:s;display:grid;gap:8px}
.ycs .ycs__steps li{position:relative;padding-left:32px;font-size:15px;line-height:1.5;margin:0;counter-increment:s}
.ycs .ycs__steps li::before{content:counter(s);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:#1d1d1f;color:#fff;font:700 12px/22px var(--yens-font-body,sans-serif);text-align:center}
.ycs .ycs__small{font-size:13.5px;line-height:1.5;color:#5a5a5e;margin-top:10px}
.ycs .ycs__read{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:#1d1d1f;text-decoration:underline;text-underline-offset:3px}
.ycs .ycs__done{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#1e6b4f;margin:0 0 4px}
.ycs .ycs__qr{display:flex;gap:16px;align-items:center;margin:0 0 4px}
.ycs .ycs__qr-box{flex:none;width:132px;height:132px;padding:8px;background:#fff;border:1px solid #e6e1d8}
.ycs .ycs__qr-box svg{display:block;width:100%;height:100%}
.ycs .ycs__install-pc{margin-top:12px;padding:0;border:0;background:none;color:#1d1d1f;font:700 14px/1.4 var(--yens-font-body,sans-serif);text-transform:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ycs .ycs__install-pc:hover{background:none;color:#8a6a35}
.ycs-ico{display:inline-block;vertical-align:-4px;margin:0 2px}

/* iPhone / iPad pointer to Safari's Share button */
.ycs-coach{position:fixed;left:0;right:0;z-index:100000;display:flex;flex-direction:column;align-items:stretch;padding:0 12px;pointer-events:none;animation:ycs-in .25s ease-out}
.ycs-coach--bottom{bottom:calc(8px + env(safe-area-inset-bottom))}
.ycs-coach--top{top:calc(8px + env(safe-area-inset-top));flex-direction:column-reverse}
.ycs-coach__card{position:relative;pointer-events:auto;max-width:420px;width:100%;margin:0 auto;background:#16262c;color:#fff;border-radius:16px;padding:16px 44px 14px 16px;box-shadow:0 18px 40px -12px rgba(0,0,0,.55)}
.ycs-coach--top .ycs-coach__card{margin-right:0}
.ycs-coach__card p{margin:0 0 8px;font:700 16px/1.3 var(--yens-font-body,sans-serif);color:#fff}
.ycs-coach__card ol{margin:0;padding:0 0 0 20px;font-size:15px;line-height:1.5}
.ycs-coach__card li{margin:0 0 6px;color:#e8eeee}
.ycs-coach__card small{display:block;font-size:13px;color:#b8c5c6;margin-top:2px}
.ycs-coach .ycs-coach__x{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:400 20px/32px Arial,sans-serif;text-align:center;cursor:pointer}
.ycs-coach .ycs-coach__x:hover{background:rgba(255,255,255,.22);color:#fff}
.ycs-coach__arrow{width:0;height:0;border:12px solid transparent;margin:0 auto;animation:ycs-bob 1.2s ease-in-out infinite}
.ycs-coach--bottom .ycs-coach__arrow{border-top-color:#16262c;border-bottom:0}
.ycs-coach--top .ycs-coach__arrow{border-bottom-color:#16262c;border-top:0;margin-right:22px}
.ycs-coach--right .ycs-coach__arrow{margin-right:22px}
@keyframes ycs-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ycs-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.ycs-coach--top .ycs-coach__arrow{animation-name:ycs-bob-up}
@keyframes ycs-bob-up{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.ycs-coach,.ycs-coach__arrow{animation:none}}