Portal Psychology styles.css

/* Psychology Portal — TemplateStyles (no variables, no grid) */ /* Clean Wikipedia-like look, wide compatibility */

/* Base */ .ps-portal * { box-sizing: border-box; }

.ps-portal {

 color: #202122;
 line-height: 1.6;
 font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;

}

.ps-wrap {

 max-width: 1200px;
 margin: 0 auto;
 padding: 8px 12px 16px;

}

/* Two-column layout (falls back to one column on small screens) */ .ps-grid {

 display: flex;
 flex-wrap: wrap;
 gap: 12px;

} .ps-grid > div {

 flex: 1 1 480px;
 min-width: 320px;

} @media (max-width: 900px) {

 .ps-grid > div { min-width: 100%; }

}

/* Box chrome (used by /box-header + Box-footer sections) */ .ps-box {

 border: 1px solid #a2a9b1;
 background: #fff;
 border-radius: 2px;
 margin: 0 0 12px 0;

} .ps-hdr {

 background: #eaecf0;
 border-bottom: 1px solid #a2a9b1;
 padding: 8px 10px;
 font-weight: 600;

} .ps-body { padding: 10px 12px; } .ps-foot {

 border-top: 1px solid #a2a9b1;
 padding: 8px 10px;
 color: #54595d;
 font-size: 90%;

} .ps-subtle { color: #54595d; font-size: 90%; }

/* Chip-style nav links under the lead */ .ps-chipnav {

 margin-top: 6px;
 display: flex;
 flex-wrap: wrap;
 gap: 6px;

} .ps-chipnav a {

 display: inline-block;
 padding: 2px 8px;
 border: 1px solid #a2a9b1;
 border-radius: 12px;
 background: #f8f9fa;
 text-decoration: none;
 font-size: 90%;

} .ps-chipnav a:hover { background: #fff; }

/* Optional: center image captions inside selected image box */ .ps-body .thumbcaption, .ps-body .sb-cap {

 color: #54595d;
 font-size: 90%;
 text-align: center;

}