:root{--ink: #131921;--ink-2: #232f3e;--ink-hover: #37475a;--bg: #eaeded;--surface: #ffffff;--border: #d5d9d9;--border-soft: #e7e7e7;--text: #0f1111;--muted: #565959;--link: #007185;--link-hover: #c7511f;--price: #0f1111;--deal: #cc0c39;--star: #de7921;--btn-yellow-1: #f7dfa5;--btn-yellow-2: #f0c14b;--btn-yellow-border: #a88734;--btn-orange-1: #f7ca00;--btn-orange-2: #ffa41c;--radius: 8px;--radius-pill: 100px;--maxw: 1180px;--font: "Amazon Ember", "Segoe UI", Arial, -apple-system, Roboto, Helvetica, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.site-header{position:sticky;top:0;z-index:50}.header-main{background:var(--ink);color:#fff;display:flex;align-items:center;gap:12px;padding:6px 14px}.header-main .logo{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:#fff;padding:6px 8px;border:1px solid transparent;border-radius:3px;white-space:nowrap}.header-main .logo:hover{border-color:#fff;text-decoration:none}.header-main .logo b{color:var(--btn-orange-2)}.search{display:flex;flex:1;max-width:720px;height:40px;border-radius:var(--radius);overflow:hidden}.search:focus-within{box-shadow:0 0 0 3px var(--btn-orange-2)}.search input{flex:1;border:none;padding:0 12px;font:inherit;font-size:.95rem;color:#0f1111}.search input:focus{outline:none}.search button{border:none;cursor:pointer;width:45px;background:linear-gradient(180deg,var(--btn-orange-1),var(--btn-orange-2));color:#131921;font-size:1.1rem;font-weight:700}.search button:hover{filter:brightness(.96)}.header-main .h-link{color:#fff;padding:8px 10px;border:1px solid transparent;border-radius:3px;font-size:.9rem;white-space:nowrap;font-weight:600}.header-main .h-link:hover{border-color:#fff;text-decoration:none}.header-main .h-link small{display:block;color:#ccc;font-weight:400;font-size:.72rem}.header-sub{background:var(--ink-2);color:#fff;display:flex;align-items:center;gap:4px;padding:4px 10px;overflow-x:auto}.header-sub a{color:#fff;padding:7px 10px;border:1px solid transparent;border-radius:3px;font-size:.9rem;white-space:nowrap;font-weight:500}.header-sub a:hover{border-color:#fff;text-decoration:none}.header-sub a.strong{font-weight:700}.hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin:16px 0}.hero h1{font-size:1.7rem;margin:0 0 6px;color:var(--text)}.hero p{color:var(--muted);margin:0;font-size:1rem}.section{margin:18px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.section-head h2{font-size:1.3rem;margin:0}.section-head a{font-weight:700;font-size:.9rem}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card:hover{box-shadow:0 2px 10px #0f11111f}.card .thumb{aspect-ratio:1 / 1;background:#fff;position:relative;padding:12px}.card .thumb img{width:100%;height:100%;object-fit:contain}.badge{position:absolute;top:8px;left:8px;z-index:2;background:var(--deal);color:#fff;font-weight:700;padding:3px 8px;border-radius:4px;font-size:.8rem}.card .body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}.card .cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.card h3{font-size:.95rem;margin:0;line-height:1.35;font-weight:400}.card h3 a{color:var(--text)}.card h3 a:hover{color:var(--link-hover)}.card .price{font-weight:700;font-size:1.25rem;color:var(--price)}.card .price .cur{font-size:.8rem;vertical-align:.35em;margin-right:1px}.card .price small{color:var(--muted);font-weight:400;font-size:.72rem;display:block}.card .spacer{flex:1}.btn{display:inline-block;text-align:center;cursor:pointer;text-decoration:none;background:linear-gradient(180deg,var(--btn-yellow-1),var(--btn-yellow-2));border:1px solid var(--btn-yellow-border);color:#0f1111;font-weight:500;padding:9px 14px;border-radius:var(--radius-pill);font-size:.9rem;width:100%}.btn:hover{background:linear-gradient(180deg,#f5d78e,#eeb933);text-decoration:none;color:#0f1111}.btn.orange{background:linear-gradient(180deg,var(--btn-orange-1),var(--btn-orange-2));border-color:#a88734}.btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius)}.btn.secondary:hover{background:#f7fafa}.btn.danger{background:var(--deal);border-color:#a00;color:#fff}.btn.small{width:auto;padding:6px 14px;font-size:.85rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.score-table{width:100%;border-collapse:collapse}.score-table th,.score-table td{padding:10px 12px;border-bottom:1px solid var(--border-soft);text-align:left}.score-table th{color:var(--muted);font-weight:700;font-size:.85rem}.score-pill{display:inline-block;min-width:40px;text-align:center;padding:3px 8px;border-radius:6px;font-weight:700;color:#fff}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.proscons .box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px}.proscons ul{margin:8px 0 0;padding-left:20px}.proscons .pros h4{color:#067d62;margin:0}.proscons .cons h4{color:var(--deal);margin:0}.prose{max-width:780px}.prose h2{margin-top:28px;font-size:1.25rem}.prose p{color:var(--text)}.stars{color:var(--star);letter-spacing:1px}.site-footer{margin-top:36px}.footer-top{background:var(--ink-2);color:#ddd;text-align:center;padding:16px;font-size:.85rem}.footer-top a{color:#fff}.footer-bottom{background:var(--ink);color:#ccc;padding:22px 16px;font-size:.82rem}.footer-bottom .bar{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;max-width:var(--maxw);margin:0 auto}.footer-bottom a{color:#ddd}.disclosure{background:#fef8f2;border:1px solid #f0d8c0;border-radius:var(--radius);padding:10px 14px;font-size:.82rem;color:#6b4f38;margin:16px 0}.admin-layout{display:flex;min-height:100vh;background:var(--bg)}.admin-side{width:220px;background:var(--ink-2);color:#fff;padding:18px}.admin-side .logo{font-size:1.15rem;font-weight:800;margin-bottom:18px;display:block;color:#fff}.admin-side .logo b{color:var(--btn-orange-2)}.admin-side nav{display:flex;flex-direction:column;gap:3px}.admin-side nav a{padding:8px 12px;border-radius:6px;color:#cdd3d8;font-weight:500}.admin-side nav a:hover,.admin-side nav a.active{background:var(--ink-hover);color:#fff;text-decoration:none}.admin-main{flex:1;padding:26px 32px;max-width:920px}.admin-main h1{margin-top:0}.admin-main .card-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px}.form-grid{display:grid;gap:16px;max-width:660px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700;font-size:.9rem}.field input,.field textarea,.field select{background:#fff;border:1px solid #888c8c;color:var(--text);padding:9px 12px;border-radius:var(--radius);font:inherit;font-size:.95rem}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--btn-orange-2);box-shadow:0 0 0 3px #ffa41c66}.field textarea{min-height:120px;resize:vertical}.field .hint{color:var(--muted);font-size:.8rem}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}table.list{width:100%;border-collapse:collapse;background:var(--surface)}table.list th,table.list td{padding:10px 12px;border-bottom:1px solid var(--border-soft);text-align:left;font-size:.92rem}table.list th{color:var(--muted);background:#f7f8f8}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.tag.published{background:#e6f4ea;color:#067d62}.tag.draft{background:#eee;color:var(--muted)}.flash{padding:12px 16px;border-radius:var(--radius);margin-bottom:18px;font-weight:600}.flash.ok{background:#e6f4ea;color:#067d62;border:1px solid #067d62}.flash.err{background:#fdedeb;color:var(--deal);border:1px solid var(--deal)}@media(max-width:700px){.admin-layout{flex-direction:column}.admin-side{width:auto}.proscons{grid-template-columns:1fr}.header-main .h-link.hide-sm{display:none}}
