/* Add-on styles: coffee link hub + three-card symbolic synthesis.
   Scoped entirely to coffee sections; PHP 5.6 compatible (CSS independent). */
.coffee-links,.coffee-hub,.coffee-three-story {direction:rtl;box-sizing:border-box;}
.coffee-links *, .coffee-hub *, .coffee-three-story * {box-sizing:border-box;}
.coffee-links {margin:28px 0 34px;display:grid;gap:20px;color:#3e2a20;}
.coffee-links__group {padding:20px;background:#fffaf3;border:1px solid #e9ddcf;border-radius:20px;}
.coffee-links__group h2 {font-size:1.2rem;color:#513b2b;margin:0 0 16px;line-height:1.7;}
.coffee-links__grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;}
.coffee-links__card {display:flex;position:relative;flex-direction:column;gap:6px;min-height:96px;padding:16px 16px 17px 32px;border:1px solid #e7d9c7;border-radius:14px;background:white;color:#3e2a20!important;text-decoration:none!important;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease;}
.coffee-links__card strong {font-size:.98rem;line-height:1.6;}
.coffee-links__card span:not(.coffee-links__arrow) {font-size:.81rem;color:#766658;line-height:1.8;}
.coffee-links__arrow {position:absolute;left:13px;bottom:10px;color:#94633f;}
.coffee-links__card:hover,.coffee-links__card:focus-visible {border-color:#ac8059;box-shadow:0 6px 18px rgba(62,42,32,.11);transform:translateY(-2px);}
.coffee-links__group--similar {background:#f9f5ef;}
.coffee-hub {margin:18px 0 28px;color:#3e2a20;line-height:2.0;}
.coffee-hub h2 {font-size:1.35rem;margin:20px 0 8px;}
.coffee-hub p {margin:0 0 16px;}
.coffee-hub__eyebrow {font-size:.85rem;color:#94633f;font-weight:700;}
.coffee-three-story {margin:22px 0 26px;padding:22px;border-radius:18px;background:#fff9ee;border:1px solid #e7dac6;color:#493423;line-height:2.0;}
.coffee-three-story h2 {margin:0 0 14px;font-size:1.3rem;color:#62442d;}
.coffee-three-story p {margin:0 0 12px;}
.coffee-three-story__harmony {background:#f2f9f1;border-right:3px solid #628961;padding:10px 12px;border-radius:7px;}
.coffee-three-story__caution {background:#fff3e8;border-right:3px solid #bc8a49;padding:10px 12px;border-radius:7px;}
.coffee-three-story__note {font-size:.82rem;color:#807263;margin-bottom:0!important;}
@media(max-width:550px){.coffee-links__group,.coffee-three-story {padding:15px;}.coffee-links__grid{grid-template-columns:1fr;}.coffee-links__card{min-height:78px;}}
@media(prefers-reduced-motion:reduce){.coffee-links__card{transition:none;}.coffee-links__card:hover{transform:none;}}

/* v5 three-card progression: chosen cards stay visible next to remaining deck. */
.coffee-three-progress{scroll-margin-top:12px;margin:13px 0 8px;padding:14px;border:1px solid #ddcbb7;border-radius:16px;background:#fcf7ed;color:#3e2a20;}
.coffee-three-progress h3{margin:0 0 11px;color:#65462f;font-size:1.04rem;text-align:center;}
.coffee-three-progress__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:620px;margin:auto;}
.coffee-three-progress__slot{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px dashed #c5ae96;border-radius:12px;padding:9px 5px;background:#fff;text-align:center;}
.coffee-three-progress__slot.is-chosen{border:1px solid #b28b62;background:#fffefb;box-shadow:0 3px 12px rgba(59,39,22,.06);}
.coffee-three-progress__slot img{display:block;width:86px;height:86px;max-width:100%;object-fit:contain;border-radius:9px;background:#fff6e9;}
.coffee-three-progress__back{display:flex;width:72px;height:86px;max-width:100%;align-items:center;justify-content:center;color:#f8e6c8;background:radial-gradient(circle,#74503a,#34231c);border:2px solid #ad8967;border-radius:9px;font-size:1.8rem;}
.coffee-three-progress__position{font-size:.78rem;font-weight:700;color:#8b6040;line-height:1.5;}
.coffee-three-progress__slot strong{font-size:.86rem;color:#3e2a20;line-height:1.5;}
.coffee-app--choosing .coffee-three-progress+.coffee-app__notice{margin:9px 0 8px;padding:10px;}
.coffee-app--choosing .coffee-three-progress~.coffee-app__grid{margin-top:8px;}
.coffee-three-progress--complete{margin:0 0 20px;background:#fffaf4;}
.coffee-three-progress--complete .coffee-three-progress__slot img{width:110px;height:110px;}
.coffee-three-extended{padding:14px 17px;margin:15px 0;background:#fffaf5;border-right:3px solid #c8a77f;border-radius:10px;line-height:2.1;}
.coffee-three-extended h4{margin:0 0 9px;color:#68482f;font-size:1.02rem;}
.coffee-three-extended p{margin:0 0 9px;font-size:.95rem;}
.coffee-three-extended p:last-child{margin-bottom:0;}
.coffee-three-story h3{font-size:1.1rem;margin:24px 0 10px;color:#62442d;}
.coffee-three-story__flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0;}
.coffee-three-story__flow>div{padding:14px;background:white;border:1px solid #e8dbc8;border-radius:13px;}
.coffee-three-story__flow strong{display:block;color:#855b3c;margin-bottom:5px;}
.coffee-three-story__flow p{font-size:.92rem;line-height:2.0;}
.coffee-three-story__scores{display:grid;gap:11px;}
.coffee-three-story__score{display:grid;grid-template-columns:minmax(105px,1fr) minmax(80px,3fr) 70px;gap:10px;align-items:center;font-size:.85rem;}
.coffee-three-story__score strong{font-size:.82rem;text-align:left;direction:ltr;}
.coffee-app__share{border:1px solid #e7d4ba;background:#fff8ec;border-radius:18px;padding:20px;margin:26px 0;text-align:center;}
.coffee-app__share h3{font-size:1.15rem;margin:0 0 7px;color:#61432d;}
.coffee-app__share p{margin:0 0 13px;line-height:1.8;}
.coffee-app__share-button{background:#72503b;color:#fff;border:0;padding:10px 18px;border-radius:12px;cursor:pointer;font:inherit;font-weight:700;margin:3px;min-height:44px;}
.coffee-app__share-button--secondary{background:#fff;color:#72503b;border:1px solid #a8876b;}
.coffee-app__share-status{font-size:.83rem;color:#654b39;margin-top:9px!important;}
@media(max-width:650px){.coffee-three-story__flow{grid-template-columns:1fr;}.coffee-three-progress{padding:10px 7px;}.coffee-three-progress__cards{gap:5px;}.coffee-three-progress__slot{padding:6px 3px;gap:3px;}.coffee-three-progress__slot img{width:69px;height:69px;}.coffee-three-progress__back{width:50px;height:69px;}.coffee-three-progress--complete .coffee-three-progress__slot img{height:74px;width:74px;}.coffee-three-progress__slot strong{font-size:.78rem;}.coffee-three-story__score{grid-template-columns:88px minmax(60px,1fr) 62px;gap:6px;}}

.coffee-result__encyclopedia{margin:8px 0 17px;line-height:1.9;font-size:.9rem;}
.coffee-result__encyclopedia a{color:#835332;text-decoration:underline;text-underline-offset:3px;}

.coffee-three-long{margin:12px 0 15px!important;}
/* Keep the chosen-card preview visible beneath a typical mobile sticky header. */
@media (max-width:650px){
  #coffee-continue{scroll-margin-top:72px;}
  #coffee-result{scroll-margin-top:72px;}
}

/* ParsSkin Coffee v6: preview canvas and local saved readings */
.coffee-design__controls{max-width:790px;margin:14px auto;text-align:right;display:grid;gap:10px}
.coffee-design__themes{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #e3d0bd;border-radius:12px}
.coffee-design__themes legend{font-weight:700;color:#62442d;padding:0 6px}
.coffee-design__themes label{display:flex;gap:6px;align-items:center;cursor:pointer;padding:3px 8px}
.coffee-design__themes input{accent-color:#76513c}
.coffee-design__swatch{width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid #a58a74}
.coffee-design__swatch--cream{background:#ead7b7}.coffee-design__swatch--dark{background:#3f2920}.coffee-design__swatch--rose{background:#ebc6c1}.coffee-design__swatch--green{background:#b2cbb2}
.coffee-design__note-label{display:block;font-weight:700}
.coffee-design__note{font:inherit;box-sizing:border-box;width:100%;padding:11px 13px;border:1px solid #c5a889;border-radius:10px;background:#fff;color:#3b2d22;min-height:44px}
.coffee-design__controls small{color:#725d4b}
.coffee-design__preview-wrap{margin:20px auto;max-width:395px}
.coffee-design__preview{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:900/1260;border-radius:14px;box-shadow:0 7px 25px rgba(41,25,12,.18);background:#f9ecda}
.coffee-design__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}
.coffee-saved{margin:20px 0 26px;padding:14px;border:1px solid #dccbb9;border-radius:13px;background:#fffaf4;color:#4d3729;direction:rtl}
.coffee-saved details>summary{cursor:pointer;font-weight:700}
.coffee-saved details>p{font-size:.82rem;color:#765f4c;line-height:1.8}
.coffee-saved__list{display:grid;gap:12px;margin-top:16px}
.coffee-saved__item{padding:12px;background:white;border:1px solid #e1d1bd;border-radius:12px;overflow-wrap:anywhere}
.coffee-saved__row{display:flex;gap:7px;margin-bottom:9px}
.coffee-saved__row img{object-fit:cover;border-radius:8px;background:#faf3e9}
.coffee-saved__item p{margin:5px 0;font-size:.86rem;line-height:1.8}
.coffee-saved__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.coffee-saved__actions button{font:inherit;font-size:.85rem;border-radius:8px;cursor:pointer;background:#fff;border:1px solid #b49271;padding:6px 12px;color:#66432c}
.coffee-saved__status{font-size:.85rem;color:#67482f}
@media(max-width:480px){.coffee-app__share{padding:12px}.coffee-design__themes{gap:3px;padding:8px}}
/* Encyclopedia */
.coffee-encyclopedia{max-width:1050px;margin:24px auto 30px;direction:rtl;color:#493729;line-height:2}
.coffee-encyclopedia h1{font-size:1.65rem;line-height:1.7;color:#493125}
.coffee-encyclopedia h2{font-size:1.18rem;color:#68482e;margin:0 0 10px}
.coffee-encyclopedia__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:12px}
.coffee-encyclopedia__tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px;background:#fffaf2;border-radius:12px;border:1px solid #e3d4be;text-decoration:none!important;color:#5d3c28!important;text-align:center;min-width:0}
.coffee-encyclopedia__tile img{display:block;width:90px;height:90px;object-fit:contain}
.coffee-encyclopedia__tile span{color:#887160;font-size:.79rem}
.coffee-encyclopedia__pages{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}
.coffee-encyclopedia__pages a{display:inline-block;padding:5px 12px;border:1px solid #dbc7b2;border-radius:8px;text-decoration:none}
.coffee-encyclopedia__pages a[aria-current]{background:#72503b;color:white}
.coffee-encyclopedia__hero{display:flex;align-items:center;gap:25px;margin:20px 0 30px;padding:20px;background:#fff9f1;border-radius:16px;border:1px solid #e7d9c6}
.coffee-encyclopedia__hero img{max-width:100%;object-fit:contain;border-radius:10px}
.coffee-encyclopedia__section{padding:14px 0;border-bottom:1px solid #eadfce}
.coffee-encyclopedia__section p{margin:5px 0 12px}
.coffee-encyclopedia__tags{color:#8d674b;font-weight:700}
.coffee-encyclopedia__breadcrumb{font-size:.85rem}
.coffee-encyclopedia__links{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}
.coffee-encyclopedia__links a{border-radius:10px;padding:9px 15px;background:#f4e8d5;color:#603f28!important;text-decoration:none!important}
.coffee-encyclopedia__disclaimer{font-size:.85rem;color:#866959}
@media(max-width:620px){.coffee-encyclopedia__hero{flex-direction:column;text-align:center}.coffee-encyclopedia__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Pars Skin coffee v7: new mode styles; scope locally to the coffee widget */
.coffee-yesno-answer{margin:16px 0 20px;border:1px solid #cfb28c;border-radius:20px;padding:20px;background:linear-gradient(140deg,#fff9ee,#f1dfc5);text-align:center;color:#473323;display:grid;gap:7px}
.coffee-yesno-answer>span{font-weight:700;font-size:1rem}
.coffee-yesno-answer strong{font-size:clamp(2rem,7vw,3.1rem);font-weight:900;color:#805332;line-height:1.5}
.coffee-yesno-answer p{margin:0;line-height:1.9}
.coffee-yesno-answer small{font-size:.79rem;color:#6c584a;line-height:1.8}
.coffee-app[data-coffee-mode="love"] .coffee-three-progress{border-color:#e1bfc0;background:#fff7f5}
.coffee-app[data-coffee-mode="love"] .coffee-three-progress__slot.is-chosen{border-color:#b97984;background:#fffafa}
.coffee-app[data-coffee-mode="love"] .coffee-three-progress__position{color:#955769}
.coffee-love-summary{margin:24px 0;padding:20px;background:#fff7f5;border:1px solid #e9cdd3;border-radius:18px;line-height:2;color:#473037}
.coffee-love-summary h2{font-size:1.3rem;margin:0 0 13px;color:#754458}
.coffee-love-summary h3{font-size:1.1rem;margin:17px 0 8px;color:#754458}
.coffee-love-summary p{margin:7px 0 12px}
.coffee-love-summary__stats{display:grid;gap:10px;margin:13px 0}
.coffee-love-summary__stat{display:grid;grid-template-columns:minmax(105px,1fr) minmax(85px,2fr) 68px;gap:8px;align-items:center}
.coffee-love-summary__stat strong{white-space:nowrap;direction:ltr;text-align:left}
@media(max-width:500px){.coffee-love-summary{padding:14px}.coffee-love-summary__stat{grid-template-columns:96px minmax(60px,1fr) 60px;gap:5px;font-size:.84rem}}

/* v9 — stable scroll targets for themed pages with a cover image above the tool. */
.coffee-scroll-anchor{display:block;height:1px;visibility:hidden;scroll-margin-top:104px;}
#coffee-fal{scroll-margin-top:90px;}
#coffee-continue{scroll-margin-top:220px;}
#coffee-result{scroll-margin-top:84px;}
@media(max-width:650px){
  .coffee-scroll-anchor{scroll-margin-top:82px;}
  #coffee-continue{scroll-margin-top:240px;}
  #coffee-result{scroll-margin-top:78px;}
}
/* Specialized readings share the same visual grammar as love and three-card. */
.coffee-special-summary{margin:22px 0;padding:18px;border-radius:16px;border:1px solid #d9c4a7;background:#fff8eb;color:#503823;line-height:1.95;}
.coffee-special-summary h2{font-size:1.3rem;color:#63422f;margin:0 0 10px;}
.coffee-special-summary h3{font-size:1.03rem;color:#6a492d;margin:17px 0 6px;}
.coffee-special-summary p{margin:5px 0 10px;}
.coffee-special-summary__metrics{display:grid;gap:10px;margin:14px 0;}
.coffee-special-summary__metric{display:grid;grid-template-columns:120px minmax(55px,1fr) 66px;gap:10px;align-items:center;font-size:.88rem;}
.coffee-special-summary__meter{height:9px;border-radius:99px;background:#e8dcc8;overflow:hidden;}
.coffee-special-summary__meter span{display:block;height:100%;border-radius:99px;background:#a47d53;}
@media(max-width:460px){.coffee-special-summary{padding:12px}.coffee-special-summary__metric{grid-template-columns:100px minmax(50px,1fr) 55px;gap:6px;}}