/* iLiFE! FAN HUB — original fan-site design system, Phase 1 */
:root{--ink:#242338;--ink2:#50506a;--muted:#79798c;--paper:#fffdfc;--canvas:#faf7fb;--pink:#c52a7c;--pink2:#ff8fca;--violet:#7c65d6;--blue:#5b95dc;--yellow:#ffdf7c;--mint:#68cfc5;--line:#ede7ef;--deep:#231e40;--radius:18px;--radius-lg:28px;--shadow:0 12px 40px rgba(33,26,68,.055);--max:1160px}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;font-family:'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,'Noto Sans JP',system-ui,sans-serif;color:var(--ink);background:var(--canvas);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}img{max-width:100%}::selection{background:#ffc6e1;color:var(--deep)}:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip{position:absolute;z-index:200;top:-120px;left:20px;padding:12px;background:white;color:var(--deep);border-radius:12px}.skip:focus{top:15px}.container{max-width:var(--max);width:calc(100% - 48px);margin:0 auto}.top-strip{background:#251d40;color:#fff;text-align:center;font-size:11px;letter-spacing:.045em;padding:6px 15px}.top-strip span{color:#ffa6d1;font-weight:800}.site-header{height:78px;background:rgba(255,253,252,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:39px;height:39px;background:linear-gradient(145deg,#f356af,#9066de);border-radius:13px;display:grid;place-items:center;color:white;font-weight:900;font-size:20px;transform:rotate(-7deg);box-shadow:0 4px 13px #f052a147}.brand-mark span{transform:rotate(7deg)}.brand-typography{display:flex;flex-direction:column;line-height:1.12}.brand-name{font-weight:950;font-size:23px;letter-spacing:-.08em;font-family:Arial,'Hiragino Sans',sans-serif}.brand-caption{font-size:9px;letter-spacing:.25em;color:var(--pink);font-weight:900;margin-top:5px}.desktop-nav{display:flex;gap:21px;align-items:center;flex:1;margin-left:12px}.desktop-nav a{font-size:12px;white-space:nowrap;color:#565166;font-weight:800;padding:12px 0;position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--pink)}.desktop-nav a[aria-current=page]:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:3px;border-radius:5px;background:var(--pink)}.nav-search{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:white;border-radius:11px;padding:9px 13px;font-size:12px;color:var(--muted);font-weight:800;white-space:nowrap}.nav-search:hover{border-color:var(--pink);color:var(--pink)}.kbd{border:1px solid #e4dce8;border-bottom-width:2px;border-radius:4px;font-size:10px;padding:0px 5px}.mobile-toggle{display:none;border:0;background:#f7eff8;border-radius:10px;padding:9px;color:var(--deep);font-size:23px;line-height:1}.mobile-panel{display:none}.demo-banner{background:#fff1f8;border-bottom:1px solid #f9c7de;color:#6f325a;font-weight:650;font-size:12px;padding:9px 0}.demo-banner .container{display:flex;align-items:center;gap:8px}.demo-dot{display:inline-block;width:7px;height:7px;background:#e25495;border-radius:100%}.eyebrow{font-family:Arial,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.22em;color:var(--pink);font-weight:900;font-size:11px}.hero{position:relative;overflow:hidden;color:white;background:radial-gradient(circle at 83% 8%,#543b86 0,transparent 35%),linear-gradient(116deg,#231a41,#312956 76%,#543b74);border-radius:32px;min-height:450px;display:grid;grid-template-columns:1.08fr 0.92fr;align-items:center;margin-top:28px;isolation:isolate}.hero:before{content:'';position:absolute;background:#e85cb2;width:310px;height:310px;border-radius:50%;filter:blur(100px);opacity:.24;right:3%;top:-90px;z-index:-1}.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#fff6 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent 30%,black 100%);pointer-events:none;z-index:-1}.hero-copy{padding:62px 0 62px 60px}.hero .eyebrow{color:#ff9cce}.hero h1{font-size:clamp(37px,4.4vw,62px);letter-spacing:-.055em;line-height:1.35;margin:17px 0 18px;font-weight:950}.hero h1 em{color:#ff9bce;font-style:normal}.hero-desc{color:#e0d7f1;font-size:14px;max-width:480px;line-height:2}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;font-size:13px;font-weight:900;padding:13px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;min-height:45px;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(105deg,#c92b80,#a9236b);color:white;box-shadow:0 6px 20px #d54b9960}.btn-white{background:#fff;color:var(--deep)}.btn-outline{border-color:#cfc6da;color:var(--deep);background:white}.btn-dark-outline{border:1px solid #867ea6;color:white;background:transparent}.hero-visual{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center;padding:35px 54px 35px 20px}.ticket-stack{width:320px;max-width:100%;aspect-ratio:1/1.05;position:relative;transform:rotate(7deg)}.ticket-stack:before{content:'';position:absolute;inset:23px 8px 8px 23px;background:linear-gradient(150deg,#c7a8f8,#e4b5e2);border-radius:27px;transform:rotate(10deg)}.ticket{position:relative;height:100%;border-radius:27px;padding:24px 27px;background:linear-gradient(150deg,#fff8fc,#f6e6fb);box-shadow:0 22px 42px #0700145e;color:var(--deep);border:1px solid #fff;overflow:hidden}.ticket .tiny{font-size:10px;font-weight:900;color:#a75a9e;letter-spacing:.2em}.ticket .big{font-family:Arial,sans-serif;font-weight:950;font-size:49px;letter-spacing:-.07em;margin-top:8px}.ticket .big span{color:var(--pink)}.ticket-line{border-top:2px dashed #d8bbda;margin-top:17px;position:relative}.ticket-line:before,.ticket-line:after{content:'';position:absolute;width:25px;height:25px;border-radius:50%;background:#352951;top:-14px}.ticket-line:before{left:-40px}.ticket-line:after{right:-40px}.ticket-date{font-size:12px;color:#7d627f;margin-top:19px;font-weight:800}.ticket-graphic{height:70px;border-radius:17px;background:repeating-linear-gradient(100deg,#edb5e9 0 8px,#fbe6f7 8px 15px);margin-top:16px;position:relative;overflow:hidden}.ticket-graphic:after{content:'✦   ♡   ✦';display:grid;place-items:center;position:absolute;inset:0;font-size:30px;color:#ed5caa;background:linear-gradient(90deg,transparent,#fff9,transparent)}.sparkle{position:absolute;color:#ffd5e5;font-size:35px;filter:drop-shadow(0 4px 8px #1009264f)}.sparkle.s1{top:15%;left:9%}.sparkle.s2{bottom:7%;right:9%;font-size:55px}.sparkle.s3{top:9%;right:12%;font-size:15px}.section{padding:56px 0 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section-header h2,.page-header h1{margin:4px 0 0;font-size:clamp(24px,3vw,33px);font-weight:950;letter-spacing:-.045em;line-height:1.35}.section-header p{margin:7px 0 0;color:var(--muted);font-size:13px}.more-link{color:var(--pink);font-size:12px;font-weight:900;white-space:nowrap}.more-link:hover{text-decoration:underline}.search-panel{position:relative;margin-top:-20px;z-index:1;background:#fff;padding:18px 18px 18px 24px;border:1px solid #f0e7ef;box-shadow:0 18px 40px #35245e15;display:flex;align-items:center;gap:16px;border-radius:18px}.search-panel .loupe{font-size:22px;color:var(--pink)}.search-panel form{display:flex;flex:1;gap:12px}.search-panel input{flex:1;min-width:0;border:0;outline:0;font-size:15px;background:transparent;color:var(--ink)}.search-panel input::placeholder{color:#9993a2}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.pill{display:inline-flex;align-items:center;border-radius:30px;font-size:11px;color:#6d5c76;background:#f5edf6;border:1px solid #eee0ef;padding:5px 12px;font-weight:800}.pill:hover{color:var(--pink);border-color:var(--pink)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{display:block;background:white;border-radius:20px;padding:24px 20px;min-height:166px;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.category-card:hover{border-color:#efb2d4;transform:translateY(-4px)}.category-card .category-icon{display:grid;place-items:center;border-radius:14px;width:46px;height:46px;font-size:24px;margin-bottom:20px}.category-card h3{font-size:15px;margin:0 0 3px;font-weight:950}.category-card p{font-size:11px;color:var(--muted);margin:0}.category-card .arrow{float:right;font-size:17px;color:var(--pink);font-weight:900}.icon-pink{background:#fff0f6}.icon-violet{background:#f3eeff}.icon-blue{background:#eff6ff}.icon-mint{background:#edfaf8}.two-col{display:grid;grid-template-columns:1.4fr .8fr;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:22px;padding:23px;box-shadow:var(--shadow)}.event-list{display:flex;flex-direction:column;gap:11px}.event-item{display:flex;gap:18px;align-items:center;background:white;padding:17px;border:1px solid var(--line);border-radius:17px;transition:transform .2s,border-color .2s}.event-item:hover{border-color:#efa7c9;transform:translateY(-2px)}.date-tile{width:79px;flex-shrink:0;background:#fdf0f7;color:var(--deep);border-radius:14px;text-align:center;padding:9px 5px}.date-tile small{display:block;color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.08em}.date-tile b{display:block;font-size:31px;font-family:Arial,sans-serif;line-height:1.15}.date-tile span{font-size:10px;color:#8c6f86;font-weight:800}.event-main{flex:1;min-width:0}.meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mini-tag{font-size:10px;border-radius:5px;padding:2px 7px;background:#f1edf9;color:#64518d;font-weight:900}.mini-tag.live{background:#eaf3ff;color:#507ab1}.mini-tag.release{background:#fcecf5;color:#bf438b}.mini-tag.fan{background:#e9f8f3;color:#318b7c}.mini-tag.warning{background:#fff3e0;color:#a76f10}.event-item h3{font-size:15px;margin:5px 0 4px;line-height:1.5}.event-item .subline{margin:0;font-size:11px;color:var(--muted)}.event-arrow{color:#b6a8bb;font-size:22px}.event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.news-list{display:flex;flex-direction:column}.news-row{display:block;padding:15px 0;border-bottom:1px solid var(--line)}.news-row:last-child{border-bottom:0}.news-row:hover h3{color:var(--pink)}.news-row time{font-size:11px;color:var(--muted);font-weight:800}.news-row h3{font-size:13px;font-weight:850;margin:4px 0}.guide-promo{position:relative;background:linear-gradient(145deg,#fef2f8,#f3eafe);border:1px solid #f2dfed;border-radius:25px;padding:25px;overflow:hidden;min-height:213px}.guide-promo:after{content:'♡';font-size:150px;line-height:1;color:#efbedf70;position:absolute;right:-8px;top:9px}.guide-promo>*{position:relative;z-index:1}.guide-promo h3{font-size:20px;line-height:1.45;margin:10px 0}.guide-promo p{font-size:12px;color:#77687f;max-width:210px}.soft-banner{border-radius:22px;background:linear-gradient(115deg,#fff5fb,#f3eeff);padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #f2e5f3}.soft-banner h3{margin:0 0 4px;font-size:17px}.soft-banner p{color:var(--muted);margin:0;font-size:12px}.footer{margin-top:74px;background:#25213d;color:white}.footer-main{display:grid;grid-template-columns:1.3fr 2fr;gap:55px;padding:47px 0}.footer .brand-name{color:#fff}.footer .brand-caption{color:#ffc0df}.footer-about{font-size:11px;line-height:2;color:#d0c9d9;max-width:360px;margin-top:19px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-links h4{font-size:11px;color:#ffb9dc;letter-spacing:.12em;margin:0 0 10px}.footer-links a{display:block;font-size:12px;color:#dad3e5;margin:8px 0}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #4a435c;font-size:11px;color:#b7b1c4;padding:19px 0;display:flex;justify-content:space-between;gap:15px}.page-header{padding:44px 0 27px}.breadcrumb{font-size:11px;font-weight:700;color:#8f8695;margin-bottom:16px}.breadcrumb a:hover{color:var(--pink)}.breadcrumb span{margin:0 8px}.page-header .lede{color:var(--muted);margin:11px 0 0;font-size:13px}.main-area{min-height:420px}.filter-card{background:white;border:1px solid var(--line);padding:18px;border-radius:19px;margin-bottom:19px;box-shadow:var(--shadow)}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:end}.field label{display:block;font-size:11px;font-weight:900;color:#696077;margin-bottom:6px}.field input,.field select,.search-page-input{width:100%;min-height:42px;border:1px solid #e4dbe8;border-radius:10px;background:#fff;padding:9px 12px;color:var(--ink);outline:0}.field input:focus,.field select:focus,.search-page-input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ee4fa31b}.results-bar{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px;color:var(--muted);font-size:12px}.results-bar strong{color:var(--pink);font-weight:950}.notice{padding:13px 16px;border-radius:13px;color:#8b5b27;background:#fff6e8;border:1px solid #ffe5b6;font-size:12px;margin-bottom:17px}.empty{padding:54px 24px;border:1px dashed #d7cadf;border-radius:22px;background:#fff;text-align:center}.empty .emoji{font-size:38px;display:block}.empty h3{margin:12px 0 4px;font-size:16px}.empty p{color:var(--muted);font-size:12px}.detail-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.detail-article{background:white;border:1px solid var(--line);padding:30px;border-radius:23px}.detail-article h1{font-size:clamp(23px,3vw,34px);line-height:1.45;margin:12px 0 15px}.detail-article h2{font-size:17px;border-left:4px solid var(--pink);padding-left:12px;margin-top:33px}.detail-article p{color:#555168}.detail-table{width:100%;border-collapse:collapse}.detail-table th,.detail-table td{border-bottom:1px solid var(--line);padding:14px 6px;text-align:left;vertical-align:top;font-size:13px}.detail-table th{color:#8b7c94;width:105px;font-size:11px}.side-card{border-radius:19px;background:white;border:1px solid var(--line);padding:19px;margin-bottom:14px}.side-card h3{font-size:14px;margin:0 0 13px}.side-card p{font-size:12px;color:var(--muted)}.source-link{word-break:break-all;color:#b34386;font-weight:800}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.media-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s}.media-card:hover{transform:translateY(-3px)}.media-card .thumb{aspect-ratio:5/3.3;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#fce6f1,#ebe4fb)}.media-card .thumb:before{content:'';position:absolute;inset:18% 12%;border-radius:50%;background:#fff7;border:1px solid #fff8;transform:rotate(-25deg)}.media-card .thumb b{font-size:43px;color:#d759a0;position:relative;z-index:1}.media-card .content{padding:17px}.media-card .content small{color:var(--pink);font-weight:900;font-size:10px}.media-card h3{font-size:15px;margin:6px 0}.media-card p{font-size:11px;color:var(--muted);margin:0}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.member-tile{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.member-cover{height:158px;display:grid;place-items:center;position:relative;overflow:hidden}.member-cover:before,.member-cover:after{content:'';position:absolute;border:1px solid #ffffff99;border-radius:50%;width:155px;height:155px;top:27px;left:calc(50% - 77px)}.member-cover:after{width:205px;height:205px;top:1px;left:calc(50% - 103px)}.member-avatar{position:relative;z-index:1;background:#ffffff91;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;color:#50315b;font-weight:900;font-family:Arial,sans-serif;font-size:25px;box-shadow:0 9px 26px #58456a19}.member-tile .content{padding:15px}.member-tile small{font-size:10px;color:var(--muted)}.member-tile h3{font-size:14px;margin:4px 0}.guide-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.guide-tab{display:block;background:white;border:1px solid var(--line);padding:22px;border-radius:19px}.guide-tab:hover{border-color:var(--pink)}.guide-tab b{display:block;margin:8px 0;font-size:16px}.guide-tab p{font-size:12px;color:var(--muted);margin:0}.guide-content{background:white;border:1px solid var(--line);border-radius:22px;padding:28px;scroll-margin-top:105px;margin-bottom:18px}.guide-content h2{margin:0 0 15px;font-size:21px}.guide-content ol{padding-left:24px}.guide-content li{margin-bottom:9px}.guide-content p{color:var(--muted)}.faq{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{font-weight:850;cursor:pointer}.faq p{margin:9px 0}.search-controls{display:flex;gap:10px;margin-bottom:20px}.search-controls .search-page-input{flex:1;min-width:0}.search-results{display:flex;flex-direction:column;gap:10px}.search-result{background:#fff;border:1px solid var(--line);padding:17px;border-radius:15px}.search-result:hover{border-color:#f1abd0}.search-result h3{margin:4px 0;font-size:15px}.search-result p{margin:0;color:var(--muted);font-size:12px}.search-result .label{font-size:10px;color:var(--pink);font-weight:900}.utility-row{display:flex;flex-wrap:wrap;gap:10px}.link-tile{display:block;background:white;border:1px solid var(--line);padding:20px;border-radius:18px;min-height:123px}.link-tile:hover{border-color:var(--pink)}.link-tile h3{margin:0 0 6px;font-size:14px}.link-tile p{color:var(--muted);font-size:11px;margin:0 0 6px}.muted{color:var(--muted)}.small{font-size:12px}.readonly{opacity:.75}.phase-check{display:flex;gap:10px;align-items:start;margin:13px 0;color:#696175}.phase-check::before{content:'✓';color:var(--pink);font-weight:900}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-16{margin-bottom:16px}.footer-note{font-size:11px;color:#9e91ac}.floating-top{position:fixed;right:20px;bottom:20px;border-radius:50%;width:43px;height:43px;background:var(--pink);border:none;color:white;z-index:12;box-shadow:0 9px 18px #ee4fa34a;display:none}.floating-top.is-visible{display:grid;place-items:center}
@media(max-width:1100px){.desktop-nav{gap:13px;margin-left:0}.desktop-nav a{font-size:11px}.header-inner{gap:20px}.brand-name{font-size:21px}.hero-copy{padding-left:43px}}@media(max-width:900px){.desktop-nav,.nav-search{display:none}.mobile-toggle{display:block;margin-left:auto}.site-header{height:68px}.mobile-panel{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);box-shadow:0 16px 22px #251c4427;max-height:calc(100vh - 68px);overflow:auto;padding:12px 24px 20px;border-top:1px solid var(--line)}.mobile-panel.is-open{display:block}.mobile-panel a{display:block;padding:14px 5px;border-bottom:1px solid var(--line);font-weight:850;font-size:13px}.hero{min-height:380px}.hero-copy{padding-left:36px}.hero h1{font-size:40px}.hero-visual{padding-right:27px}.ticket .big{font-size:39px}.grid-4{grid-template-columns:repeat(2,1fr)}.member-grid{grid-template-columns:repeat(3,1fr)}.filter-grid{grid-template-columns:repeat(3,1fr)}.field.search-field{grid-column:span 3}.filter-grid .btn{grid-column:span 3}.two-col{grid-template-columns:1fr}.detail-shell{grid-template-columns:1fr}.detail-shell aside{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.footer-main{gap:25px}}
@media(max-width:640px){.container{width:calc(100% - 30px)}.top-strip{font-size:10px}.hero{grid-template-columns:1fr;border-radius:22px;margin-top:15px;min-height:0}.hero-copy{padding:36px 25px 22px}.hero h1{font-size:36px;line-height:1.34;margin:13px 0}.hero-desc{font-size:12px}.hero-actions{margin-top:22px}.hero-actions .btn{font-size:12px;min-height:43px;padding:12px 14px}.hero-visual{padding:0 30px 26px;min-height:205px}.ticket-stack{width:228px;aspect-ratio:1.45/1;transform:rotate(6deg)}.ticket{padding:16px 19px;border-radius:19px}.ticket .big{font-size:30px;margin-top:0}.ticket .tiny,.ticket-date{font-size:8px}.ticket-date{margin-top:8px}.ticket-line{margin-top:6px}.ticket-graphic{height:29px;margin-top:9px}.ticket-graphic:after{font-size:18px}.ticket-line:before,.ticket-line:after{height:20px;width:20px;top:-12px}.ticket-line:before{left:-30px}.ticket-line:after{right:-30px}.sparkle.s1{left:8%;top:4%}.sparkle.s2{bottom:9%;right:14%;font-size:32px}.search-panel{padding:12px 12px 12px 16px;margin-top:-12px;gap:8px}.search-panel input{font-size:12px}.search-panel .loupe{font-size:18px}.search-panel .btn{font-size:11px;min-height:40px;padding:10px 12px}.section{padding-top:42px}.section-header{align-items:center}.section-header h2{font-size:23px}.section-header p{font-size:11px}.grid-4{gap:10px}.category-card{padding:17px 13px;min-height:148px;border-radius:17px}.category-card h3{font-size:13px}.category-card p{font-size:10px}.category-card .category-icon{width:41px;height:41px;font-size:21px;margin-bottom:15px}.event-item{padding:12px;gap:10px}.date-tile{width:64px;padding:8px 3px}.date-tile b{font-size:27px}.event-item h3{font-size:13px}.event-item .subline{font-size:10px}.event-arrow{display:none}.event-grid{grid-template-columns:1fr}.panel{padding:19px}.soft-banner{flex-direction:column;align-items:start;padding:20px}.soft-banner .btn{width:100%}.page-header{padding:27px 0 20px}.page-header h1{font-size:28px}.filter-grid{grid-template-columns:1fr 1fr}.field.search-field{grid-column:span 2}.filter-grid .btn{grid-column:span 2}.media-grid{grid-template-columns:repeat(2,1fr);gap:10px}.media-card .content{padding:12px}.media-card h3{font-size:13px}.media-card .thumb b{font-size:27px}.member-grid{grid-template-columns:repeat(2,1fr);gap:10px}.member-cover{height:138px}.member-tile .content{padding:12px}.guide-tabs{grid-template-columns:1fr;gap:9px}.guide-tab{padding:15px}.guide-content{padding:18px}.guide-content h2{font-size:19px}.detail-article{padding:20px}.detail-shell aside{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr;gap:23px;padding:32px 0}.footer-links{gap:12px}.footer-bottom{flex-direction:column}.search-controls{flex-direction:column}.search-controls .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.page-header .page-title{margin:4px 0 0;font-size:clamp(24px,3vw,33px);font-weight:950;letter-spacing:-.045em;line-height:1.35}