/* Real-Life Prompt Shelf: scoped styles. Reuses /style.css variables and classes. */
.prompts-page{font-size:18px}
.prompts-page main{font-size:1em;line-height:1.55}
.ps-more-wrap{text-align:center;margin-top:1.4rem}
.prompts-page [hidden]{display:none !important}
.ps-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--cyan);color:#000;padding:.6rem 1rem;font-weight:700}
.ps-skip:focus{left:1rem;top:1rem}
.prompts-page a:focus-visible,.prompts-page button:focus-visible,.prompts-page select:focus-visible,.prompts-page textarea:focus-visible,.prompts-page input:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.prompts-page .nav nav a[aria-current="page"]{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}

.ps-hero{padding:2.5rem 1.2rem 1rem;max-width:1150px;margin:0 auto}
.ps-hero h1{font-size:clamp(2.1rem,8vw,3.8rem);color:#fff;text-shadow:0 0 18px rgba(30,107,255,.7)}
.ps-lede{font-size:1.15em;color:var(--ink);max-width:44rem}
.ps-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 .5rem}
.ps-tabs a{font-family:VT323;font-size:1.45rem;color:var(--ink);text-decoration:none;border:2px solid var(--blue);padding:.4rem .95rem;border-radius:6px;background:var(--navy)}
.ps-tabs a:hover{background:var(--blue);color:#fff}
.prompts-page .ps-section{padding-top:2rem;padding-bottom:2.5rem}

mark.ps-blank{background:rgba(255,176,32,.18);color:#ffd27a;border-bottom:2px dotted #ffb020;padding:0 .1em;border-radius:2px}

.ps-win{max-width:880px;margin:0 auto;border:2px solid var(--cyan);border-radius:6px;background:#060c1c;box-shadow:8px 8px 0 var(--blue)}
.ps-potd-date{color:var(--cyan);font-size:1em;margin:0}
.ps-visually-h2{font-size:clamp(1.4rem,4vw,2rem);margin-bottom:.6rem}
.ps-featured{border-color:var(--cyan) !important;background:#000 !important}

.ps-controls{display:grid;gap:1rem;margin:1rem 0}
.ps-controls label{display:grid;gap:.35rem;font-family:"Archivo Black",sans-serif;font-size:1em}
.ps-controls input,.ps-controls select{font:inherit;font-family:"Space Mono",monospace;font-size:1.05em;background:#000;color:#fff;border:2px solid var(--blue);border-radius:6px;padding:.7rem .8rem;min-height:48px}
.ps-cats{border:0;padding:0;margin:0}
.ps-cats legend{font-family:"Archivo Black",sans-serif;font-size:1em;margin-bottom:.4rem;padding:0}
.ps-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.ps-chip{font:inherit;font-size:1em;min-height:44px;padding:.45rem .85rem;border-radius:999px;border:2px solid var(--blue);background:var(--navy);color:var(--ink);cursor:pointer}
.ps-chip[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--cyan)}
.ps-chip:hover{border-color:var(--cyan)}
#ps-count{color:var(--cyan);margin:.4rem 0 1rem}

.ps-grid{display:grid;gap:1.2rem}
.ps-card{border:2px solid var(--blue);border-radius:8px;background:rgba(11,26,58,.55);padding:1.1rem;display:grid;gap:.6rem;scroll-margin-top:5rem;transition:box-shadow .3s}
.ps-card h3{font-size:1.25em;line-height:1.2;color:#fff}
.ps-flash{box-shadow:0 0 0 4px var(--cyan)}
.ps-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0;font-size:.92em}
.ps-cat{font-family:VT323;font-size:1.2em;text-transform:uppercase;letter-spacing:.04em;color:var(--cyan)}
.ps-tool{color:var(--ink);border:1px solid var(--dim);border-radius:999px;padding:.15rem .7rem;text-decoration:none}
.ps-tool:hover{border-color:var(--cyan);color:#fff}
.ps-when{margin:0;color:var(--ink)}
.ps-prompt{background:#000;border:1px dashed var(--cyan);border-radius:6px;padding:.85rem;font-family:"Space Mono",monospace;font-size:1em;line-height:1.55;color:#cfefff;white-space:pre-wrap;overflow-wrap:anywhere}
.ps-safety{margin:0;background:rgba(225,29,42,.1);border-left:4px solid var(--red);padding:.55rem .8rem;border-radius:0 6px 6px 0;font-size:.95em}
.ps-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.prompts-page .btn{font-size:1em;min-height:48px}
.ps-status{min-height:1.2em;margin:0;color:#6ff0a6;font-size:.95em}
.ps-builder{border-top:2px dashed var(--blue);padding-top:.9rem;display:grid;gap:.75rem}
.ps-builder label{display:grid;gap:.3rem;font-family:"Archivo Black",sans-serif;font-weight:400;font-size:1em}
.ps-builder input,.ps-builder textarea{font:inherit;font-size:1.05em;background:#000;color:#fff;border:2px solid var(--blue);border-radius:6px;padding:.65rem .75rem;min-height:48px;width:100%}
.ps-builder textarea{resize:vertical}
.ps-preview-label{margin:.2rem 0 0;font-family:"Archivo Black",sans-serif}
.ps-preview{border-style:solid;border-color:#2fd27a}
.ps-hint{color:var(--dim);font-size:.95em;margin:0}
.ps-empty{border:2px dashed var(--dim);padding:1.2rem;border-radius:8px}

.ps-callout{border:2px solid var(--cyan);border-radius:6px;padding:.6rem 1rem;margin:0 0 1rem;background:rgba(56,200,255,.08)}
.ps-callout a,.ps-rules a,.ps-link-card a:not(.btn){color:var(--cyan)}
.ps-rules{border:2px solid var(--blue);border-radius:8px;padding:1.2rem 1.4rem;background:rgba(11,26,58,.55)}
.ps-rules h2{font-size:clamp(1.4rem,4vw,2rem)}
.ps-rules li{margin:.5rem 0}
.ps-links{display:grid;gap:1.2rem}
.ps-link-card{border:2px solid var(--cyan);border-radius:8px;padding:1.2rem;background:#060c1c;box-shadow:6px 6px 0 var(--blue)}
.ps-link-card h2{font-size:1.4em}
.ps-sponsor{border:2px dashed var(--dim);border-radius:10px;padding:1.2rem;color:var(--dim);text-align:center;font-family:VT323;font-size:1.3rem;background:rgba(11,26,58,.4);margin-top:1.5rem}
.ps-sponsor strong{display:block;color:var(--ink);font-family:"Archivo Black";font-size:18px;margin-bottom:.3rem}
.ps-legal{font-size:.9em}

@media(min-width:760px){.ps-controls{grid-template-columns:2fr 1fr}.ps-cats{grid-column:1/-1;grid-row:2}.ps-links{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.ps-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.prompts-page .winbody{padding:.8rem}.ps-featured{padding:.8rem}.ps-actions .btn{flex:1 1 100%}.prompts-page .nav nav a{font-size:1.2rem;margin-right:.7rem}}
@media(prefers-reduced-motion:reduce){.prompts-page *{scroll-behavior:auto !important;transition:none !important;animation:none !important}}
.ps-card h2.ps-h3{font-size:1.25rem;line-height:1.2;color:#fff;display:block;margin:.2em 0}