body{padding:32px 20px;background:#ebecea}
.duo-device{position:relative;isolation:isolate;max-width:896px;aspect-ratio:4/3;margin:0 auto;padding:9px;border:1px solid #8f692f;border-radius:48px;background:linear-gradient(125deg,#fff1c6,#b58338 18%,#f3dc9e 39%,#a77830 62%,#ffeac0 83%,#a67936);box-shadow:inset 0 0 0 2px #fff0c2,0 2px 0 1px #73501f,0 24px 40px -18px #49361666}
.duo-device::before,.duo-device::after{content:"";position:absolute;left:calc(50% - 14px);width:28px;height:8px;z-index:3;border:1px solid #8f692f;border-radius:3px;background:linear-gradient(90deg,#896026,#fbe5af 38%,#b58b42 70%,#79531e);pointer-events:none}
.duo-device::before{top:-2px}.duo-device::after{bottom:-3px}
.duo-side-key{position:absolute;right:-4px;top:108px;width:4px;height:54px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#8e642a,#f3d99b);box-shadow:0 74px 0 #b68a41;pointer-events:none}
.duo-screen{position:relative;isolation:isolate;height:100%;overflow:hidden;border:6px solid #151714;border-radius:39px;background:#f1f4ee;box-shadow:0 0 0 1px #5b4528,inset 0 0 0 1px #fff7dc}
.duo-screen::before{content:"";position:absolute;z-index:2;inset:0 auto 0 calc(50% - 9px);width:18px;background:linear-gradient(90deg,transparent,#352a1304 30%,#30291710 48%,#fff9e940 53%,transparent);pointer-events:none}
.duo-screen::after{content:"";position:absolute;z-index:3;bottom:7px;left:calc(50% - 42px);width:84px;height:4px;border-radius:4px;background:#29332e77;pointer-events:none}
.duo-camera{position:absolute;z-index:4;top:8px;right:24px;width:10px;height:10px;border:3px solid #111915;border-radius:50%;background:#355361;box-shadow:0 0 0 1px #627368;pointer-events:none}
.duo-scroll{height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#b49a67 transparent;scroll-padding:24px;background:transparent}
.duo-scroll:focus-visible{outline:2px solid #b0832f;outline-offset:-3px}
.duo-device .shell{min-height:0}
.duo-device .workspace{max-width:none}
.duo-device .demo-strip{padding:16px 24px 8px;gap:4px 12px;font-size:11px;background:#e8ece4b3}
.duo-device .shell>aside{padding:12px 24px;background:#fafbf8b3}
.duo-device .app-bar{gap:16px}
.duo-device main{padding:10px 24px 24px;min-height:0}
.duo-device footer{padding:20px 24px 32px}
.duo-device .brief-groups{gap:18px}
.duo-device .brief-top a{padding:12px;gap:6px 8px}
.duo-device .brief-top strong{font-size:18px}
.duo-device .brief-event h4{font-size:16px}
@media(max-width:760px){
 body{padding:14px 8px}
 .duo-device{aspect-ratio:auto;height:calc(100svh - 28px);min-height:420px;padding:5px;border-radius:34px}
 .duo-screen{border-width:4px;border-radius:28px}
 .duo-camera{top:7px;right:20px;width:8px;height:8px;border-width:2px}
 .duo-device .demo-strip{padding:16px 12px 6px}
 .duo-device .shell>aside{padding:12px}
 .duo-device .brand{gap:8px}
 .duo-device .brand .brand-logo{width:36px;height:36px;flex-basis:36px}
 .duo-device .brand .brand-title{font-size:26px}
 .duo-device .brand .brand-tagline{font-size:12px}
 .duo-device .drawer-toggle{gap:6px;padding:8px;font-size:12px}
 .duo-device .app-bar{gap:8px}
 .duo-device main{padding:10px 12px 24px}
 .duo-device footer{padding:16px 12px 32px}
 .duo-device .brief-top a{padding:10px 7px;gap:8px}
 .duo-device .brief-top strong{font-size:15px}
}

.period-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding:0;overflow:visible}
.period-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #b0832f;border-radius:7px;color:#775718;background:#fffaf0;font-size:15px;font-weight:600;text-decoration:none}
.period-links a:hover{background:#f4e9ce}
.period-links a:focus-visible{outline:3px solid #819888;outline-offset:3px}

.period-links a>span:first-child{font-family:"PocketCategories","KaiTi","STKaiti",serif;font-size:28px;font-weight:400;line-height:1.2;color:#b0832f}

@media(max-width:760px){.period-links a{padding:8px}.period-links a>span:first-child{font-size:24px}.period-links a>span:last-child{display:none}}