/*
Theme Name: CCC Graham
Description: Complete Rate My Graham WordPress theme with database-backed shared ratings and comments.
Version: 1.0
Author: Rate My Graham
*/
:root{--ink:#171717;--paper:#fffdf8}
*{box-sizing:border-box}body{margin:0;background:#f3efe7;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.wrap{max-width:980px;margin:auto;padding:18px}.sitebar{display:flex;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.hero{background:var(--paper);border:3px solid #171717;border-radius:24px;overflow:hidden;box-shadow:10px 10px #171717;position:relative}
.title-wrap{position:absolute;z-index:5;left:0;right:0;top:0;height:285px;pointer-events:none}.title-arc{width:100%;height:100%;overflow:visible}
.arc-shadow,.arc-text{font-family:Impact,Arial Black,sans-serif;font-size:76px;font-weight:900;letter-spacing:1px}.arc-shadow{fill:#171717;stroke:#171717;stroke-width:13px}.arc-text{fill:url(#rainbow);stroke:#fff;stroke-width:4px;paint-order:stroke}
.photo{padding:0 24px 24px}.photo img{width:100%;display:block;border:3px solid #171717;border-radius:18px;max-height:600px;object-fit:cover}
.intro{padding:25px 26px 8px;font-size:18px;line-height:1.45}.intro h1{font-size:25px;margin:0 0 6px}
.notice{margin:14px 26px 26px;padding:14px;border:2px dashed #171717;background:#fff6ae;font-weight:700;font-size:13px}
.ratings{padding:0 24px}.rmg-card{background:#fff;border:2px solid #171717;border-radius:18px;padding:20px;margin:18px 0;box-shadow:5px 5px #d6d0c4}
.rmg-head{display:flex;justify-content:space-between;gap:15px}.rmg-head small{font-size:10px;letter-spacing:.12em;font-weight:900;color:#777}.rmg-head h2{margin:5px 0;font-size:22px}
.rmg-score{background:#171717;color:white;border-radius:12px;padding:10px 14px;font-size:26px;font-weight:900;white-space:nowrap}.rmg-score small{color:#aaa}
.rmg-count{font-size:12px;color:#777;font-weight:700;margin:7px 0}.rmg-slider{display:flex;align-items:center;gap:9px;font-weight:900}.rmg-slider input{flex:1;accent-color:#ff2855}
.rmg-card textarea{width:100%;min-height:95px;margin:14px 0 10px;border:2px solid #aaa;border-radius:11px;padding:10px;font:inherit}
.rmg-submit{border:2px solid #171717;border-radius:999px;background:#171717;color:#fff;padding:10px 17px;font-weight:900;cursor:pointer}.rmg-msg{font-size:12px;margin-left:10px;font-weight:700}
.rmg-comments{margin-top:14px;display:grid;gap:7px}.rmg-comment{background:#f2eee6;border-radius:10px;padding:9px 11px;font-size:13px}.rmg-comment strong{margin-right:8px}
.actions{text-align:center;padding:20px}.actions button{border:2px solid #171717;border-radius:999px;padding:10px 16px;background:#171717;color:white;font-weight:900;margin:4px}
footer{text-align:center;color:#777;font-size:12px;padding:25px}
@media(max-width:600px){.wrap{padding:10px}.title-wrap{top:0;margin:30px 24px 10px;padding:25px;border:3px solid #171717;border-radius:20px;background:#fff;box-shadow:7px 7px #171717}
.rmg-overall-label{font-size:12px;letter-spacing:.16em;font-weight:900}
.rmg-overall-score{font-size:64px;line-height:1;font-weight:900;margin:8px 0}
.rmg-overall-score small{font-size:22px;color:#777}
.rmg-overall-sub{font-size:12px;color:#777;font-weight:700}
@media(max-width:600px){.rmg-overall{margin-left:12px;margin-right:12px}.rmg-overall-score{font-size:52px}}