.home-page .hp-feature-tile{position:relative;isolation:isolate;overflow:hidden;background:var(--dq-color-tile-bg);transition:transform var(--dq-motion-normal),box-shadow var(--dq-motion-normal)}
.home-page .hp-feature-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.home-page .hp-feature-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#00101ef5,transparent 68%);pointer-events:none}
.home-page .hp-feature-tile b{color:var(--dq-color-on-dark);text-shadow:0 2px 5px #000;white-space:nowrap}
.home-page .hp-feature-tile:hover,.home-page .hp-feature-tile:focus-visible{transform:translateY(-3px);box-shadow:0 10px 20px #0009,0 0 0 1px var(--dq-color-accent)}
/* All selectors scoped to Trận Đồ; shared home/header/navigation are retained. */
.td-page{--td-ink:#62492b;--td-red:#992c22;--td-gold:#b79254;--td-paper:#fcf5e5;color:var(--td-ink);padding-top:16px;padding-bottom:34px;font-size:14px;line-height:1.65;overflow-x:clip}.td-page *{box-sizing:border-box}.td-page h1,.td-page h2,.td-page h3,.td-page p{margin:0 0 12px}.td-page h1{font-size:24px;color:var(--td-red);line-height:1.35}.td-page h2{font-size:20px;color:var(--td-red);line-height:1.4}.td-page h3{font-size:17px;color:var(--td-red);line-height:1.5}.td-page button,.td-page input,.td-page select{font:inherit;color:inherit}.td-page button{cursor:pointer;min-height:42px;padding:9px 13px;background:#fff9eb;border:1px solid #c3a06b;border-radius:10px;line-height:1.35}.td-page button:disabled{opacity:.5;cursor:wait}.td-page button:focus-visible,.td-page input:focus-visible,.td-page select:focus-visible,.td-page [role=button]:focus-visible{outline:3px solid #c7773d;outline-offset:3px}.td-page button[aria-pressed=true]{background:#eedaaa;border-color:#9f722d;color:#8c241d}.td-page input,.td-page select{font-size:16px;min-height:45px;padding:10px 12px;width:100%;background:#fffaf0;border:1px solid #c6a673;border-radius:9px}.td-page .td-upload>input[type=file]{position:absolute;inset:0;display:block;visibility:visible;width:100%;height:100%;max-width:none;opacity:0;overflow:hidden;padding:0;margin:0;min-height:48px;border:0;border-radius:inherit;z-index:2;cursor:pointer;pointer-events:auto;touch-action:manipulation}.td-upload>span{pointer-events:none}.td-upload[aria-busy=true]{opacity:.65}.td-page [data-td-cancel-photo][hidden]{display:none}.td-page #td-photo-status:empty{display:none}.td-page .td-intro{background:var(--td-paper);border:1px solid #c2a775;border-radius:18px;padding:18px;margin-bottom:17px}.td-chip{display:inline-block;color:#936531;font-size:11px;letter-spacing:.6px;margin-bottom:8px}.td-step{background:var(--td-paper);border:1px solid #c5a16b;border-radius:17px;margin:0 0 16px;box-shadow:0 3px 9px #78522108;overflow:hidden}.td-page .td-step-title{display:flex;align-items:center;gap:11px;width:100%;background:transparent;border:0;border-radius:0;padding:15px 17px;text-align:left;color:var(--td-red);min-height:64px}.td-step-title>span{display:grid;place-items:center;background:#a83224;color:#fff6e4;flex-shrink:0;width:29px;height:29px;border-radius:50%;font-size:16px}.td-step-title>b{font-size:16px;flex:1}.td-step-title>i{font-style:normal;font-size:19px;color:#8d6736}.td-summary{padding:0 17px 5px 57px;color:#8c704a;font-size:12px}.td-step-body{padding:0 17px 19px}.td-compass{width:min(100%,330px);margin:8px auto 0}.td-compass svg{display:block;width:100%;height:auto;touch-action:none;cursor:grab;user-select:none}.td-bearing{text-align:center;margin:8px 0 14px;display:grid;gap:3px}.td-bearing strong{color:var(--td-red);font-size:23px}.td-bearing span{font-size:12px}.td-field{display:grid;gap:5px;margin:0 0 12px}.td-field>span{font-size:12px;font-weight:650;color:#7e5f35}.td-inline{display:flex;gap:10px;align-items:end;margin-bottom:12px}.td-inline .td-field{flex:1;min-width:0;margin:0}.td-inline button{min-height:45px;max-width:48%}.td-directions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:15px}.td-page .td-directions button{padding:8px 3px;font-size:12px;min-width:0}.td-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.td-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.td-helper{font-size:12px;color:#967c54;line-height:1.7}.td-page .td-primary{display:block;width:100%;margin-top:15px;min-height:48px;background:linear-gradient(100deg,#c6a56d,#a98342);border-color:#a98342;color:#fff8e9;box-shadow:0 3px 8px #886c2820;font-weight:650}.td-advanced{border-top:1px dashed #d1bb91;padding-top:11px;margin:14px 0}.td-advanced>summary{cursor:pointer;color:#986a36;margin-bottom:10px;min-height:30px}.td-segment{display:flex;gap:8px;margin:13px 0}.td-segment button{flex:1;font-size:12px}.td-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:15px 0}.td-page .td-palace{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:128px;padding:8px 3px 9px;overflow:hidden;border-radius:10px;background:#f7ebcd;gap:1px}.td-palace.td-care{background:#f5e1d8;border-color:#c89882}.td-palace.td-neutral{background:#ebeddc}.td-page .td-palace.td-chosen{outline:2px solid #a63426;outline-offset:0}.td-palace>span{font-size:12px;font-weight:650}.td-palace>strong{font-size:39px;line-height:1.2;color:#a53226}.td-palace>b{font-size:11px}.td-palace>small{font-size:10px;color:#8c5a36}.td-palace>em{font-size:9px;font-style:normal;color:#fff5df;background:#3d352c;margin:4px -3px -9px;padding:4px 2px;width:calc(100% + 6px)}.td-reading,.td-pin-reading{border:1px solid #ceb68e;background:#fff8e9;padding:14px;border-radius:12px;margin:14px 0;overflow-wrap:anywhere}.td-pin-reading .td-reading{margin:12px -5px;padding:11px;border-color:#e0ccaa}.td-alert{background:#f3e4d6;padding:10px;border-left:3px solid #ab4630;border-radius:4px}.td-layers{font-size:12px;background:#f3ecd8;padding:10px;border-radius:6px}.td-afflictions{font-size:12px;border-top:1px solid #d7bd94;padding-top:12px;margin:15px 0}.td-afflictions p{margin-bottom:5px}.td-notice,.td-error{padding:12px;background:#f6e5d7;border:1px solid #cb967b;border-radius:10px;color:#8c3226}.td-error[hidden]{display:none}.td-upload{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;min-height:48px;border:1px solid #b4935d;border-radius:10px;background:#f5e5c4;color:#80562c;margin:12px 0;font-weight:650}.td-upload:focus-within{outline:3px solid #c7773d;outline-offset:3px}.td-pin-tools{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.td-page .td-pin-tools button{font-size:12px;padding:8px 10px;min-height:40px}.td-placement{background:#f3e4bd;border:1px solid #d0b17b;border-radius:9px;padding:11px;font-size:12px;color:#8c472b}.td-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.td-actions button{font-size:12px;flex:1}.td-actions button[hidden]{display:none}.td-board{width:100%;border:1px solid #baa079;border-radius:12px;overflow:hidden;position:relative;background:#ece6d9;touch-action:none}.td-board.td-locked{touch-action:pan-y pinch-zoom}.td-floor{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none;touch-action:inherit}.td-floor [role=button]{cursor:pointer}.td-floor.td-editing{cursor:grab}.td-floor.td-editing [data-td-pin]{cursor:move}.td-page .td-camera button{flex:1;padding:8px 5px;font-size:12px}.td-direction-legend{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.td-page .td-direction-legend button{font-size:11px;padding:6px 8px;min-height:35px}.td-status{padding:5px 0;color:#8a532c;min-height:25px;font-size:13px}.td-profile-row{display:flex;gap:6px;margin:8px 0}.td-profile-row button:first-child{flex:1;text-align:left;font-size:12px}.td-profile-row button:last-child{flex:0 0 42px}.td-full{border-top:1px solid #c8aa76;padding-top:18px;margin-top:18px}.td-full .td-pin-reading input,.td-full .td-pin-reading button{display:none}.td-full .td-pin-reading .td-field{display:none}@media(min-width:700px){.td-page{max-width:740px;margin:auto}.td-step-body{padding:0 25px 25px}.td-grid{gap:9px}.td-page .td-palace{min-height:145px}.td-palace>b{font-size:14px}.td-palace>small{font-size:12px}.td-palace>em{font-size:12px}.td-page .td-directions button{font-size:14px}.td-reading,.td-pin-reading{padding:19px}.td-pin-tools button{flex:1}.td-intro .td-field{max-width:250px}}@media(prefers-reduced-motion:reduce){.td-page *{scroll-behavior:auto!important}}@media(max-width:340px){.td-step-body{padding-left:11px;padding-right:11px}.td-inline{gap:5px}.td-page .td-directions button{font-size:11px}.td-two{grid-template-columns:1fr}.td-page .td-step-title{padding-left:11px;padding-right:11px}.td-step-title>b{font-size:14px}}