/* STANDARD_ASSET_LOCK=HASUGU-ARCHIVE-R6. 문제=전체 기록 접근·제목 시각 위계 부족 / 유발=선별 사례만 표시 / 수정=전체 기록관·입체 아이콘·빛 흐름 / 잠금=원본·기존 본문 보존, reduced-motion */
@property --a6{syntax:'<angle>';initial-value:0deg;inherits:false}
.title-emblem{display:inline-grid;place-items:center;width:48px;height:48px;flex:0 0 48px;vertical-align:middle;margin-right:14px;border:1px solid #b7dcff;border-radius:15px;background:linear-gradient(145deg,#effaff,#b3dfff);color:#075aad;box-shadow:inset 0 2px 2px #fff,0 4px 0 #75b3e3,0 10px 22px #166ba52b;transform:perspective(300px) rotateY(-12deg);animation:emblem6 5s ease-in-out infinite}
.title-emblem svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.section-head h2{display:flex;align-items:center}.guide-item{position:relative;border:1px solid #dbe8f5!important;border-radius:22px;padding:28px!important;background:linear-gradient(145deg,#fff,#edf6ff);box-shadow:0 12px 30px #1649780a}.guide-item h3{display:flex;align-items:center;line-height:1.5}.guide-item .title-emblem{width:38px;height:38px;flex-basis:38px;border-radius:12px}.hero h1 em{background:linear-gradient(100deg,#0757bc 15%,#02a7c2 45%,#0757bc 70%);background-size:230% 100%;background-clip:text;-webkit-text-fill-color:transparent;animation:heading6 7s ease-in-out infinite}
.archive-trust{padding:28px 0 45px;background:linear-gradient(#f8fcff,#fff)}.trust-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);border:1px solid #dceaf6;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 60px #194c7710}.trust-grid>div{padding:25px 28px;border-right:1px solid #e3edf6}.trust-grid>div:last-child{border:0}.trust-grid b{display:block;color:#104d91;font-size:31px;letter-spacing:-1px}.trust-grid small{display:block;color:#58738b;line-height:1.7}.trust-intro strong{display:block;font-size:20px;color:#173d60;margin-bottom:10px}.trust-intro a{display:inline-block;color:#0768c2;margin-top:10px;font-weight:700}.archive-section{background:radial-gradient(ellipse at 100% 0,#def3ff,transparent 50%),#f4f8fc}.archive-intro{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0;color:#496a87;line-height:1.8}.archive-intro span{padding:8px 15px;border-radius:30px;background:#fff;border:1px solid #dce8f5}.archive-controls{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:12px;margin:26px 0 18px}.archive-controls label{font-size:12px;font-weight:700;color:#496781}.archive-controls select,.archive-controls input{display:block;width:100%;margin-top:8px;border:1px solid #c9dced;border-radius:12px;padding:13px;background:#fff;color:#163d60;font:inherit;box-sizing:border-box}.archive-count{font-size:14px;color:#56758e;margin-bottom:20px}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.archive-card{padding:0;text-align:left;border:1px solid #dce9f4;border-radius:18px;overflow:hidden;background:#fff;color:#214969;cursor:pointer;box-shadow:0 8px 25px #164c7710;transition:transform .3s,box-shadow .3s}.archive-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #164c7728}.archive-thumb{height:190px;position:relative;overflow:hidden;background:linear-gradient(140deg,#0b3154,#176993)}.archive-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.archive-card:hover img{transform:scale(1.04)}.archive-thumb>span{position:absolute;top:12px;left:12px;padding:5px 10px;font-size:11px;border-radius:30px;background:#ffffffed;color:#145b92}.archive-thumb .play6{position:static;display:grid;place-items:center;background:transparent;color:#b6f1ff;font-size:45px;height:100%}.archive-card strong,.archive-card small{display:block;margin:14px 16px;overflow-wrap:anywhere}.archive-card strong{font-size:15px}.archive-card small{color:#71879a;font-size:11px;line-height:1.7}.archive-more{display:block;margin:28px auto 0;border:1px solid #1267bb;border-radius:30px;padding:14px 32px;background:#fff;color:#1267bb;font-weight:700;cursor:pointer}.archive-note{font-size:12px;color:#67829a;line-height:1.9;margin-top:24px}.archive-dialog{width:min(1000px,90vw);max-height:90vh;border:0;border-radius:22px;padding:22px}.archive-dialog::backdrop{background:#061c35cc;backdrop-filter:blur(8px)}.archive-dialog header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.archive-dialog>header button,.archive-dialog .archive-tools button{border:0;border-radius:20px;padding:10px 18px;background:#eaf3ff;color:#174e7d;cursor:pointer}.archive-view img,.archive-view video{display:block;max-width:100%;max-height:65vh;margin:auto;object-fit:contain}.archive-dialog p{font-size:13px;color:#628199;line-height:1.8}.archive-tools{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:18px}.archive-tools a{color:#096fc5;font-size:13px}.archive-empty{grid-column:1/-1;padding:35px;text-align:center;background:#fff;border-radius:16px}.archive-section .section-head{position:relative}.archive-section .section-head:after{content:'';height:3px;position:absolute;bottom:-10px;left:0;width:180px;background:linear-gradient(90deg,#1264cc,#0ccbd6,transparent);animation:line6 5s ease-in-out infinite}.section-head .eyebrow{color:#087fb0;font-weight:700;letter-spacing:2px}
@keyframes emblem6{50%{transform:perspective(300px) rotateY(12deg) translateY(-3px);box-shadow:inset 0 2px 2px #fff,0 4px 0 #75b3e3,0 14px 28px #166ba538}}@keyframes heading6{50%{background-position:100% 0}}@keyframes line6{50%{width:280px;opacity:.6}}
/* 문제=고급효과의 실제 적용 부족 / 유발=단색 테두리 / 수정=등록 각도 속성·원추 그라데이션·스크롤 등장 / 잠금=콘텐츠 숨김 없음·동작 정지 가능 */
.title-emblem{position:relative}.title-emblem:before{content:'';position:absolute;inset:-3px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--a6),#1671d6,#b6f5ff,#1671d6,#0dbacb,#1671d6);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:ring6 7s linear infinite;pointer-events:none}.graphic-toggle6{position:fixed;bottom:18px;right:18px;z-index:50;border:1px solid #cae4f8;border-radius:30px;background:#ffffffef;box-shadow:0 8px 26px #1c4c7325;color:#1c5786;padding:11px 18px;font-size:12px;cursor:pointer}.graphics-still6 *,.graphics-still6 *:before,.graphics-still6 *:after{animation-play-state:paused!important}.archive-card{content-visibility:auto;contain-intrinsic-size:auto 280px}@keyframes ring6{to{--a6:360deg}}@keyframes enter6{from{transform:translateY(15px)}to{transform:translateY(0)}}@supports(animation-timeline:view()){.guide-item{animation:enter6 linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}@media(prefers-reduced-motion:reduce){.title-emblem:before,.guide-item{animation:none!important}}
/* 문제=모바일 제목 단어 잘림 / 유발=아이콘 추가로 가용 폭 감소 / 수정=어절 단위 줄바꿈 / 잠금=가로 넘침 검증 */
.section-head h2,.guide-item h3{word-break:keep-all;overflow-wrap:normal}
@media(max-width:900px){.trust-grid{grid-template-columns:repeat(3,1fr)}.trust-intro{grid-column:1/-1;border-bottom:1px solid #e3edf6}.archive-grid{grid-template-columns:repeat(3,1fr)}.archive-controls{grid-template-columns:1fr 1fr}.title-emblem{width:40px;height:40px;flex-basis:40px}}
@media(max-width:640px){.trust-grid>div{padding:18px 13px}.trust-grid b{font-size:25px}.trust-grid small{font-size:10px}.trust-intro strong{font-size:19px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-thumb{height:155px}.archive-card strong{font-size:12px;margin:11px}.archive-card small{font-size:10px;margin:11px}.archive-intro{font-size:11px;gap:7px}.archive-intro span{padding:6px 10px}.title-emblem{width:35px;height:35px;flex-basis:35px;margin-right:11px;border-radius:11px}.title-emblem svg{width:23px;height:23px}.section-head h2{font-size:23px;line-height:1.4}.guide-item{padding:22px!important}.guide-item h3{font-size:18px}.archive-controls{gap:10px}.archive-controls select,.archive-controls input{padding:11px;font-size:12px}.archive-dialog{padding:15px;width:94vw;box-sizing:border-box}.archive-dialog header strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.title-emblem,.hero h1 em,.archive-section .section-head:after{animation:none!important}.archive-card,.archive-thumb img{transition:none}}