.quy-coc-page{color:#44362d;background:transparent}.quy-coc-layout{max-width:1280px;margin:auto;padding:0 24px 48px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px}.quy-coc-main{min-width:0;background:transparent}.quy-coc-main h1{margin:0 0 12px;color:#a61d24;font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.3}.quy-coc-main p{margin:12px 0;line-height:1.85}.quy-coc-controls,.quy-coc-result{margin:22px 0;padding:22px;border:1px solid #dcc69d;border-radius:12px;background:#fffdf6}.quy-coc-buttons{display:flex;flex-wrap:wrap;gap:12px}.quy-coc-buttons button{min-height:46px;padding:10px 18px;border:1px solid #a61d24;border-radius:6px;background:#a61d24;color:#fff;font-weight:700}.quy-coc-buttons button+button{background:#fffdf6;color:#a61d24}.quy-coc-buttons button:disabled{opacity:.65;cursor:wait}.quy-coc-buttons button:focus-visible,.quy-coc-reading a:focus-visible{outline:3px solid #b77e18;outline-offset:4px}.quy-coc-result{scroll-margin-top:120px}.quy-coc-result h2{margin-top:0;font-size:1.4rem;color:#a61d24}.quy-coc-method{font-size:.9rem}.quy-coc-deeper h3{margin:20px 0 5px;font-size:1.1rem;color:#a61d24}.quy-coc-reading,.quy-coc-reading :is(section,figure,figcaption,dl,dl div,nav){background:transparent;background-image:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.quy-coc-reading{margin-top:30px}.quy-coc-reading nav{display:flex;flex-wrap:wrap;gap:12px 18px;padding-bottom:6px}.quy-coc-reading a{color:#a61d24;text-decoration:underline;text-underline-offset:3px}.quy-coc-reading h2{margin:28px 0 8px;color:#a61d24;font-size:1.25rem;line-height:1.5;scroll-margin-top:125px}.quy-coc-reading figure{margin:24px 0}.quy-coc-reading figure img{display:block;width:min(100%,512px);height:auto;-o-object-fit:contain;object-fit:contain;margin:auto}.quy-coc-reading figcaption{margin-top:10px;font-size:.88rem;line-height:1.7}.quy-coc-reading dl{margin:16px 0}.quy-coc-reading dt{margin-top:16px;font-weight:700}.quy-coc-reading dd{margin:4px 0 0;line-height:1.85}@media (max-width:1023px){.quy-coc-layout{grid-template-columns:1fr;padding:0 18px 36px}}@media (max-width:480px){.quy-coc-controls,.quy-coc-result{padding:16px}.quy-coc-reading h2{scroll-margin-top:130px}}.quy-coc-reading .quy-coc-exchange div{padding-block:6px;border-bottom:1px solid #d2b88c}.quy-coc-related,.quy-coc-related :is(a,a:hover,a>div){background:transparent!important;box-shadow:none!important}.quy-coc-related img{-o-object-fit:contain!important;object-fit:contain!important;transform:none!important}