/* DAOQUAN_R111 design tokens: one semantic system extending the current Đạo Quán palette. */
:root{--prayer-bg:var(--night);--prayer-bg-deep:var(--night2);--prayer-surface:var(--paper);--prayer-text:var(--ink);--prayer-text-muted:var(--muted);--prayer-accent:var(--gold);--prayer-accent-soft:var(--gold-light);--prayer-font-display:"DQ Serif",Georgia,serif;--prayer-font-ui:"DQ Sans",Arial,sans-serif;--prayer-space-1:4px;--prayer-space-2:8px;--prayer-space-3:12px;--prayer-space-4:16px;--prayer-space-5:24px;--prayer-radius-sm:10px;--prayer-radius-card:16px;--prayer-radius-pill:999px;--prayer-shadow-card:0 8px 22px #0008}
.prayer-feature-tile{background-image:linear-gradient(0deg,#00101ef5 0%,transparent 58%),url("/images/daoquan-van-khan-r111.png");background-position:center 49%;background-size:cover}.prayer-feature-tile b{color:#fff6df;text-shadow:0 2px 5px #000}.prayer-home-row{margin-top:8px;margin-bottom:11px}

.prayer-content{padding-top:0}.prayer-cover{position:relative;overflow:hidden;height:177px;border:1px solid #ce9d5c;border-radius:var(--prayer-radius-card);box-shadow:var(--prayer-shadow-card);background:#071b2a}.prayer-cover img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.prayer-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#001827dd,transparent 87%)}.prayer-cover span{position:absolute;z-index:1;left:18px;bottom:18px;display:grid;color:#ffe8ad;text-shadow:0 2px 6px #000}.prayer-cover small{font:700 9px/1.4 var(--prayer-font-ui);letter-spacing:.07em}.prayer-cover b{font:700 28px/1.2 var(--prayer-font-display)}.prayer-heading{text-align:center;margin:16px 0 13px}.prayer-heading span{display:inline-block;max-width:100%;padding:9px 17px;border:1px solid #e9c489;border-radius:var(--prayer-radius-pill);background:linear-gradient(#fff8e9,#f3dfb9);color:#193047;font:700 clamp(10px,3.2vw,13px)/1.2 var(--prayer-font-ui);letter-spacing:.025em;box-shadow:0 4px 12px #0007}.prayer-categories{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}.prayer-chip{flex:none;min-height:35px;padding:7px 13px;border:1px solid #bc8a4c;border-radius:var(--prayer-radius-pill);background:#0b2c43;color:#f7deb0;font:700 11px/1.2 var(--prayer-font-ui);white-space:nowrap}.prayer-chip.active{background:linear-gradient(#fff5d5,#eec784);border-color:#ffe8b9;color:#173049;box-shadow:0 2px 9px #ddaa6670}.prayer-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:8px 2px 11px}.prayer-list-heading h2{font:700 18px/1.25 var(--prayer-font-display);color:#fff0ce}.prayer-list-heading small{font:400 10px var(--prayer-font-ui);color:#e1c89a}.prayer-list{display:grid;gap:9px}.prayer-row{display:grid;grid-template-columns:84px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;min-height:94px;padding:7px;border:1px solid #d7aa6c;border-radius:var(--prayer-radius-card);background:linear-gradient(135deg,#fffdf6,#f6e8cc);color:#10243a;text-align:left;box-shadow:inset 0 0 0 2px #fff8e6,0 4px 12px #0006}.prayer-row img{width:84px;height:78px;border-radius:var(--prayer-radius-sm);object-fit:cover;object-position:center 48%;background:#123148}.prayer-row-copy{display:grid;gap:2px;min-width:0}.prayer-row-copy small{color:#996125;font:700 9px/1.2 var(--prayer-font-ui)}.prayer-row-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 13px/1.28 var(--prayer-font-display)}.prayer-row-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#5b6570;font:400 10px/1.35 var(--prayer-font-ui)}.prayer-row-copy em{color:#73808d;font:400 9px/1.2 var(--prayer-font-ui);font-style:normal}.prayer-row>svg{color:#ad7738}.prayer-empty{padding:22px 14px;border:1px dashed #aa824e;border-radius:var(--prayer-radius-card);color:#f6deac;text-align:center;font:12px/1.5 var(--prayer-font-ui)}.prayer-empty button{margin-top:11px;padding:8px 16px;border:1px solid #ecc986;border-radius:var(--prayer-radius-pill);background:#183b53;color:#ffe6b5}.prayer-detail{overflow:hidden;border:1px solid #dcaf70;border-radius:var(--prayer-radius-card);background:var(--prayer-surface);color:var(--prayer-text);box-shadow:var(--prayer-shadow-card)}.prayer-detail-image{display:block;width:100%;height:210px;object-fit:cover}.prayer-detail-body{padding:18px}.prayer-detail-body>small{color:#a56f30;font:700 10px var(--prayer-font-ui)}.prayer-detail-body h1{margin:8px 0;color:#17334b;font:700 24px/1.25 var(--prayer-font-display)}.prayer-byline{padding-bottom:13px;border-bottom:1px solid #d7bea0;color:#7c6a5a;font:11px var(--prayer-font-ui)}.prayer-detail video{display:block;width:100%;margin:15px 0;border-radius:var(--prayer-radius-sm);background:#061827}.prayer-prose{margin-top:17px;overflow-wrap:anywhere;font:15px/1.8 var(--prayer-font-display);white-space:normal}.prayer-prose p+p{margin-top:15px}@media(max-width:360px){.prayer-row{grid-template-columns:70px minmax(0,1fr) 13px;gap:7px}.prayer-row img{width:70px;height:72px}}
/* DAOQUAN_R112: components share R111 color, font and spacing tokens. */
.r112-home-row{margin-top:8px;margin-bottom:11px}.plate-feature-tile{background-image:linear-gradient(0deg,#00101ef5 0%,transparent 62%),url('/images/daoquan-boi-bien-so-r112.png');background-position:center 42%;background-size:cover}.plate-feature-tile b{color:#fff6df;text-shadow:0 2px 5px #000}.r112-home-row .feature-tile{min-width:0}.r112-content{padding-top:0}.r112-cover{overflow:hidden;height:177px;border:1px solid #ce9d5c;border-radius:var(--prayer-radius-card);box-shadow:var(--prayer-shadow-card);background:var(--prayer-bg)}.r112-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 41%}.r112-heading{text-align:center;margin:16px 0 13px}.r112-heading span{display:inline-block;max-width:100%;padding:9px 14px;border:1px solid #e9c489;border-radius:var(--prayer-radius-pill);background:linear-gradient(#fff8e9,#f3dfb9);color:#193047;font:700 clamp(9px,2.8vw,13px)/1.25 var(--prayer-font-ui);letter-spacing:.01em;box-shadow:0 4px 12px #0007}.r112-intro{margin:0 2px 14px;color:#eed9b0;font:13px/1.65 var(--prayer-font-ui)}.r112-form,.r112-result,.r112-empty{padding:16px;border:1px solid #d4a969;border-radius:var(--prayer-radius-card);background:linear-gradient(140deg,#fffdf6,#f4e5c8);box-shadow:var(--prayer-shadow-card);color:var(--prayer-text)}.r112-form{display:grid;gap:13px}.r112-form label{display:grid;gap:6px;font:700 12px/1.3 var(--prayer-font-ui);min-width:0}.r112-form input,.r112-form select{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #bd9462;border-radius:var(--prayer-radius-sm);background:#fffefb;color:#173047;font:600 14px/1.2 var(--prayer-font-ui)}.r112-form input:focus-visible,.r112-form select:focus-visible,.r112-primary:focus-visible{outline:2px solid #bd8a45;outline-offset:2px}.r112-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.r112-primary{min-height:48px;border:1px solid #d4a45b;border-radius:var(--prayer-radius-sm);background:linear-gradient(#1e465d,#09283d);color:#ffe3a7;font:700 14px var(--prayer-font-ui);box-shadow:0 4px 12px #0b243455}.r112-primary:disabled{opacity:.6}.r112-empty{display:grid;gap:10px}.r112-error{padding:10px 12px;border:1px solid #b86652;border-radius:var(--prayer-radius-sm);background:#4c231c;color:#ffe6d8}.r112-result{margin-top:14px}.r112-result>small{font:700 10px var(--prayer-font-ui);letter-spacing:.08em;color:#8e5d2e}.r112-result h2{margin:6px 0 14px;font:700 25px var(--prayer-font-display)}.r112-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.r112-metrics span{display:grid;gap:3px;padding:10px;border-radius:var(--prayer-radius-sm);background:#e9d8b6;font:11px var(--prayer-font-ui)}.r112-metrics b{font:700 18px var(--prayer-font-display)}.r112-answer{margin-top:15px;border-top:1px solid #cba973;padding-top:8px;overflow-wrap:anywhere;font:14px/1.7 var(--prayer-font-display)}.r112-answer p{margin:10px 0}.r112-plate-page .gold-cta{max-width:280px}@media(max-width:340px){.r112-form-row{grid-template-columns:1fr}.r112-heading span{font-size:9px}}
/* R113: the plate form owns these controls; birth and chart pickers keep their styles. */
.r112-plate-page .r112-picker-control{display:block;min-width:0}
.r112-plate-page .r112-picker-control input[type=hidden]{display:none}
.r112-plate-page .r112-picker-trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;min-height:44px;padding:9px 11px;border:1px solid #bd9462;border-radius:10px;background:#fffefb;color:#173047;text-align:left;font:700 14px/1.25 var(--prayer-font-ui);cursor:pointer}
.r112-plate-page .r112-picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r112-plate-page .r112-picker-trigger svg{flex:none;transform:rotate(90deg);color:#916329}
.r112-plate-page .r112-picker-trigger:hover{border-color:#a86b27;box-shadow:0 3px 10px #a86b2730}
.r112-plate-page .r112-picker-trigger:focus-visible{outline:2px solid #bd8a45;outline-offset:2px}
.r112-plate-dialog .number-wheel-columns{grid-template-columns:minmax(0,1fr)}
.r112-plate-dialog .number-wheel-track{scroll-padding-block:88px}
.r112-plate-dialog .number-picker-actions [data-plate-confirm]{background:linear-gradient(#ffe7aa,#dfab56)}
.r112-plate-date-dialog .number-picker-actions button{flex:1;min-width:0;padding-inline:6px;white-space:nowrap}
.r112-plate-date-dialog .number-picker-actions [data-plate-date-confirm]{background:linear-gradient(#ffe7aa,#dfab56)}
.r112-plate-date-dialog .r112-plate-date-error{margin:5px 0 0;color:#a53424;font:700 11px/1.3 var(--prayer-font-ui)}
.r112-plate-date-dialog .r112-plate-date-error:empty{display:none}
/* R115: readable chapters in a long plate reading. */
.r112-plate-page .r112-result>small{display:inline-block;padding:6px 10px;border:1px solid #d1aa72;border-radius:999px;background:#fff2d8;color:#7d4e20;font:800 10px/1.25 var(--prayer-font-ui);letter-spacing:.045em}
.r112-plate-page .r112-answer{display:grid;gap:10px;line-height:1.75}
.r112-plate-page .r112-answer h3{margin:13px 0 0;padding:8px 11px;border-left:3px solid #b9803e;border-radius:0 9px 9px 0;background:#f3e1bc;color:#173047;font:700 17px/1.35 var(--prayer-font-display)}
.r112-plate-page .r112-answer h3:first-child{margin-top:0}
.r112-plate-page .r112-answer p{margin:0;white-space:normal}
.r112-plate-page .r112-answer ul{margin:0;padding-left:23px}
.r112-plate-page .r112-answer li{padding:2px 0 4px}
.r112-plate-page .r112-answer strong{color:#88551c;font-weight:800}

/* R117: personal plate reading score, always separate from the plate title. */
.r112-plate-page .r117-score{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 14px;padding:10px 13px;border:1px solid #cba064;border-radius:11px;background:#fff2d9;color:#173047;font:700 13px/1.4 var(--prayer-font-ui)}
.r112-plate-page .r117-score strong{white-space:nowrap;color:#8d5620;font:800 20px/1.2 var(--prayer-font-display)}
/* R119: mobile design system extending the current Đạo Quán palette. */
:root{--dq-color-bg:var(--night);--dq-color-deep:var(--night2);--dq-color-accent:var(--gold);--dq-color-accent-soft:var(--gold-light);--dq-color-surface:var(--paper);--dq-color-text:var(--ink);--dq-color-muted:var(--muted);--dq-font-display:"DQ Serif",Georgia,serif;--dq-font-body:"DQ Sans",Arial,sans-serif;--dq-radius-control:10px;--dq-radius-card:16px;--dq-radius-pill:999px;--dq-space-1:4px;--dq-space-2:8px;--dq-space-3:12px;--dq-space-4:16px;--dq-space-5:24px;--dq-shadow:0 8px 22px #0008}
.dq-phone-page .dq-card{border-radius:var(--dq-radius-card);box-shadow:var(--dq-shadow)}.dq-phone-page .dq-button{border-radius:var(--dq-radius-control);transition:transform .2s ease,box-shadow .2s ease}.dq-phone-page .dq-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #071d3280}.dq-phone-page .r112-heading span{width:max-content;max-width:100%;border-radius:var(--dq-radius-pill);white-space:nowrap;font:800 clamp(9px,2.65vw,13px)/1.2 var(--dq-font-body);letter-spacing:.015em}
.phone-feature-tile{background-image:linear-gradient(0deg,#00101ef5 0%,transparent 65%),url('/images/daoquan-luan-so-dien-thoai-r119.png');background-position:center;background-size:cover;transition:transform .25s ease,box-shadow .25s ease}.phone-feature-tile b{color:#fff6df;text-shadow:0 2px 5px #000}.phone-feature-tile:hover,.phone-feature-tile:focus-visible{transform:translateY(-3px);box-shadow:0 10px 18px #0009}.dq-phone-cover img{object-position:center 54%}.dq-phone-page .r112-picker-control{display:block;min-width:0}.dq-phone-page .r112-picker-control input[type=hidden]{display:none}.dq-phone-page .r112-picker-trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;min-height:44px;padding:9px 11px;border:1px solid #bd9462;border-radius:var(--dq-radius-control);background:#fffefb;color:#173047;text-align:left;font:700 14px/1.25 var(--dq-font-body);cursor:pointer}.dq-phone-page .r112-picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dq-phone-page .r112-picker-trigger svg{flex:none;transform:rotate(90deg);color:#916329}.dq-phone-page .r112-answer{display:grid;gap:10px}.dq-phone-page .r112-answer h3{margin:12px 0 0;padding:8px 11px;border-left:3px solid #b9803e;border-radius:0 9px 9px 0;background:#f3e1bc;color:#173047;font:700 17px/1.35 var(--dq-font-display)}.dq-phone-page .r112-answer p{margin:0}.dq-phone-page .r112-answer strong{color:#88551c}.dq-phone-page .r117-score{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px;padding:10px;background:#fff2d9;border-radius:10px}.dq-phone-page .r117-score strong{white-space:nowrap}.dq-ai-status{padding:9px 12px;border-radius:10px;background:#e8e2d4;color:#524126;font:12px/1.5 var(--dq-font-body)}@media(prefers-reduced-motion:reduce){.dq-phone-page .dq-button,.phone-feature-tile{transition:none}}

/* DAOQUAN_PLATE_R180 */
.plate-r180 .r112-form textarea{width:100%;max-width:100%;padding:12px;border:1px solid #b99561;border-radius:12px;background:#fffaf0;color:#19324b;line-height:1.5;font:inherit;resize:vertical;box-sizing:border-box}
.plate-r180-hint{font-size:13px;line-height:1.6;opacity:.85}
.plate-r180-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}
.plate-r180-summary>div{border:1px solid #c7a26c;border-radius:12px;padding:12px;background:#fff8e9;color:#1b3349;min-width:0}
.plate-r180-summary small{display:block;margin-bottom:5px;color:#536376}.plate-r180-summary strong{font-size:14px;overflow-wrap:anywhere}
.plate-r180 .r112-answer{overflow-wrap:anywhere}.plate-r180 .r112-answer h3{line-height:1.45;margin-top:26px}
.plate-panel .status{color:#254960}.plate-panel .status.bad{color:#9e342c}
@media(max-width:340px){.plate-r180-summary{grid-template-columns:1fr}.plate-r180 .r112-form-row{grid-template-columns:1fr}}

/* DAOQUAN SIM R181 */
.sim-r181 select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #c5ab73;border-radius:9px;background:#fffaf0;color:#182b31;font:inherit}
.sim-r181-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d7c69b;border-radius:10px}
.sim-r181-comparison table{border-collapse:collapse;min-width:720px;width:100%;font-size:13px}
.sim-r181-comparison td,.sim-r181-comparison th{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #d7c69b}
.sim-r181-comparison small{display:block;margin-top:5px;line-height:1.4;font-weight:normal}
.sim-r181 .r112-answer{overflow-wrap:anywhere;line-height:1.75}
.sim-r181 .r112-answer h3{scroll-margin-top:80px}