.ph-atlas h1,.ph-library h2 { font-family:TonSerif,Georgia,serif;font-weight:900; }
.ph-top,.ph-library { position:relative;isolation:isolate;overflow:hidden;background:#103f40;color:#fff;border-radius:16px; }
.ph-top { padding:clamp(24px,3.7vw,48px);min-height:278px;display:flex;align-items:center; }
.ph-top:after,.ph-library:after { content:"";position:absolute;z-index:-1;right:-8%;bottom:-78%;width:49%;aspect-ratio:1;border-radius:50%;background:#25635c; }
.ph-top>div,.ph-library>div { position:relative;z-index:1;width:72%; }
.ph-top h1 { font-size:clamp(2.25rem,4.6vw,4.15rem);line-height:1.02;max-width:15ch;letter-spacing:-.055em;margin:0; }
.ph-top img,.ph-library img { position:absolute;right:1.4%;bottom:-1%;width:25%;max-height:91%;object-fit:contain;object-position:center bottom;pointer-events:none; }
.ph-find { margin-top:22px;max-width:38rem; }
.ph-find label { display:block;font-size:.88rem;font-weight:650;margin-bottom:.35rem; }
.ph-find>div { display:flex;gap:.45rem; }
.ph-find input { min-width:0; }
.ph-top .ph-find .secondary { background:#e8f0b5;color:#173e38;border-color:transparent; }
.ph-find .secondary { min-width:75px; }
.ph-collection { margin-top:2rem; }
.ph-collection h2,.ph-results h2,.ph-recordings h2,.ph-related h2 { margin-bottom:.9rem; }
.ph-sections { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.ph-section,.ph-prosody,.ph-entrycard { text-decoration:none;color:var(--ink); }
.ph-section { padding:clamp(16px,1.8vw,26px);display:flex;flex-direction:column;justify-content:space-between;min-height:123px;background:var(--ph-paper);border:1px solid var(--ph-line);border-radius:12px; }
.ph-section:hover { box-shadow:inset 0 0 0 1px var(--ph-color); }
.ph-specimen { color:var(--ph-color);font:900 clamp(1.4rem,2.2vw,2rem)/1.16 TonSerif,Georgia,serif;letter-spacing:-.045em;word-spacing:.035em; }
.ph-card-foot { display:flex;justify-content:space-between;align-items:baseline;gap:.55rem;margin-top:.8rem; }
.ph-card-foot>span,.ph-prosody>span:last-child { color:var(--teal); }
.ph-amber { --ph-paper:#f5eddb;--ph-line:#e5d8b9;--ph-color:#79521b; }
.ph-blue { --ph-paper:#e8efef;--ph-line:#cddadd;--ph-color:#28595e; }
.ph-green { --ph-paper:#e7efe2;--ph-line:#cbdac1;--ph-color:#3b6337; }
.ph-pink { --ph-paper:#f3e8e2;--ph-line:#e5d4c8;--ph-color:#864f37; }
.ph-ochre { --ph-paper:#f6efd8;--ph-line:#e6d9b0;--ph-color:#745515; }
.ph-violet { --ph-paper:#eeebf3;--ph-line:#d9d4e2;--ph-color:#65557a; }
.ph-prosody { display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.95rem 1.2rem;margin-top:12px;border:1px solid var(--edge);border-radius:10px;background:white; }
.ph-prosody small,.ph-group { display:block;color:var(--muted);font-size:.8rem; }
.ph-sectionhead { display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:1rem; }
.ph-sectionhead>div { flex:1 1 290px; }
.ph-sectionhead p { max-width:57ch;color:var(--muted); }
.ph-sectionhead .ph-display-sample { font:900 clamp(1.35rem,2vw,1.7rem)/1.4 TonSerif,Georgia,serif;color:var(--teal); }
.ph-breadcrumb { display:flex;align-items:center;flex-wrap:wrap;gap:.5em;font-size:.88rem;margin-bottom:1rem; }
.ph-jump { display:grid;gap:.25rem;font-size:.85rem;font-weight:650; }
.ph-section-entries { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:10px;margin:1.25rem 0; }
.ph-entrycard { display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:white;border:1px solid var(--edge);border-radius:10px;padding:1rem 1.15rem;min-height:76px;overflow-wrap:anywhere; }
.ph-entrycard:hover,.ph-prosody:hover { border-color:#829d94;background:#f0f4ef; }
.ph-entrycard strong,.ph-entrycard small { display:block; }
.ph-entrycard small { margin-top:.25em; }
.ph-results { margin-top:1.6rem; }
.ph-results h2 { font-size:1.05rem; }
.ph-detail { display:flex;align-items:start;gap:1.7rem 3rem;flex-wrap:wrap;margin:1.4rem 0; }
.ph-detail h2,.ph-isolated h2,.ph-phrase h2 { font-size:.88rem;letter-spacing:0; }
.ph-spellings { display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem; }
.ph-spellings span { display:inline-flex;align-items:center;min-width:2rem;justify-content:center;padding:.15rem .52rem;color:var(--teal);font-weight:650;background:#e6efe9;border-radius:.34rem; }
.ph-examples p { color:#354f4c;margin-top:.55rem; }
.ph-phrase,.ph-isolated { display:flex;justify-content:space-between;align-items:center;gap:.8rem;border-radius:10px;padding:1.1rem 1.4rem;margin:1.25rem 0; }
.ph-isolated { color:#fff;background:var(--dark); }
.ph-isolated p { font:900 2.1rem/1.1 TonSerif,Georgia,serif;margin-top:.3rem; }
.ph-play { flex:none; }
.ph-recordings,.ph-related { margin-top:1.5rem; }
.ph-recording-list { overflow:hidden;background:white;border:1px solid var(--edge);border-radius:11px; }
.ph-clip { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.65rem 1rem; }
.ph-clip+.ph-clip { border-top:1px solid var(--edge); }
.ph-clip span[lang=es] { font-weight:600; }
.ph-clip a { display:inline-flex;align-items:center;gap:.28rem;font-size:.88rem;min-height:44px; }
.ph-phrase { background:#f0ebdc;border-left:4px solid #ba934b; }
.ph-phrase p { font-size:clamp(1.15rem,2.1vw,1.5rem);font-family:Georgia,serif;line-height:1.4;margin:.45rem 0 .2rem; }
.ph-related>div { display:flex;flex-wrap:wrap;gap:.55rem; }
.ph-related a { display:inline-flex;align-items:center;gap:.7rem;min-height:44px;background:white;border:1px solid var(--edge);border-radius:7px;padding:.4rem .8rem;text-decoration:none;font-weight:600; }
.ph-library { display:flex;align-items:center;min-height:190px;padding:clamp(22px,3.5vw,40px);margin:25px 0; }
.ph-library h2 { font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.06;letter-spacing:-.045em;margin:.4rem 0 .8rem; }
.ph-library .meta { color:#bee1d4; }
.ph-library .btn { background:#e8f0b5;color:#173e38;gap:.65rem; }
@media(max-width:900px){.ph-sections{grid-template-columns:repeat(2,minmax(0,1fr));}.ph-top{min-height:245px;}}
@media(max-width:560px){
  .ph-top{min-height:0;padding:22px 16px 18px;}.ph-top>div{width:100%;}.ph-top h1{max-width:68%;font-size:clamp(1.7rem,7.3vw,2.6rem);}
  .ph-top img{right:2%;bottom:auto;top:6px;width:22%;height:75px;object-fit:cover;object-position:top;}
  .ph-top:after{right:-8%;bottom:32%;width:44%;}.ph-find{margin-top:1.05rem;}.ph-find label{font-size:.82rem;}.ph-find .secondary{min-width:0;padding:.55rem .65rem;}
  .ph-collection{margin-top:1.25rem;}.ph-sections{gap:8px;}.ph-section{padding:12px;min-height:95px;}.ph-specimen{font-size:1.24rem;}.ph-card-foot{font-size:.91rem;margin-top:.5rem;}.ph-prosody{gap:.55rem;padding:.75rem;}
  .ph-sectionhead{display:block;}.ph-jump{margin-top:1rem;max-width:17rem;}.ph-detail{gap:1rem 1.4rem;}.ph-clip{gap:.55rem;padding:.4rem .55rem;}
  .ph-library{min-height:155px;}.ph-library>div{width:75%;}.ph-library img{width:24%;}
}