.ad-owner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;font-size:14px}.ad-owner-name{font-weight:700;color:#23466f}.ad-rating{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.ad-stars{position:relative;display:inline-block;font-size:17px;line-height:1;letter-spacing:1px}.ad-stars-base{color:#358bd1}.ad-stars-fill{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#eaa410}.ad-score-number{color:#1957a6;font-size:12px;font-weight:800}.ad-score-number small{font-size:10px;font-weight:600;margin-left:1px;color:#3975b4}.ad-score-help{position:relative;display:inline-block;white-space:normal}.ad-score-help summary{display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid #8dbbf2;border-radius:50%;background:#e8f2ff;color:#2360a8;cursor:pointer;font-size:12px;font-weight:800;list-style:none}.ad-score-help summary::-webkit-details-marker{display:none}.ad-score-help summary:focus-visible{outline:2px solid #266ecb;outline-offset:3px}.ad-score-popover{position:absolute;z-index:20;right:0;top:28px;display:grid;gap:9px;width:min(270px,calc(100vw - 44px));padding:15px;border:1px solid #c8ddf6;border-radius:16px;background:#f5faff;box-shadow:0 9px 28px #204d8823;color:#284367;font-size:12px;line-height:1.55;white-space:normal}.ad-score-popover strong{font-size:13px;color:#194f94}.ad-score-popover a{justify-self:start;color:#1464c4;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.ad-listing-facts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ad-fact{display:inline-flex;align-items:center;gap:8px;border:1px solid #c9dff7;border-radius:13px;padding:8px 11px;background:#edf5ff;color:#174f8f;max-width:100%;min-width:0}.ad-fact>span:first-child{font-size:20px;line-height:1}.ad-fact>span:last-child{min-width:0}.ad-fact small{display:block;font-size:10px;font-weight:650;line-height:1.3;color:inherit;opacity:.85}.ad-fact strong{display:block;font-size:13px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}.ad-fact-context{background:#effbea;border-color:#c9e7bb;color:#326323}.ad-fact-device{background:#f2edff;border-color:#dbcef6;color:#63449e}.ad-fact-duration{background:#fff6df;border-color:#f0d799;color:#8a5812}.ad-fact-visibility{background:#e8faf8;border-color:#b7e4df;color:#216f69}.ad-system-title{color:#17385e;font-size:21px;line-height:1.25;font-weight:780;letter-spacing:-.025em}.ad-user-title{font-size:13px;line-height:1.45;color:#5c7091;margin:7px 0}.ad-card-grid{display:grid;grid-template-columns:minmax(155px,.7fr) minmax(0,1.4fr);gap:24px;align-items:center}.ad-card-image{display:grid;place-items:center;min-height:230px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#eef6ff,#f2ecff);overflow:hidden}.ad-card-image .ad-device-preview{width:min(110px,100%)}
@media(max-width:600px){.ad-card-grid{grid-template-columns:minmax(95px,.45fr) minmax(0,1fr);gap:14px}.ad-card-image{min-height:180px;padding:10px}.ad-system-title{font-size:18px}.ad-fact{padding:7px 9px}.ad-fact strong{font-size:12px}.ad-fact>span:first-child{font-size:17px}.ad-owner{gap:7px;font-size:12px}.ad-score-popover{position:fixed;inset:auto 16px 88px auto;width:min(300px,calc(100vw - 32px))}}

.ad-rating{padding:8px 10px;border:1px solid #a7cfff;border-radius:12px;background:linear-gradient(120deg,#e8f3ff,#f1edff);flex-wrap:wrap;white-space:normal;max-width:100%}.ad-rating-label{font-size:10px;font-weight:750;color:#245898;flex-basis:100%}.ad-score-number{font-size:15px}.ad-stars-fill{color:#cf8300}.ad-rating .ad-stars{flex:none}
/* A coherent information panel, with restrained coloured accents. */
.ad-listing-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #dce6f3;border-radius:15px;overflow:hidden;background:linear-gradient(120deg,#f8fbff,#f5f8fd)}
.ad-fact{display:flex;border:0;border-radius:0;padding:11px 13px;background:transparent;color:#304e71;border-bottom:1px solid #e1eaf5;min-width:0}.ad-fact:nth-last-child(-n+2){border-bottom:0}.ad-fact>span:first-child{width:25px;text-align:center;font-size:18px;color:#3d80ce}.ad-fact-context>span:first-child{color:#36a281}.ad-fact-device>span:first-child{color:#8371ce}.ad-fact-duration>span:first-child{color:#cd9c3e}.ad-fact small{color:#6482a4;font-size:10px;letter-spacing:.01em}.ad-fact strong{font-size:13px;color:#2a4769;font-weight:700;line-height:1.45}.ad-fact-visibility{display:none}.ad-rating{background:#f0f6ff;border-color:#c3dcfa;box-shadow:inset 3px 0 0 #4f8de0}.ad-card-image{background:linear-gradient(145deg,#eef5ff,#f0f0fa)}
@media(max-width:500px){.ad-listing-facts{grid-template-columns:1fr}.ad-fact{padding:9px 11px}.ad-fact:nth-last-child(2){border-bottom:1px solid #e1eaf5}.ad-fact strong{font-size:12px}}
.ad-reputation-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 8px}.ad-reputation-item{display:inline-flex;align-items:center;white-space:nowrap;gap:2px}.ad-reputation-item .ad-feedback-score{margin-left:0}.ad-rating .ad-score-help{display:inline-flex;align-items:center;margin:0;flex:none}.ad-rating .ad-score-help summary{box-sizing:border-box;display:grid;place-items:center;width:32px;height:32px;flex:none;line-height:1;padding:0;list-style:none}
@media(max-width:760px){.ad-rating .ad-score-popover{position:fixed;inset:auto 16px max(24px,env(safe-area-inset-bottom)) 16px;width:auto;min-width:0;max-width:none;box-sizing:border-box;z-index:100;max-height:50dvh;overflow:auto}}
.ad-rating .ad-score-help summary{display:flex!important;align-items:center;justify-content:center;text-align:center;text-indent:0}.ad-rating .ad-score-help summary::marker{content:""}

.ad-youth-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#e9edff;color:#4245a6;border:1px solid #d0d8ff;font-size:12px;font-weight:750;line-height:1.3;white-space:nowrap;text-decoration:none}.ad-youth-badge[href]:hover{background:#dde4ff}.ad-youth-badge:focus-visible{outline:3px solid #3478de;outline-offset:3px}.ad-youth-notice{margin:18px 0;padding:18px 20px;border:1px solid #dce2fc;background:#f6f8ff;border-radius:16px;color:#2f4262}.ad-youth-notice>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ad-youth-notice h2{font-size:17px;line-height:1.4;margin:0;letter-spacing:normal}.ad-youth-notice p{font-size:14px;line-height:1.75;margin:12px 0 0;overflow-wrap:anywhere}.public-profile-heading .ad-youth-badge{margin-top:4px}@media(max-width:600px){.ad-youth-notice{padding:15px;margin:14px 0}.ad-youth-notice p{font-size:13px}.ad-youth-badge{font-size:11px}.ad-reputation-row{max-width:100%}}
