@font-face{font-family:'NTT Shelf';src:url('/sach/bi-mat-tu-duy-trieu-phu/assets/fonts/ntt-reader-regular.woff') format('woff');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:'NTT Shelf';src:url('/sach/bi-mat-tu-duy-trieu-phu/assets/fonts/ntt-reader-bold.woff') format('woff');font-style:normal;font-weight:600 700;font-display:swap}
.personal-bookshelf{background:#F8F6F1;padding:76px 0;border-top:1px solid #D8CFC3;color:#102A43}.personal-bookshelf,.shelf-page-hero,.shelf-method{font-family:'NTT Shelf','Segoe UI',Arial,sans-serif}.shelf-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:end;margin-bottom:34px}.shelf-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#8b6120;margin:0 0 17px}.shelf-intro h2{font:700 clamp(28px,3vw,42px)/1.3 'NTT Shelf','Segoe UI',Arial,sans-serif;letter-spacing:-.9px;margin:0}.shelf-intro h2 span{color:#9b7135}.shelf-intro p:not(.shelf-eyebrow){font-size:16px;line-height:1.9;margin:0 0 16px}.shelf-hub-link{display:inline-block;font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:5px}.shelf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.shelf-card{background:#fffdf8;border:1px solid #D8CFC3;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #102a4309;transition:box-shadow .2s,border-color .2s}.shelf-card:hover{border-color:#a98c5d;box-shadow:0 16px 38px #102a4319}.shelf-visual{display:block;text-decoration:none}.book-poster{position:relative;isolation:isolate;display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:center;aspect-ratio:16/9;padding:26px 26px 26px 30px;overflow:hidden;background:#102A43;color:#F8F6F1;border-bottom:1px solid #D8CFC3}.book-poster:before{content:'';position:absolute;inset:18px;border:1px solid #e1a33a3b;z-index:-1}.book-poster:after{content:'';position:absolute;width:300px;height:300px;right:-95px;top:-45px;border:1px solid #e1a33a45;border-radius:50%;z-index:-1}.book-poster--ivory{background:linear-gradient(125deg,#eee3ce,#F8F6F1);color:#102A43}.book-poster--ivory:before{border-color:#9b713548}.poster-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.poster-kicker{font-size:clamp(8px,.8vw,10px);letter-spacing:1.2px;color:#e8bd70;font-weight:700;line-height:1.7;margin-bottom:18px}.book-poster--ivory .poster-kicker{color:#8b6120}.poster-copy>strong{font:700 clamp(20px,2.2vw,32px)/1.38 'NTT Shelf','Segoe UI',Arial,sans-serif;letter-spacing:-.65px;color:inherit}.poster-count{display:block;font-size:11px;font-weight:600;line-height:1.6;margin-top:20px;padding:7px 9px;border:1px solid #E1A33A66;border-radius:3px}.poster-signature{font-size:9px;letter-spacing:1.5px;font-weight:700;margin-top:18px;opacity:.78}.poster-book{position:relative;align-self:center;padding:5px 0;max-width:190px;margin-left:auto}.poster-book img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;filter:drop-shadow(10px 14px 10px #0005);border-radius:2px}.shelf-body{padding:26px;display:flex;flex-direction:column;flex:1}.shelf-author{font-size:13px;color:#596a7b;margin:0 0 8px}.shelf-body h3{font:700 25px/1.4 'NTT Shelf','Segoe UI',Arial,sans-serif;margin:0 0 22px;color:#102A43}.shelf-body h3 a{text-decoration:none}.shelf-takeaway{padding:17px 19px;background:#F8F6F1;border-left:3px solid #E1A33A;margin-bottom:18px}.shelf-takeaway>span{font-size:10px;letter-spacing:1px;font-weight:700;color:#8b6120}.shelf-takeaway p{font-size:14px;line-height:1.8;margin:8px 0 0}.shelf-summary{font-size:15px;line-height:1.8;color:#596a7b;margin:0 0 18px}.shelf-tags{padding:0;margin:0 0 25px;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.shelf-tags li{font-size:11px;line-height:1.6;padding:5px 8px;border:1px solid #D8CFC3;border-radius:4px;background:#fffdf8}.shelf-actions{margin-top:auto;display:flex;align-items:center;flex-wrap:wrap;gap:17px}.shelf-primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 18px;background:#102A43;color:#F8F6F1!important;font-size:13px;font-weight:700;line-height:1.6;border-radius:4px;text-decoration:none}.shelf-story{font-size:12px;line-height:1.7;text-decoration:underline;text-underline-offset:5px;color:#596a7b}.shelf-practice{margin-top:30px;padding:25px 28px;background:#eee7da;border:1px solid #D8CFC3;border-radius:7px;display:flex;gap:25px;justify-content:space-between;align-items:center}.shelf-practice strong{font-size:17px}.shelf-practice p{font-size:14px;line-height:1.8;margin:7px 0 0}.shelf-page-hero h1{font-family:'NTT Shelf','Segoe UI',Arial,sans-serif;max-width:930px;font-size:clamp(34px,4vw,56px);line-height:1.28;letter-spacing:-1px}.shelf-page-hero .shelf-hub-link{margin-bottom:28px}.shelf-page-hero p:not(.shelf-eyebrow){max-width:780px;font-size:17px;line-height:1.9}.shelf-method{padding:70px 0;background:#fffdf8;color:#102A43}.shelf-method h2{font-family:'NTT Shelf','Segoe UI',Arial,sans-serif;font-size:32px}.shelf-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0}.shelf-method-grid article{padding:24px;border:1px solid #D8CFC3;border-radius:6px}.shelf-method-grid span{font-size:23px;color:#9b7135;font-weight:700}.shelf-method-grid h3{font:700 19px/1.5 'NTT Shelf','Segoe UI',Arial,sans-serif;margin:16px 0 10px}.shelf-method-grid p{font-size:14px;line-height:1.8}.personal-bookshelf a:focus-visible,.shelf-page-hero a:focus-visible,.shelf-method a:focus-visible{outline:3px solid #E1A33A;outline-offset:5px}
@media(max-width:900px){.shelf-intro{grid-template-columns:1fr;gap:20px}.book-poster{padding:22px 20px;gap:12px}.poster-copy>strong{font-size:22px}.poster-kicker{margin-bottom:12px;font-size:8px}.poster-signature{font-size:8px;letter-spacing:.8px;margin-top:12px}.poster-count{margin-top:12px;font-size:10px}.shelf-body{padding:22px}.shelf-practice{align-items:flex-start;flex-direction:column}.shelf-method-grid{grid-template-columns:1fr}}
@media(max-width:680px){.personal-bookshelf{padding:48px 0}.shelf-grid{grid-template-columns:1fr;gap:24px}.book-poster{padding:26px;aspect-ratio:16/10;grid-template-columns:1.3fr 1fr}.poster-copy>strong{font-size:clamp(20px,5.8vw,30px)}.poster-kicker{font-size:9px}.poster-count{font-size:11px;margin-top:18px}.poster-signature{font-size:9px;margin-top:15px}.poster-book img{max-height:250px}.shelf-body h3{font-size:23px}.shelf-practice{padding:23px}.shelf-method{padding:48px 0}.shelf-actions{gap:18px}.shelf-page-hero h1{font-size:clamp(30px,7.6vw,42px)}}
@media(max-width:370px){.book-poster{padding:22px 19px;gap:10px}.poster-copy>strong{font-size:20px}.poster-count{font-size:9px}.poster-kicker{font-size:8px;letter-spacing:.6px}.poster-signature{font-size:8px}.shelf-primary{width:100%}}
@media(prefers-reduced-motion:reduce){.shelf-card{transition:none}}