.guide-archive-detail,.guide-archive-page{width:min(100%,1660px);margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.guide-archive-detail-header,.guide-archive-hero{position:relative;isolation:isolate;min-height:var(--site-page-hero-min-height);overflow:hidden;border:12px solid transparent;border-image:url(/wallpaper/main-page-rail-border.png) 18 stretch;background:linear-gradient(90deg,rgba(48,1,10,.94),rgba(73,5,17,.72) 55%,rgba(49,4,13,.32)),url(/wallpaper/arena-rail-red.jpg) 50% /375px 172px repeat;box-shadow:0 16px 28px rgba(73,39,15,.16);padding:var(--site-page-hero-padding-block) var(--site-page-hero-padding-inline)}.guide-archive-hero:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(110deg,rgba(255,226,151,.16),transparent 42%,rgba(41,2,5,.14));opacity:.55}.guide-archive-hero>*{position:relative;z-index:1}.guide-archive-detail-header h1,.guide-archive-hero h1{margin:.25rem 0 .55rem;font-family:var(--font-display);color:#fff1c5;font-size:clamp(2.05rem,4vw,3.8rem);line-height:.98}.guide-archive-detail-header p,.guide-archive-hero p{margin:0;max-width:760px;color:#edcf91;font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}.guide-archive-eyebrow{display:inline-flex;width:fit-content;border-radius:999px;background:rgba(201,157,71,.16);color:#805d23;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;padding:.36rem .68rem}.guide-archive-hero .guide-archive-eyebrow{border:1px solid rgba(232,185,79,.36);background:rgba(34,2,9,.64);color:#edcf91}.guide-archive-toolbar{display:flex;flex-direction:column;gap:.9rem;border:1px solid rgba(185,139,60,.3);border-radius:16px;background:rgba(255,250,238,.86);padding:1rem}.guide-archive-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;border:1px solid rgba(128,93,35,.3);border-radius:999px;background:#fffaf0;padding:.35rem .45rem .35rem .85rem;color:#805d23}.guide-archive-search input{min-width:0;border:0;outline:0;background:transparent;color:#2f1b10;font-size:1rem}.guide-archive-back,.guide-archive-pagination button,.guide-archive-search button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(128,93,35,.28);border-radius:999px;background:#2f1b10;color:#fff2bf;font-weight:900;padding:.62rem 1rem;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}.guide-archive-back:hover,.guide-archive-pagination button:not(:disabled):hover,.guide-archive-search button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(47,27,16,.18)}.guide-archive-pagination button:disabled{cursor:not-allowed;opacity:.45}.guide-archive-kind-filter{display:flex;flex-wrap:wrap;gap:.55rem}.guide-archive-kind-filter button{display:inline-flex;align-items:center;gap:.42rem;border:1px solid rgba(128,93,35,.25);border-radius:999px;background:rgba(255,255,255,.78);color:#5b4428;font-weight:800;padding:.5rem .82rem}.guide-archive-kind-filter button.active{border-color:rgba(201,157,71,.8);background:#ead079;color:#2f1b10}.guide-archive-kind-filter button span{border-radius:999px;background:rgba(47,27,16,.1);padding:.08rem .38rem;font-size:.78rem}.guide-archive-summary{display:flex;flex-wrap:wrap;gap:.6rem;color:#6d5432}.guide-archive-summary span{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:rgba(255,250,238,.88);padding:.4rem .72rem;font-weight:800}.guide-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem}.guide-archive-card-skeleton{pointer-events:none}.guide-archive-skeleton-meta{height:1.5rem;width:70%}.guide-archive-skeleton-title{display:grid;gap:.35rem;padding-block:.2rem}.guide-archive-skeleton-title .loading-block{height:.8rem}.guide-archive-skeleton-description{display:grid;gap:.4rem;padding-block:.2rem}.guide-archive-skeleton-description .loading-block{height:.65rem}.guide-archive-skeleton-description .loading-block:last-child,.guide-archive-skeleton-title .loading-block:last-child{width:74%}.guide-archive-skeleton-section{height:1.15rem;width:52%;margin-top:auto}.guide-detail-skeleton{min-height:100svh}.guide-detail-skeleton__back{width:10rem;height:46px}.guide-detail-skeleton__banner{height:var(--site-page-hero-min-height);margin-bottom:var(--site-page-hero-content-gap);flex-shrink:0}@media (max-width:720px){.guide-detail-skeleton__banner{height:var(--site-page-hero-mobile-min-height)}}.guide-detail-skeleton__reader{display:grid;align-content:start;gap:1.2rem;min-height:360px}.guide-detail-skeleton__reader .loading-block{height:1rem}.guide-detail-skeleton__reader .loading-block:nth-child(3n){width:74%}.guide-archive-card{display:flex;flex-direction:column;min-height:100%;border:1px solid rgba(185,139,60,.34);border-radius:16px;background:rgba(255,250,238,.92);padding:.75rem;color:inherit;text-decoration:none;box-shadow:0 14px 28px rgba(61,42,30,.1);transition:transform var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}@media (hover:hover){.guide-archive-card:hover{transform:translateY(calc(var(--motion-lift) * -1));border-color:rgba(201,157,71,.85);box-shadow:0 18px 34px rgba(61,42,30,.16)}}.guide-archive-card:focus-visible{transform:translateY(calc(var(--motion-lift) * -1))}.guide-archive-card-media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,#efe2c3,#fff7df);overflow:hidden;border:1px solid rgba(185,139,60,.22)}.guide-archive-card-media img{width:100%;height:100%;object-fit:cover;display:block}.guide-archive-card-media-empty{color:#805d23}.guide-archive-card-body{min-width:0;display:flex;flex-direction:column;gap:.45rem;flex:1;padding:.75rem .15rem .1rem}.guide-archive-card-meta,.guide-archive-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:#805d23;font-size:.84rem;font-weight:800}.guide-archive-card-meta span{border-radius:999px;background:rgba(201,157,71,.16);padding:.18rem .48rem}.guide-archive-card strong{color:#2f1b10;font-family:var(--font-display);font-size:clamp(1.08rem,1.25vw,1.34rem);line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}.guide-archive-card-description{color:#674f33;font-size:.9rem;line-height:1.42;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.guide-archive-card-section{margin-top:auto;color:#8a6a35;font-weight:900;font-size:.88rem}.guide-archive-pagination{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:.5rem}.guide-archive-pagination span{color:#6d5432;font-weight:900}.guide-archive-error,.guide-archive-loading{border:1px solid rgba(185,139,60,.3);border-radius:16px;background:rgba(255,250,238,.9);color:#5b4428;font-weight:900;padding:1.2rem}.guide-archive-error{border-color:rgba(167,50,38,.32);color:#8f251d}.guide-archive-back{align-self:flex-start;background:rgba(255,250,238,.9);color:#2f1b10}.guide-archive-detail-header{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2rem);overflow:hidden}.guide-archive-detail-header>div{min-width:0}.guide-archive-detail-cover{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:#efe2c3;box-shadow:0 18px 36px rgba(47,27,16,.14)}.guide-archive-detail-meta{margin:.45rem 0 .8rem;display:flex;flex-wrap:wrap;gap:.45rem}.guide-archive-detail-meta a,.guide-archive-detail-meta span{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:rgba(255,255,255,.64);color:#6d5432;text-decoration:none;padding:.32rem .62rem}.guide-archive-reader{width:100%;max-width:min(100%,1120px);margin:0 auto;border:1px solid rgba(185,139,60,.3);border-radius:20px;background:rgba(255,252,244,.96);color:#2c241c;font-size:clamp(1.02rem,1.55vw,1.16rem);line-height:1.68;padding:clamp(1.25rem,4vw,2.4rem);box-shadow:0 20px 46px rgba(61,42,30,.12);overflow:hidden}.guide-archive-reader *,.guide-archive-reader :after,.guide-archive-reader :before{box-sizing:border-box;max-width:100%}.guide-archive-reader blockquote,.guide-archive-reader li,.guide-archive-reader p,.guide-archive-reader td,.guide-archive-reader th{overflow-wrap:anywhere}.guide-archive-reader p{max-width:920px;margin:0 auto 1.05rem}.guide-archive-detail-header h1{font-size:clamp(2rem,3.35vw,3.25rem);line-height:1.04;overflow-wrap:anywhere}.guide-archive-detail-header p{overflow-wrap:anywhere}.guide-archive-reader h2,.guide-archive-reader h3,.guide-archive-reader h4{clear:both;max-width:920px;margin:2rem auto .85rem;color:#2f1b10;font-family:var(--font-display);line-height:1.05;overflow-wrap:anywhere}.guide-archive-reader h2{font-size:clamp(1.8rem,4vw,2.7rem)}.guide-archive-reader h3{font-size:clamp(1.45rem,3vw,2.1rem)}.guide-archive-reader ol,.guide-archive-reader ul{max-width:920px;padding-left:1.45rem;margin:0 auto 1.25rem}.guide-archive-reader li{margin:.48rem 0}.guide-archive-reader figure{display:block;clear:both;width:fit-content;max-width:100%;margin:1.45rem auto;border-radius:16px;background:#f2e5c8;overflow:hidden;box-shadow:0 16px 32px rgba(61,42,30,.14)}.guide-archive-reader a:has(>figure){display:block;width:fit-content;max-width:100%;margin:1.45rem auto}.guide-archive-reader a:has(>figure) figure{margin:0}.guide-archive-reader a:empty,.guide-archive-reader figure:empty,.guide-archive-reader p:empty{display:none}.guide-archive-reader img{float:none;position:static;inset:auto;display:block;width:auto;max-width:min(100%,820px);height:auto;max-height:760px;margin:0 auto;object-fit:contain;border-radius:14px}.guide-archive-reader a{color:#9b5d16;font-weight:800;text-decoration-thickness:.08em;text-underline-offset:.16em}.guide-archive-reader blockquote{margin:1.25rem 0;border-left:4px solid #c99d47;border-radius:12px;background:#f5ead1;padding:1rem 1.15rem}.guide-archive-reader table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.25rem 0}.guide-archive-reader td,.guide-archive-reader th{border:1px solid rgba(128,93,35,.2);padding:.6rem .75rem;vertical-align:top}.guide-archive-reader code,.guide-archive-reader pre{border-radius:10px;background:#2f1b10;color:#fff2bf}.guide-archive-reader pre{overflow-x:auto;padding:1rem}.guide-archive-reader code{padding:.08rem .28rem}@media (max-width:760px){.guide-archive-card,.guide-archive-detail-header,.guide-archive-search{grid-template-columns:1fr}.guide-archive-search{border-radius:18px}.guide-archive-card-media{width:100%;height:auto}.guide-archive-pagination{flex-direction:column}}