/*
Theme Name: Nguyen Tien Social
Theme URI: https://nguyentien.net/
Author: Nguyễn Tiến
Description: Block theme cá nhân với hồ sơ, dòng thời gian và ba phong cách. Kết hợp Nguyen Tien Profile để có các block hồ sơ.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: nguyentien-social
Tags: blog, portfolio, block-patterns, full-site-editing, custom-colors, custom-menu, featured-images, style-variations
*/
html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{transition:color .15s}button,input,select,textarea{font-family:inherit}img{max-width:100%;height:auto}.wp-site-blocks{padding:0}.nt-shell{max-width:1120px!important;margin-inline:auto!important;width:calc(100% - 64px)}.nt-main{margin-block-start:0!important;padding-top:30px;padding-bottom:56px}.nt-header{background:var(--wp--preset--color--surface);border-bottom:1px solid var(--wp--preset--color--line);position:sticky;top:0;z-index:50;margin-top:0!important}.admin-bar .nt-header{top:32px}.nt-header-inner{min-height:76px;gap:24px}.nt-brand{gap:11px!important;flex-shrink:0}.nt-monogram{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--wp--preset--color--brand);color:var(--wp--preset--color--brand-contrast);font-size:14px;font-weight:750;letter-spacing:-.04em;margin:0!important}.nt-brand .wp-block-site-title{font-size:16px;font-weight:700;letter-spacing:-.03em}.nt-brand .wp-block-site-title a{text-decoration:none}.nt-header .wp-block-navigation{font-size:12px;font-weight:550}.nt-header .wp-block-navigation-item__content{padding:6px 0}.nt-header .wp-block-search{width:190px;flex-shrink:0}.nt-header .wp-block-search__inside-wrapper{border:1px solid var(--wp--preset--color--line);border-radius:20px;padding:2px 4px 2px 12px;background:var(--wp--preset--color--canvas)}.nt-header .wp-block-search__input{border:0;box-shadow:none;background:transparent;font-size:11px;color:var(--wp--preset--color--ink);padding:6px 0;min-width:0}.nt-header .wp-block-search__button{border:0;border-radius:50%;padding:4px;background:transparent;color:var(--wp--preset--color--muted);margin:0}.nt-header .wp-block-search__button svg{width:20px;height:20px}.nt-footer{border-top:1px solid var(--wp--preset--color--line);padding:24px 0;background:var(--wp--preset--color--surface);margin-top:0!important}.nt-footer p{font-size:11px;color:var(--wp--preset--color--muted);margin:0}.nt-article{max-width:780px!important;margin-inline:auto;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:40px}.nt-article>.wp-block-post-title{font-size:clamp(28px,4vw,42px);line-height:1.3;margin:24px 0}.nt-article>.wp-block-post-featured-image{margin:28px 0}.nt-article .wp-block-post-content{line-height:1.9;font-size:16px}.nt-article .wp-block-post-content>*{max-width:100%}.nt-article .ntp-post-actions{margin-top:28px!important}.nt-article .wp-block-comments{margin-top:35px;padding-top:25px;border-top:1px solid var(--wp--preset--color--line)}.nt-article .wp-block-comments-title{font-size:22px}.nt-article textarea,.nt-article input:not([type=submit]):not([type=checkbox]){background:var(--wp--preset--color--canvas);color:var(--wp--preset--color--ink);border:1px solid var(--wp--preset--color--line);border-radius:7px;padding:10px;max-width:100%}.nt-article input[type=submit]{background:var(--wp--preset--color--brand);color:var(--wp--preset--color--brand-contrast);padding:12px 18px;border:0;border-radius:8px;cursor:pointer}.nt-article .comment-form label{font-size:13px}.nt-article .comment-form p{font-size:13px}.nt-article .wp-block-comment-content{font-size:14px}.nt-article .wp-block-comment-template{padding:0;list-style:none}.nt-article .wp-block-comment-template ol{list-style:none;padding-left:20px}.nt-article .wp-block-comment-template>li{margin:20px 0}.nt-page{max-width:850px!important;margin-inline:auto;padding:30px 0}.nt-native-query .wp-block-post-template{display:grid;gap:20px}.nt-native-post{padding:28px;border:1px solid var(--wp--preset--color--line);background:var(--wp--preset--color--surface);border-radius:12px}.nt-native-post h2{font-size:25px}.nt-native-post a{text-decoration:none}.nt-reading-back{font-size:12px}.nt-reading-back a{text-decoration:none;color:var(--wp--preset--color--brand)}.nt-article .wp-block-post-navigation-link{font-size:13px}.nt-editor-note{background:var(--wp--preset--color--surface);padding:28px;border:1px solid var(--wp--preset--color--line);border-radius:14px}
@media(max-width:850px){.nt-header .wp-block-search{display:none}.nt-header-inner{gap:20px}.nt-shell{width:calc(100% - 40px)}}@media(max-width:600px){.nt-shell{width:calc(100% - 28px)}.nt-header-inner{min-height:64px}.nt-brand .wp-block-site-title{font-size:15px}.nt-main{padding-top:18px;padding-bottom:35px}.nt-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--ink);padding:24px}.nt-article{padding:23px 20px}.nt-footer .wp-block-group{gap:12px}.nt-footer p{font-size:10px}.nt-article .wp-block-post-content{font-size:15px}.admin-bar .nt-header{top:46px}}
@media(max-width:600px){.admin-bar .nt-header{position:relative;top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}

.nt-header .wp-block-search__inside-wrapper:focus-within{outline:2px solid var(--wp--preset--color--brand);outline-offset:2px}.nt-header .wp-block-search__input:focus{outline:0}
