/* Jarayan 8.2 — library editorial system and paired home cards. */

/* Home: two modern, balanced cards instead of two disconnected full-width sections. */
.jarayan-home-duo { position:relative; padding:clamp(2.5rem,5vw,4.5rem) 0; overflow:hidden; }
.jarayan-home-duo::before { content:""; position:absolute; inset:8% 0 auto; height:72%; background:radial-gradient(circle at 75% 15%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 38%),radial-gradient(circle at 20% 80%,rgba(20,34,48,.08),transparent 42%); pointer-events:none; }
.jarayan-home-duo__grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1rem,2.4vw,1.8rem); align-items:stretch; }
.jarayan-home-duo--pause-right .jarayan-home-duo__card--pause { order:-1; }
.jarayan-home-duo__card { position:relative; isolation:isolate; min-width:0; min-height:520px; padding:clamp(1.4rem,3vw,2.25rem); border:1px solid color-mix(in srgb,var(--ink) 10%,transparent); border-radius:clamp(28px,4vw,42px); overflow:hidden; box-shadow:0 30px 80px rgba(14,37,54,.11); }
.jarayan-home-duo__card::after { content:""; position:absolute; inset:0; z-index:-2; pointer-events:none; }
.jarayan-home-duo__card--local { color:#fff; background:linear-gradient(145deg,color-mix(in srgb,var(--ink) 94%,#102f46),color-mix(in srgb,var(--accent-dark) 76%,#0d2638)); }
.jarayan-home-duo__card--local::after { background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 35%),radial-gradient(circle at 5% 90%,rgba(255,255,255,.11),transparent 36%); }
.jarayan-home-duo__card--pause { color:var(--ink); background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--soft) 72%,#fff)); }
.jarayan-home-duo__card--pause::after { background:radial-gradient(circle at 85% 12%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),linear-gradient(130deg,transparent 45%,rgba(255,255,255,.82)); }
.jarayan-home-duo__head { display:flex; align-items:center; gap:.85rem; margin-bottom:clamp(1.4rem,3vw,2rem); }
.jarayan-home-duo__icon { display:grid; place-items:center; flex:0 0 52px; width:52px; height:52px; border-radius:18px; color:var(--accent); background:#fff; box-shadow:0 13px 32px rgba(0,0,0,.12); }
.jarayan-home-duo__icon svg { width:24px; height:24px; }
.jarayan-home-duo__head div { display:grid; gap:.25rem; }
.jarayan-home-duo__head small { font-size:.75rem; font-weight:800; letter-spacing:.01em; opacity:.72; }
.jarayan-home-duo__head strong { font-size:.92rem; }
.jarayan-home-duo__card h2 { max-width:650px; margin:0 0 1rem; font-size:clamp(1.65rem,3.1vw,2.75rem); line-height:1.38; letter-spacing:-.035em; }
.jarayan-home-duo__card > p { max-width:660px; margin:0 0 1.3rem; font-size:.96rem; line-height:2; opacity:.78; }
.jarayan-home-duo__chips { display:flex; flex-wrap:wrap; gap:.55rem; margin:1.2rem 0 1.7rem; }
.jarayan-home-duo__chips span { display:inline-flex; align-items:center; gap:.4rem; padding:.55rem .7rem; border:1px solid rgba(255,255,255,.15); border-radius:999px; background:rgba(255,255,255,.07); color:#fff; font-size:.72rem; font-weight:700; }
.jarayan-home-duo__chips svg { width:15px; height:15px; }
.jarayan-home-duo__actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:auto; }
.jarayan-home-duo__card--local .button--outline { color:#fff; border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.07); }
.jarayan-home-duo__local-map { position:absolute; inset:auto auto -95px -55px; width:310px; aspect-ratio:1; border:1px solid rgba(255,255,255,.12); border-radius:50%; opacity:.72; pointer-events:none; }
.jarayan-home-duo__local-map::before,.jarayan-home-duo__local-map::after,.jarayan-home-duo__local-map span { content:""; position:absolute; inset:16%; border:1px dashed rgba(255,255,255,.14); border-radius:50%; }
.jarayan-home-duo__local-map::after { inset:33%; }
.jarayan-home-duo__local-map i { position:absolute; inset:49% auto auto 49%; width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 18%,transparent),0 0 30px var(--accent); }
.jarayan-home-duo__local-map b { position:absolute; inset:29% 24% auto auto; display:grid; place-items:center; width:48px; height:48px; border-radius:18px; background:#fff; color:var(--accent); transform:rotate(-8deg); }
.jarayan-home-duo__local-map svg { width:22px; height:22px; }
.jarayan-home-duo__pause-orbit { position:absolute; z-index:-1; inset:-95px -80px auto auto; width:300px; aspect-ratio:1; border-radius:50%; border:1px solid color-mix(in srgb,var(--accent) 18%,transparent); pointer-events:none; }
.jarayan-home-duo__pause-orbit::before,.jarayan-home-duo__pause-orbit::after { content:""; position:absolute; inset:16%; border:1px dashed color-mix(in srgb,var(--accent) 24%,transparent); border-radius:50%; animation:jarayan-v82-orbit 18s linear infinite; }
.jarayan-home-duo__pause-orbit::after { inset:34%; animation-direction:reverse; animation-duration:13s; }
.jarayan-home-duo__pause-orbit i { position:absolute; width:9px; height:9px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 15%,transparent); }
.jarayan-home-duo__pause-orbit i:nth-child(1){top:30%;left:14%}.jarayan-home-duo__pause-orbit i:nth-child(2){right:15%;bottom:30%}.jarayan-home-duo__pause-orbit i:nth-child(3){left:45%;bottom:8%}
.jarayan-home-duo__pause-orbit > span { position:absolute; inset:38%; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--accent); box-shadow:0 16px 36px rgba(21,55,73,.14); }
.jarayan-home-duo__pause-orbit svg { width:35px; height:35px; }
.jarayan-home-duo__breathing { position:relative; width:100%; margin-top:1.2rem; padding:1rem; border:1px solid color-mix(in srgb,var(--accent) 15%,transparent); border-radius:24px; background:rgba(255,255,255,.86); box-shadow:0 18px 45px rgba(18,48,67,.09); }
.jarayan-home-duo__privacy { display:flex; align-items:center; gap:.45rem; margin-top:.9rem; color:var(--muted); font-size:.72rem; font-weight:700; }
.jarayan-home-duo__privacy svg { width:16px; height:16px; color:var(--accent); }
@keyframes jarayan-v82-orbit { to { transform:rotate(360deg); } }

