/* TRIPLOOM V2.35 · About + Legal Center + compact site footer */
:root{--tl-teal:#69D7D0;--tl-teal-dark:#249D98;--tl-ink:#173642;--tl-muted:#6F8891;--tl-line:#C6ECE8;--tl-bg:#F4FBFB;--tl-card:#fff;--tl-soft:#DDF7F4;--tl-blue:#8EDFF0}
*{box-sizing:border-box}.triploom-public-page{margin:0;background:linear-gradient(180deg,#F5FBFC 0,#fff 24%,#F4FCFB 100%);color:var(--tl-ink);font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.triploom-public-page a{color:inherit}.triploom-public-topbar{position:sticky;top:0;z-index:40;min-height:72px;display:flex;align-items:center;gap:22px;padding:10px clamp(16px,4vw,50px);background:rgba(255,255,255,.92);border-bottom:1px solid rgba(211,229,231,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.triploom-public-brand{display:flex;align-items:center;min-width:0}.triploom-public-brand img{display:block;width:146px;max-width:32vw;height:48px;object-fit:contain;object-position:left center}.triploom-public-topbar nav{display:flex;align-items:center;gap:7px;margin-left:auto}.triploom-public-topbar nav a,.triploom-public-account{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:800;color:#5D777F}.triploom-public-topbar nav a.active{background:#DDF7F4;color:#249D98}.triploom-public-account{margin-left:4px;background:linear-gradient(135deg,#69D7D0,#69D7D0);color:#fff!important;box-shadow:0 8px 20px rgba(39,175,176,.18)}
.triploom-about-page,.triploom-legal-page{width:min(1180px,calc(100% - 28px));margin:28px auto 50px}.triploom-about-hero,.triploom-legal-hero{position:relative;overflow:hidden;border:1px solid #D9EAEB;border-radius:32px;background:linear-gradient(135deg,#E8FBFA 0%,#EFFAFF 55%,#FFF7E8 100%);box-shadow:0 22px 55px rgba(35,89,98,.08)}.triploom-about-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:30px;align-items:center;padding:clamp(30px,5vw,64px)}.triploom-about-hero::after,.triploom-legal-hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-210px;background:rgba(44,191,183,.10)}.triploom-about-hero span,.triploom-legal-hero>span,.triploom-legal-article-head>span{display:block;color:#249D98;font-size:10px;font-weight:900;letter-spacing:.18em}.triploom-about-hero h1,.triploom-legal-hero h1{margin:9px 0 12px;font-size:clamp(34px,5vw,64px);line-height:1.05;letter-spacing:-.04em}.triploom-about-hero p,.triploom-legal-hero p{margin:0;max-width:760px;color:#66818A;font-size:clamp(14px,1.5vw,18px);line-height:1.65}.triploom-about-mark{position:relative;z-index:1;min-height:190px;display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:28px;border-radius:26px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 40px rgba(34,93,99,.10)}.triploom-about-mark b{font-size:32px;color:#249D98}.triploom-about-mark i{font-style:normal;color:#FF9B5E;font-size:28px}.triploom-about-mark small{width:100%;text-align:center;color:#779198;font-weight:700}.triploom-about-story{width:min(860px,100%);margin:28px auto 0;padding:clamp(24px,5vw,54px);border:1px solid #DDF7F4;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(31,77,85,.06)}.triploom-about-story p{margin:0 0 20px;color:#435F68;font-size:16px;line-height:1.9}.triploom-about-story strong{color:#143E48}.triploom-about-story blockquote{margin:28px 0;padding:22px 24px;border-left:4px solid #69D7D0;border-radius:0 18px 18px 0;background:#EDFAFA;color:#176D69;font-size:20px;line-height:1.55}.triploom-about-story .triploom-about-ending{border:0;border-radius:22px;background:linear-gradient(135deg,#E5FAF8,#EAF9FC);text-align:center;font-size:22px}
.triploom-legal-hero{padding:38px clamp(24px,5vw,54px);margin-bottom:18px}.triploom-legal-hero h1{font-size:clamp(30px,4vw,48px)}.triploom-legal-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.triploom-legal-nav{position:sticky;top:92px;border:1px solid var(--tl-line);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 16px 42px rgba(36,84,91,.06);overflow:hidden}.triploom-legal-nav-head{padding:20px 20px 15px;background:linear-gradient(135deg,#EFFBF9,#F4FCFB)}.triploom-legal-nav-head span{display:block;color:#69D7D0;font-size:9px;font-weight:900;letter-spacing:.16em}.triploom-legal-nav-head b{display:block;margin-top:5px;font-size:18px}.triploom-legal-nav-head small{display:block;margin-top:5px;color:#7A9299;line-height:1.45}.triploom-legal-nav nav{padding:8px}.triploom-legal-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:9px 11px;border-radius:12px;text-decoration:none;color:#5F777E;font-size:11px;font-weight:800}.triploom-legal-nav a i{font-style:normal;opacity:.42}.triploom-legal-nav a:hover{background:#F3F9F9}.triploom-legal-nav a.active{background:#E5F7F5;color:#249D98}.triploom-legal-nav a.active i{opacity:1}.triploom-legal-article{min-width:0;border:1px solid #DFEAEC;border-radius:26px;background:#fff;box-shadow:0 18px 48px rgba(34,82,89,.06);overflow:hidden}.triploom-legal-article-head{padding:30px clamp(22px,4vw,42px) 24px;background:linear-gradient(135deg,#F4FCFB,#F1FBFA);border-bottom:1px solid #E3EEEE}.triploom-legal-article-head h1{margin:7px 0 8px;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em}.triploom-legal-article-head p{margin:0;max-width:720px;color:#69838B;line-height:1.6}.triploom-legal-article-head small{display:block;margin-top:13px;color:#94A6AB;font-size:10px;font-weight:700}.triploom-legal-copy{padding:clamp(24px,4vw,42px)}.triploom-legal-copy h2{margin:32px 0 11px;color:#1D5059;font-size:21px}.triploom-legal-copy h2:first-child{margin-top:0}.triploom-legal-copy h3{margin:22px 0 8px;color:#3B6670;font-size:15px}.triploom-legal-copy p,.triploom-legal-copy li{color:#506A72;font-size:14px;line-height:1.78}.triploom-legal-copy p{margin:0 0 14px}.triploom-legal-copy ul{margin:10px 0 18px;padding-left:22px}.triploom-legal-copy li{margin:6px 0}.triploom-legal-copy strong{color:#204C55}.triploom-legal-note,.triploom-legal-warning{margin:0 0 24px;padding:16px 17px;border:1px solid #CAE8E4;border-radius:16px;background:#DDF7F4;color:#456C72;font-size:13px;line-height:1.6}.triploom-legal-warning{display:grid;gap:6px;border-color:#F1DDB7;background:#FFF8EB}.triploom-legal-flow,.triploom-legal-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 20px}.triploom-legal-flow span,.triploom-legal-path span,.triploom-legal-path strong{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid #D4E6E7;border-radius:10px;background:#F4FCFB;color:#3E656C;font-size:11px;font-weight:800}.triploom-legal-flow i,.triploom-legal-path i{font-style:normal;color:#87A5AA}.triploom-legal-choice{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;margin:9px 0;padding:12px 14px;border:1px solid #DBE8EA;border-radius:14px;background:#F4FCFB}.triploom-legal-choice b{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#E5F7F5;color:#249D98}.triploom-legal-choice span{font-size:13px;font-weight:800;color:#4D6B73}
.triploom-legal-footer{margin-top:36px;padding:34px clamp(18px,5vw,60px) 20px;background:#112F38;color:#D8EAED}.triploom-legal-footer-grid{width:min(1060px,100%);margin:auto;display:grid;grid-template-columns:.82fr .92fr 1.8fr;gap:clamp(30px,4vw,58px);align-items:start}.triploom-legal-footer h3{margin:0 0 11px;color:#fff;font-size:12px}.triploom-legal-footer section>a,.triploom-legal-footer-links a{display:block;margin:7px 0;color:#B8D1D5;text-decoration:none;font-size:11px;font-weight:650}.triploom-legal-footer a:hover{color:#fff}.triploom-legal-footer-links{columns:2;column-gap:20px}.triploom-legal-footer-bottom{width:min(1060px,100%);margin:28px auto 0;padding-top:16px;border-top:1px solid rgba(210,235,238,.12);display:flex;justify-content:space-between;gap:16px;color:#799DA3;font-size:10px}
.app-legal-footer-wrap{margin:34px -4px 84px}.app-legal-footer-wrap .triploom-legal-footer{border-radius:24px;margin-top:0;padding:28px 30px 18px}.app-legal-footer-wrap .triploom-legal-footer-grid{width:min(1040px,100%);grid-template-columns:.82fr .92fr 1.8fr;gap:clamp(30px,4vw,58px)}.app-legal-footer-wrap .triploom-legal-footer-bottom{margin-top:22px}
@media(max-width:900px){.triploom-public-topbar nav{display:none}.triploom-public-account{margin-left:auto}.triploom-about-hero{grid-template-columns:1fr}.triploom-about-mark{min-height:130px}.triploom-legal-layout{grid-template-columns:1fr}.triploom-legal-nav{position:static}.triploom-legal-nav nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.triploom-legal-nav nav::-webkit-scrollbar{display:none}.triploom-legal-nav a{flex:0 0 auto;white-space:nowrap}.triploom-legal-footer-grid,.app-legal-footer-wrap .triploom-legal-footer-grid{grid-template-columns:1fr 1fr}.triploom-legal-footer-wide{grid-column:1/-1}}
@media(max-width:600px){.triploom-public-topbar{min-height:62px;padding:8px 12px}.triploom-public-brand img{width:124px;height:42px}.triploom-public-account{min-height:38px;padding:0 11px;font-size:11px}.triploom-about-page,.triploom-legal-page{width:calc(100% - 16px);margin:12px auto 30px}.triploom-about-hero,.triploom-legal-hero{border-radius:23px}.triploom-about-hero{padding:28px 21px}.triploom-about-hero h1{font-size:34px}.triploom-about-mark{padding:18px}.triploom-about-mark b{font-size:25px}.triploom-about-story{margin-top:12px;padding:24px 18px;border-radius:22px}.triploom-about-story p{font-size:14px;line-height:1.8}.triploom-about-story blockquote{padding:18px;font-size:17px}.triploom-legal-hero{padding:26px 20px}.triploom-legal-nav{border-radius:18px}.triploom-legal-nav-head{padding:16px}.triploom-legal-article{border-radius:20px}.triploom-legal-article-head{padding:24px 18px 19px}.triploom-legal-copy{padding:22px 18px}.triploom-legal-copy h2{font-size:19px}.triploom-legal-copy p,.triploom-legal-copy li{font-size:13px}.triploom-legal-footer{padding:28px 18px 18px}.triploom-legal-footer-grid,.app-legal-footer-wrap .triploom-legal-footer-grid{grid-template-columns:1fr}.triploom-legal-footer-wide{grid-column:auto}.triploom-legal-footer-links{columns:1}.triploom-legal-footer-bottom{display:block;line-height:1.8}.app-legal-footer-wrap{margin:24px 0 86px}.app-legal-footer-wrap .triploom-legal-footer{border-radius:20px;padding:24px 18px 16px}}

/* TRIPLOOM V2.54 · Desktop app footer visibility
   On desktop the legal/site footer belongs only to Dấu ấn hành trình.
   Mobile/Tablet stay unchanged. */
@media (min-width:1025px) and (pointer:fine){
  html[data-theme] body[data-page]:not([data-page="dashboard"]) .app-legal-footer-wrap{
    display:none!important;
  }
}


/* TRIPLOOM V2.36 · App footer visibility on mobile/tablet
   Hide compact legal footer on app pages in mobile/tablet, keep only at dashboard (Dấu ấn hành trình). */
@media (max-width:1024px){
  html[data-theme] body[data-page]:not([data-page="dashboard"]) .app-legal-footer-wrap{
    display:none!important;
  }
}