*{box-sizing:border-box}body{margin:0;font:16px/1.65 Arial,sans-serif;color:#202438;background:#fff}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.2}a:focus-visible,summary:focus-visible{outline:3px solid #ff326e;outline-offset:4px}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.brand{display:flex;justify-content:space-between;align-items:center;padding:25px 0}.brand img{width:140px}.brand .book-banner{width:440px;height:82px;object-fit:cover}nav{background:#182131;color:#fff}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:28px;padding:14px 0;font-size:14px}.nav a{text-decoration:none}.nav details{position:relative}.nav summary{cursor:pointer}.drop{position:absolute;z-index:5;background:#182131;min-width:180px;padding:16px}.drop a{display:block;padding:7px}.intro{display:grid;grid-template-columns:32% 1fr;gap:24px;margin:36px auto}.portrait{width:100%;height:100%;max-height:560px;object-fit:cover;border-radius:8px}.intro h1{font-size:30px;margin:0 0 18px}.start{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.start a{padding:16px;border-radius:7px;background:#f2ecf8;text-decoration:none;font-size:14px}.start a:nth-child(2){background:#eaf8f5}.start a:nth-child(3){background:#fff3e4}.start strong{display:block}.book-box{background:#302244;color:white;padding:20px;border-radius:7px;margin-top:22px}.book-box h2{margin:0;font-size:24px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.feature{position:relative;min-height:320px;display:flex;align-items:end;color:white;overflow:hidden}.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000d)}.feature div{position:relative;z-index:1;padding:18px}.feature h2{font-size:22px}.tag{display:inline-block;background:#ff326e;color:white;border-radius:14px;padding:3px 9px;font-size:11px}.magazine{display:grid;grid-template-columns:2.1fr 1fr;gap:40px;margin-top:40px}.bar{background:#f2f3f5;border-left:3px solid #ff326e;padding:10px 14px;font-size:21px}.list-card{display:grid;grid-template-columns:40% 1fr;gap:22px;margin:24px 0}.list-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}.list-card h3{font-size:23px;margin:0 0 12px}.list-card p{font-size:14px;color:#606476}.date{font-size:12px;color:#626878}.author{text-align:center}.author img{width:86px;height:86px;object-fit:cover;border-radius:50%}.author h2{margin:12px 0 3px}.author p{font-size:14px}.side-story{display:grid;grid-template-columns:90px 1fr;gap:12px;margin:18px 0;font-size:14px}.side-story img{width:90px;height:75px;object-fit:cover}.popular{margin:40px auto 60px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.grid img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px}.grid h3{font-size:18px}.article{max-width:1000px;margin:40px auto 70px}.article h1{font-size:40px}.article .body{font-size:18px;overflow-wrap:anywhere}.body img{height:auto}.body figure{max-width:100%;margin:24px 0}.body iframe{max-width:100%}.body .wp-block-columns{display:flex;gap:20px}.body .wp-block-column{flex:1;min-width:0}.body h2{margin-top:36px}.body p{margin:0 0 20px}.body ul,.body ol{padding-left:28px}footer{background:#f2f3f5;padding:44px 0}.foot{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.foot a{display:block;margin:8px 0}.legal{margin-top:30px;font-size:12px}.pages{display:flex;gap:16px;margin:30px 0}input{font:inherit;width:100%;padding:14px;border:1px solid #c3c5cc}button{font:inherit;padding:12px 20px;background:#302244;color:white;border:0} @media(max-width:700px){.brand .book-banner{width:180px;height:60px}.brand img{width:110px}.nav{gap:14px;font-size:13px}.intro,.magazine{grid-template-columns:1fr}.portrait{max-height:350px;object-position:center 35%}.start{grid-template-columns:1fr}.features{grid-template-columns:1fr}.feature{min-height:280px}.grid{grid-template-columns:repeat(2,1fr);gap:16px}.foot{grid-template-columns:1fr}.article h1{font-size:30px}.list-card{grid-template-columns:35% 1fr;gap:14px}.list-card h3{font-size:19px}.body .wp-block-columns{display:block}}