/* Library archive: calmer editorial hierarchy and denser, useful cards. */
.jarayan-library-hero--v82 { padding:clamp(4.5rem,8vw,7.2rem) 0 clamp(3rem,5vw,4.8rem); }
.jarayan-library-hero--v82 .jarayan-library-hero__grid { align-items:center; }
.jarayan-library-hero--v82 .jarayan-library-hero__copy > p { max-width:760px; font-size:clamp(.96rem,1.35vw,1.12rem); line-height:2.05; }
.jarayan-library-paths { margin-top:-1.5rem; padding-bottom:clamp(2.2rem,4vw,4rem); }
.jarayan-library-paths__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.85rem; }
.jarayan-library-path { position:relative; display:grid; grid-template-columns:auto 1fr auto; gap:.75rem; align-items:start; min-width:0; padding:1rem; border:1px solid var(--line); border-radius:22px; color:var(--ink); background:#fff; box-shadow:0 14px 34px rgba(20,49,66,.07); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.jarayan-library-path:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--accent) 45%,var(--line)); box-shadow:0 22px 45px rgba(20,49,66,.11); }
.jarayan-library-path > i { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; color:var(--accent); background:color-mix(in srgb,var(--accent) 9%,#fff); }
.jarayan-library-path > i svg,.jarayan-library-path > b svg { width:19px; height:19px; }
.jarayan-library-path > b { align-self:center; color:var(--accent); }
.jarayan-library-path__number { position:absolute; top:.6rem; left:.65rem; color:var(--muted); font-size:.62rem; font-weight:900; opacity:.55; }
.jarayan-library-path strong { display:block; margin:.05rem 0 .35rem; font-size:.9rem; }
.jarayan-library-path p { margin:0; color:var(--muted); font-size:.72rem; line-height:1.75; }
.jarayan-library-catalog { padding:clamp(3rem,5vw,5.5rem) 0; }
.jarayan-library-toolbar { grid-template-columns:minmax(260px,1.2fr) minmax(0,2fr) auto auto; gap:.7rem; align-items:end; }
.jarayan-library-filters { scrollbar-width:thin; }
.jarayan-library-select { display:grid; gap:.35rem; min-width:145px; }
.jarayan-library-select > span { color:var(--muted); font-size:.67rem; font-weight:800; }
.jarayan-library-select select { width:100%; min-height:46px; border:1px solid var(--line); border-radius:14px; background:#fff; color:var(--ink); padding:0 .75rem; font:inherit; font-size:.78rem; }
.jarayan-library-toolbar__result { grid-column:1/-1; justify-self:end; color:var(--muted); font-size:.72rem; font-weight:700; }
.jarayan-bookshelves--4 .jarayan-bookshelf__books { grid-template-columns:repeat(4,minmax(0,1fr)); }
.jarayan-bookshelves--5 .jarayan-bookshelf__books { grid-template-columns:repeat(5,minmax(0,1fr)); }
.jarayan-bookshelves--6 .jarayan-bookshelf__books { grid-template-columns:repeat(6,minmax(0,1fr)); }
.jarayan-book-card__meta { display:grid; align-content:start; gap:.42rem; min-height:178px; padding-top:.75rem; }
.jarayan-book-card__meta h3 { margin:0; font-size:.94rem; line-height:1.65; }
.jarayan-book-card__meta > p { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0; color:var(--muted); font-size:.69rem; line-height:1.75; }
.jarayan-book-card__evidence { display:inline-flex; width:max-content; max-width:100%; padding:.25rem .5rem; border-radius:999px; color:var(--accent-dark); background:color-mix(in srgb,var(--accent) 10%,#fff); font-size:.6rem; font-weight:800; }
.jarayan-book-card__facts { display:flex; flex-wrap:wrap; gap:.35rem .6rem; color:var(--muted); font-size:.62rem; }
.jarayan-book-card__facts span { display:inline-flex; align-items:center; gap:.22rem; }
.jarayan-book-card__facts svg { width:13px; height:13px; color:var(--accent); }
.jarayan-book-card__more { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:.5rem; border-top:1px dashed var(--line); color:var(--ink); font-size:.67rem; font-weight:800; }
.jarayan-book-card__more svg { width:16px; height:16px; color:var(--accent); }

/* Single book: magazine-like reading dossier. */
.jarayan-book-single--v82 .jarayan-book-hero__grid { grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr); }
.jarayan-book-original-title { margin:-.4rem 0 .65rem; color:var(--muted); font-family:ui-serif,Georgia,serif; font-size:.92rem; letter-spacing:.02em; }
.jarayan-book-hero__seal { position:absolute; right:clamp(1rem,5vw,3rem); bottom:clamp(1rem,4vw,2.5rem); display:grid; place-items:center; gap:.35rem; width:105px; aspect-ratio:1; padding:.7rem; border-radius:50%; color:#fff; text-align:center; background:linear-gradient(145deg,var(--book-from),var(--book-to)); box-shadow:0 18px 42px rgba(14,31,46,.2); transform:rotate(7deg); }
.jarayan-book-hero__seal svg { width:25px; height:25px; }
.jarayan-book-hero__seal b { font-size:.62rem; line-height:1.55; }
.jarayan-book-facts--rich { grid-template-columns:repeat(4,minmax(0,1fr)); }
.jarayan-book-section-kicker,.jarayan-book-section-heading small { color:var(--accent-dark); font-size:.67rem; font-weight:900; letter-spacing:.03em; }
.jarayan-book-section-heading { display:flex; align-items:center; gap:.8rem; margin-bottom:1.15rem; }
.jarayan-book-section-heading > span { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:16px; color:var(--accent); background:color-mix(in srgb,var(--accent) 9%,#fff); }
.jarayan-book-section-heading svg { width:22px; height:22px; }
.jarayan-book-section-heading h2 { margin:.15rem 0 0; font-size:clamp(1.25rem,2vw,1.65rem); }
.jarayan-book-insight-section,.jarayan-book-reading-plan,.jarayan-book-audience-section,.jarayan-book-entry { padding:clamp(1.25rem,3vw,2rem); border:1px solid var(--line); border-radius:26px; background:#fff; box-shadow:0 15px 40px rgba(18,47,65,.055); }
.jarayan-book-article { display:grid; gap:1.15rem; }
.jarayan-book-key-points { display:grid; gap:.65rem; margin:0; padding:0; list-style:none; }
.jarayan-book-key-points li { display:grid; grid-template-columns:auto 1fr; gap:.75rem; align-items:start; padding:.85rem; border-radius:17px; background:color-mix(in srgb,var(--soft) 58%,#fff); }
.jarayan-book-key-points li > span { display:grid; place-items:center; width:32px; height:32px; border-radius:11px; color:#fff; background:linear-gradient(145deg,var(--book-from),var(--book-to)); font-size:.72rem; font-weight:900; }
.jarayan-book-key-points p { margin:0; color:var(--ink); font-size:.86rem; line-height:1.9; }
.jarayan-book-reading-plan__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }
.jarayan-book-reading-plan__grid > div { position:relative; padding:1rem; border:1px dashed color-mix(in srgb,var(--accent) 30%,var(--line)); border-radius:18px; background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--soft) 40%,#fff)); }
.jarayan-book-reading-plan__grid b { display:grid; place-items:center; width:28px; height:28px; margin-bottom:.55rem; border-radius:9px; color:var(--accent-dark); background:color-mix(in srgb,var(--accent) 12%,#fff); font-size:.68rem; }
.jarayan-book-reading-plan__grid p { margin:0; color:var(--muted); font-size:.76rem; line-height:1.85; }
.jarayan-book-audience-section > p,.jarayan-book-entry { color:var(--muted); line-height:2.1; }
.jarayan-book-audience-chips { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1rem; }
.jarayan-book-audience-chips span { padding:.45rem .65rem; border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line)); border-radius:999px; color:var(--accent-dark); background:color-mix(in srgb,var(--accent) 7%,#fff); font-size:.68rem; font-weight:800; }
.jarayan-book-notes-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.jarayan-book-note { display:grid; grid-template-columns:auto 1fr; gap:.75rem; padding:1rem; border:1px solid var(--line); border-radius:20px; }
.jarayan-book-note > span { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; }
.jarayan-book-note svg { width:21px; height:21px; }
.jarayan-book-note h3 { margin:0 0 .3rem; font-size:.88rem; }
.jarayan-book-note p { margin:0; font-size:.73rem; line-height:1.85; }
.jarayan-book-note--clinical { background:#eef9f5; border-color:#cce7dd; color:#27594a; }
.jarayan-book-note--clinical > span { background:#fff; color:#33866d; }
.jarayan-book-note--content { background:#fff7e9; border-color:#f0ddbd; color:#715833; }
.jarayan-book-note--content > span { background:#fff; color:#a8792b; }
.jarayan-book-info-card__head { display:flex; align-items:center; gap:.7rem; margin-bottom:.75rem; }
.jarayan-book-info-card__head > span { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; color:var(--accent); background:color-mix(in srgb,var(--accent) 9%,#fff); }
.jarayan-book-info-card__head svg { width:21px; height:21px; }
.jarayan-book-info-card__head small { display:block; color:var(--muted); font-size:.63rem; font-weight:800; }
.jarayan-book-info-card__head h2 { margin:.12rem 0 0; }
.jarayan-book-service-card { padding:1.2rem; border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line)); border-radius:24px; background:linear-gradient(145deg,color-mix(in srgb,var(--soft) 65%,#fff),#fff); box-shadow:0 15px 35px rgba(18,47,65,.06); }
.jarayan-book-service-card > span { display:grid; place-items:center; width:48px; height:48px; margin-bottom:.8rem; border-radius:16px; color:#fff; background:linear-gradient(145deg,var(--book-from),var(--book-to)); }
.jarayan-book-service-card svg { width:23px; height:23px; }
.jarayan-book-service-card small { color:var(--accent-dark); font-size:.65rem; font-weight:900; }
.jarayan-book-service-card h3 { margin:.25rem 0 .55rem; font-size:1rem; }
.jarayan-book-service-card p { margin:0 0 .75rem; color:var(--muted); font-size:.72rem; line-height:1.85; }
.jarayan-book-service-card a { display:flex; align-items:center; justify-content:space-between; color:var(--ink); font-size:.72rem; font-weight:900; }
.jarayan-book-service-card a svg { width:17px; height:17px; color:var(--accent); }

@media (max-width:1200px) {
  .jarayan-library-paths__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jarayan-bookshelves--5 .jarayan-bookshelf__books,.jarayan-bookshelves--6 .jarayan-bookshelf__books { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .jarayan-library-toolbar { grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr) auto; }
  .jarayan-library-select:last-of-type { grid-column:auto; }
}
@media (max-width:980px) {
  .jarayan-home-duo__grid { grid-template-columns:1fr; }
  .jarayan-home-duo__card { min-height:auto; }
  .jarayan-home-duo--pause-right .jarayan-home-duo__card--pause { order:0; }
  .jarayan-library-toolbar { grid-template-columns:1fr 1fr; }
  .jarayan-library-search,.jarayan-library-filters { grid-column:1/-1; }
  .jarayan-bookshelves--4 .jarayan-bookshelf__books,.jarayan-bookshelves--5 .jarayan-bookshelf__books,.jarayan-bookshelves--6 .jarayan-bookshelf__books { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .jarayan-book-single--v82 .jarayan-book-hero__grid { grid-template-columns:1fr; }
  .jarayan-book-facts--rich { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .jarayan-home-duo { padding:2.25rem 0; }
  .jarayan-home-duo__card { padding:1.15rem; border-radius:26px; }
  .jarayan-home-duo__card h2 { font-size:1.65rem; }
  .jarayan-home-duo__actions { display:grid; grid-template-columns:1fr; }
  .jarayan-home-duo__actions .button { width:100%; }
  .jarayan-home-duo__local-map,.jarayan-home-duo__pause-orbit { opacity:.45; transform:scale(.75); transform-origin:bottom left; }
  .jarayan-home-duo__pause-orbit { transform-origin:top right; }
  .jarayan-library-paths__grid { grid-template-columns:1fr; }
  .jarayan-library-toolbar { grid-template-columns:1fr; }
  .jarayan-library-search,.jarayan-library-filters,.jarayan-library-toolbar__result { grid-column:auto; }
  .jarayan-library-toolbar__result { justify-self:start; }
  .jarayan-bookshelves--4 .jarayan-bookshelf__books,.jarayan-bookshelves--5 .jarayan-bookshelf__books,.jarayan-bookshelves--6 .jarayan-bookshelf__books { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jarayan-book-card__meta { min-height:190px; }
  .jarayan-book-hero__seal { width:84px; right:.6rem; bottom:.5rem; }
  .jarayan-book-facts--rich { grid-template-columns:1fr 1fr; }
  .jarayan-book-reading-plan__grid,.jarayan-book-notes-grid { grid-template-columns:1fr; }
}
@media (max-width:390px) {
  .jarayan-home-duo__head { align-items:flex-start; }
  .jarayan-home-duo__icon { flex-basis:46px; width:46px; height:46px; border-radius:15px; }
  .jarayan-home-duo__chips { gap:.4rem; }
  .jarayan-home-duo__chips span { font-size:.65rem; }
  .jarayan-book-facts--rich { grid-template-columns:1fr; }
  .jarayan-book-hero__seal { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .jarayan-home-duo__pause-orbit::before,.jarayan-home-duo__pause-orbit::after { animation:none; }
}