body.dq268-web #site-nav .dq275-nav{position:relative;flex-shrink:0}
body.dq268-web #site-nav .dq275-nav>a{white-space:nowrap}
body.dq268-web .dq275-submenu{position:absolute;right:0;top:calc(100% + 8px);z-index:1001;width:330px;max-width:calc(100vw - 32px);max-height:70dvh;overflow-y:auto;padding:9px;border:1px solid #dfc79e;border-radius:17px;background:linear-gradient(145deg,#fffefa,#faf3e4);box-shadow:0 18px 44px #213d3826}
body.dq268-web #site-nav .dq275-submenu>a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:11px 12px;border:1px solid transparent;border-radius:9px;font:600 13px/1.55 DQBody,"Segoe UI",sans-serif;text-align:left;white-space:normal;color:#173e39;text-decoration:none}
body.dq268-web #site-nav .dq275-submenu>a:is(:hover,:focus-visible){background:#f3e7ce;border-color:#dbc08e;box-shadow:inset 3px 0 #b4863d}
body.dq268-web .dq275-submenu small{font:400 11px/1.5 DQBody,"Segoe UI",sans-serif;color:#6f7668;white-space:nowrap}
body.dq268-web .dq275-page{padding-block:28px 20px;color:#173e39}
body.dq268-web .dq275-hero{padding:28px 32px;border:1px solid #ddc8a2;border-radius:20px;background:radial-gradient(ellipse at 95% 0,#dfe8da88,transparent 62%),linear-gradient(120deg,#fffaf0,#f6efdd);margin-bottom:26px}
body.dq268-web .dq275-hero h1{font-size:clamp(36px,4vw,54px);margin:9px 0 10px;line-height:1.3}
body.dq268-web .dq275-hero>p{margin:0;color:#4d6457;font-size:18px}
body.dq268-web .dq275-breadcrumb{font:400 12px/1.8 DQBody,"Segoe UI",sans-serif;color:#6a7468;margin-bottom:18px}
body.dq268-web .dq275-breadcrumb a{color:#6a5944;text-decoration:none}
body.dq268-web .dq275-tag{font:700 11px/1.6 DQBody,"Segoe UI",sans-serif;letter-spacing:.04em;color:#8b6535}
body.dq268-web .dq275-stats{display:flex;gap:26px;margin-top:18px;font:400 13px/1.6 DQBody,"Segoe UI",sans-serif;color:#526758}
body.dq268-web .dq275-stats b{font-size:19px;color:#173e39;margin-right:4px}
body.dq268-web .dq275-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:26px;align-items:start}
body.dq268-web .dq275-sidebar{padding:19px 14px;border:1px solid #e1d1b5;border-radius:15px;background:#fffdf7}
body.dq268-web .dq275-sidebar>h2,body.dq268-web .dq275-reading-aside>h2{font:700 15px/1.5 DQBody,"Segoe UI",sans-serif;margin:0 10px 12px;color:#173e39}
body.dq268-web .dq275-groups{display:grid;gap:5px}
body.dq268-web .dq275-groups>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;border-radius:9px;text-decoration:none;color:#3d5547;font:400 13px/1.55 DQBody,"Segoe UI",sans-serif;border:1px solid transparent}
body.dq268-web .dq275-groups>a>b{font:600 11px/1.4 DQBody,"Segoe UI",sans-serif;background:#f1eadc;padding:3px 6px;border-radius:5px;color:#7b603a;white-space:nowrap;flex-shrink:0}
body.dq268-web .dq275-groups>a[aria-current=page]{background:#f4e8cd;border-color:#e0c798;color:#173e39;font-weight:700}
body.dq268-web .dq275-groups>a:hover{background:#f8f2e5}
body.dq268-web .dq275-search{display:flex;gap:10px;margin:0 0 22px}
body.dq268-web .dq275-search input[type=search]{flex:1;min-width:0;min-height:46px;padding:11px 14px;border:1px solid #cdbb99;background:#fffefa;border-radius:10px;font:400 15px/1.5 DQBody,"Segoe UI",sans-serif;color:#173e39}
body.dq268-web .dq275-search button{min-height:46px;padding:10px 19px;background:#173e39;color:#fff7e7;border:1px solid #173e39;border-radius:10px;font:600 14px/1.5 DQBody,"Segoe UI",sans-serif}
body.dq268-web .dq275-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:17px}
body.dq268-web .dq275-results-heading h2{font-size:28px;margin:0}
body.dq268-web .dq275-results-heading>span{font:400 12px/1.6 DQBody,"Segoe UI",sans-serif;color:#687563;flex-shrink:0}
body.dq268-web .dq275-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.dq268-web .dq275-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e1d0b2;border-radius:15px;background:#fffdf7;color:#173e39;text-decoration:none!important;box-shadow:0 3px 10px #72592208}
body.dq268-web .dq275-card-image{aspect-ratio:16/10;overflow:hidden;background:#efe5d2}
body.dq268-web .dq275-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
body.dq268-web .dq275-card-copy{display:flex;flex-direction:column;flex:1;gap:10px;padding:17px}
body.dq268-web .dq275-card-copy h2{font:700 16px/1.65 DQBody,"Segoe UI",sans-serif;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#173e39}
body.dq268-web .dq275-card-copy p{font:400 13px/1.8 DQBody,"Segoe UI",sans-serif;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#647162}
body.dq268-web .dq275-card-meta{display:flex;gap:7px;font:600 11px/1.6 DQBody,"Segoe UI",sans-serif;color:#8b6334;margin-top:auto;padding-top:5px}
body.dq268-web .dq275-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}
body.dq268-web .dq275-pagination :is(a,span){display:grid;place-items:center;min-width:42px;min-height:42px;padding:8px 12px;border:1px solid #d8c3a0;border-radius:9px;background:#fffaf0;color:#173e39;font:600 13px/1.4 DQBody,"Segoe UI",sans-serif;text-decoration:none}
body.dq268-web .dq275-pagination [aria-current=page]{background:#173e39;color:#fff8e9;border-color:#173e39}
body.dq268-web .dq275-empty{padding:30px;border:1px solid #e1d0b2;background:#fffaf0;border-radius:15px}
body.dq268-web .dq275-reading{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start;padding-block:28px}
body.dq268-web .dq275-article{padding:30px 34px;border:1px solid #e1d0b2;border-radius:18px;background:#fffefa;min-width:0}
body.dq268-web .dq275-article-header{border-bottom:1px solid #e7dac4;padding-bottom:20px;margin-bottom:24px}
body.dq268-web .dq275-article-header h1{font-size:clamp(28px,3vw,42px);line-height:1.5;margin:14px 0 18px;overflow-wrap:break-word;word-break:normal}
body.dq268-web .dq275-byline{display:flex;gap:10px;flex-wrap:wrap;font:400 12px/1.7 DQBody,"Segoe UI",sans-serif;color:#737d6d;margin:0}
body.dq268-web .dq275-body{font:400 17px/1.95 DQBody,"Segoe UI",sans-serif;color:#2f4438;overflow-wrap:break-word}
body.dq268-web .dq275-body p{margin:0 0 20px}
body.dq268-web .dq275-body :is(h2,h3,h4){font:700 21px/1.7 DQBody,"Segoe UI",sans-serif;margin:30px 0 16px;color:#173e39;scroll-margin-top:100px}
body.dq268-web .dq275-body img{display:block;width:auto;max-width:100%;height:auto;border-radius:13px;margin:22px auto;object-fit:contain}
body.dq268-web .dq275-cover{margin:0 0 25px}
body.dq268-web .dq275-cover img{max-width:100%;width:100%;height:auto;border-radius:13px;display:block}
body.dq268-web .dq275-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
body.dq268-web .dq275-body :is(th,td){padding:10px 13px;border:1px solid #dfcda9}
body.dq268-web .dq275-source{margin:30px 0 0;padding:16px 18px;background:#f4ecd9;border:1px solid #e2cfaa;border-radius:11px;font:400 14px/1.8 DQBody,"Segoe UI",sans-serif;color:#4c624f}
body.dq268-web .dq275-reader-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:23px;font:600 13px/1.8 DQBody,"Segoe UI",sans-serif}
body.dq268-web .dq275-reader-actions button{border:1px solid #d2bb91;border-radius:8px;background:#fff7e6;padding:10px 14px;font:600 13px/1.5 DQBody,"Segoe UI",sans-serif;color:#674c27}
body.dq268-web .dq275-reader-actions [role=status]{flex-basis:100%;font-size:12px}
body.dq268-web .dq275-reading-aside{padding:20px 13px;border:1px solid #e1d0b2;border-radius:15px;background:#fffdf7}
body.dq268-web .dq275-toc{padding:0 10px 18px;margin:0 0 18px;border-bottom:1px solid #e3d4ba;font:400 13px/1.8 DQBody,"Segoe UI",sans-serif}
body.dq268-web .dq275-toc summary{font-weight:700;cursor:pointer;color:#173e39}
body.dq268-web .dq275-toc ol{padding-left:19px;margin-bottom:0}
body.dq268-web .dq275-toc a{color:#4b614d}
body.dq268-web .dq275-related{border-top:1px solid #e3d4ba;padding:18px 10px 0;margin-top:18px;display:grid;gap:13px}
body.dq268-web .dq275-related h2{font:700 14px/1.6 DQBody,"Segoe UI",sans-serif;margin:0}
body.dq268-web .dq275-related a{font:400 13px/1.8 DQBody,"Segoe UI",sans-serif;color:#4c5f4f}
@media(min-width:820px) and (max-width:1100px){body.dq268-web #site-nav{gap:13px}body.dq268-web #site-nav>a,body.dq268-web #site-nav .dq275-nav>a{font-size:12px}}
@media(max-width:1100px){body.dq268-web .dq275-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.dq268-web .dq275-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}body.dq268-web .dq275-reading{grid-template-columns:minmax(0,1fr) 230px;gap:22px}body.dq268-web .dq275-article{padding:25px}}
@media(max-width:819px){body.dq268-web #site-nav .dq275-nav{width:100%}body.dq268-web .dq275-submenu{position:static;width:100%;max-width:none;max-height:50dvh;margin:6px 0 10px;box-shadow:none}body.dq268-web .dq275-layout{grid-template-columns:1fr}body.dq268-web .dq275-groups{grid-template-columns:repeat(2,minmax(0,1fr))}body.dq268-web .dq275-reading{grid-template-columns:1fr}body.dq268-web .dq275-reading-aside{order:2}body.dq268-web .dq275-hero{padding:24px}body.dq268-web .dq275-page{padding-top:20px}}
@media(max-width:600px){body.dq268-web .dq275-grid{grid-template-columns:1fr;gap:15px}body.dq268-web .dq275-hero{padding:20px}body.dq268-web .dq275-stats{gap:18px;font-size:12px}body.dq268-web .dq275-results-heading{flex-wrap:wrap;gap:8px}body.dq268-web .dq275-results-heading h2{font-size:27px}body.dq268-web .dq275-article{padding:20px 17px}body.dq268-web .dq275-article-header h1{font-size:29px}body.dq268-web .dq275-body{font-size:16px;line-height:1.95}body.dq268-web .dq275-card-image{aspect-ratio:16/9}body.dq268-web .dq275-groups>a{font-size:12px;gap:7px;padding:10px 7px}body.dq268-web .dq275-groups{gap:4px}body.dq268-web .dq275-search button{padding-inline:13px}}
@media(hover:hover){body.dq268-web .dq275-card:hover{border-color:#ba9659;box-shadow:0 7px 20px #7f632314}body.dq268-web .dq275-card:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){body.dq268-web .dq275-card-image img{transition:none}body.dq268-web .dq275-card:hover img{transform:none}}
