/* Reading and discovery pages for Cold Storage Jakarta. */
:root{--reading:760px}
html{scroll-padding-top:100px}
body{overflow-wrap:break-word}
.main-nav>a[aria-current="location"]{color:var(--blue);font-weight:800}
.site-header .main-nav{gap:clamp(14px,1.5vw,24px)}
.article-hero .hero-copy{max-width:790px}
.article-hero h1{font-size:clamp(36px,3.9vw,58px);line-height:1.18;letter-spacing:-2px;max-width:790px;margin-bottom:23px}
.article-hero .hero-intro{max-width:610px;font-size:14px;line-height:1.9;color:#3f596b}
.article-hero .hero-shade{background:linear-gradient(90deg,rgba(249,251,252,.98),rgba(249,251,252,.95) 29%,rgba(249,251,252,.70) 55%,rgba(249,251,252,.12) 88%)}
.article-hero .hero-visual img{object-position:72% center}
.article-hero .breadcrumbs{max-width:100%;white-space:nowrap;overflow:hidden;gap:10px;right:0}
.article-hero .breadcrumb-current{overflow:hidden;text-overflow:ellipsis;min-width:0}
.article-meta{display:flex;flex-wrap:wrap;gap:12px 21px;margin-top:25px;font-size:10px;color:#4b6578;line-height:1.7}
.article-meta>*+*{border-left:1px solid #adbdc9;padding-left:21px}
.article-hero .hero-actions{margin-top:24px}
.article-hero .hero-actions .quiet-link{font-size:11px}
.index-hero{background:linear-gradient(130deg,#f9fbfd 15%,#edf3f8 100%)}
.index-hero::after{content:"";position:absolute;right:-16vw;top:10%;width:60vw;aspect-ratio:1;border:1px solid #b9cddd66;border-radius:50%;pointer-events:none}
.index-hero::before{content:"";position:absolute;right:-8vw;top:17%;width:46vw;aspect-ratio:1;border:1px solid #b9cddd66;border-radius:50%;pointer-events:none}
.index-hero .hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:60px}
.index-hero .hero-copy{position:relative;z-index:1;max-width:620px}
.index-hero h1{font-size:clamp(39px,4.1vw,62px);line-height:1.18;letter-spacing:-2px}
.index-hero .hero-intro{font-size:14px;line-height:1.95;max-width:495px}
.index-hero .hero-intro strong{font-weight:600;color:var(--blue)}
.index-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;position:relative;z-index:1}
.index-topics>a{padding:24px 0 20px;border-top:1px solid #bdcddb;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.index-topics>a:hover .topic-name{color:var(--blue)}
.topic-number{font-size:9px;letter-spacing:1px;color:#718a9c}
.topic-name{font-size:14px;line-height:1.6;font-weight:600;color:var(--navy)}
.topic-count{font-size:10px;color:#728593}
.editorial-index{padding-block:88px 96px}
.index-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:34px}
.index-heading h2{font-size:37px}
.index-heading>p{font-size:12px;line-height:1.9;max-width:385px;color:var(--muted)}
.catalog-tools{border-block:1px solid var(--line);padding-block:24px 22px;margin-bottom:34px}
.search-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.search-field{position:relative;width:min(100%,480px)}
.search-field input{min-height:48px;border:1px solid #d6e1e8;border-radius:0;background:#fff;padding:12px 40px 12px 16px;font-size:12px;line-height:1.6;color:var(--ink)}
.search-field>svg{position:absolute;right:15px;top:15px;width:18px;height:18px;color:#6f8797;pointer-events:none}
.result-count{font-size:11px;color:var(--muted);white-space:nowrap}
.topic-filters{display:flex;flex-wrap:wrap;gap:9px}
.topic-filter{border:1px solid #d8e3eb;background:#fff;color:#5c7283;border-radius:50px;font-size:10px;line-height:1.6;padding:9px 14px;text-align:center}
.topic-filter[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.topic-filter:hover{border-color:var(--blue)}
.article-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 38px;list-style:none;margin:0;padding:0}
.article-card{border-bottom:1px solid var(--line);padding:26px 0 30px;display:flex;flex-direction:column;min-width:0;scroll-margin-top:110px}
.article-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;color:#698193;line-height:1.6;margin-bottom:17px}
.article-card-number{color:#859ba9;font-size:10px;letter-spacing:.8px}
.article-card h3{font-size:20px;line-height:1.45;letter-spacing:-.55px;font-weight:550;color:var(--navy);margin-bottom:14px}
.article-card h3 a:hover{color:var(--blue)}
.article-card p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:23px}
.article-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-size:9px;color:#8093a0}
.article-card .text-link{font-size:10px}
.empty-results{padding:38px 0;font-size:14px;color:var(--muted)}
.reset-results{border:0;border-bottom:1px solid #b5c8d6;background:none;color:var(--blue);font-size:12px;padding:0 0 4px;margin-top:14px}
.article-layout{display:grid;grid-template-columns:minmax(0,var(--reading)) minmax(195px,240px);gap:80px;justify-content:space-between;padding-block:78px 90px;align-items:start}
.article-content{grid-column:1;grid-row:1;min-width:0}
.article-toc{grid-column:2;grid-row:1;position:sticky;top:104px;align-self:start;border-top:1px solid #b8ccdb;padding-top:20px}
.article-toc summary{font-size:12px;font-weight:700;color:var(--navy);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc summary::after{content:"+";font-size:18px;font-weight:400;color:#7591a4}
.article-toc details[open]>summary::after{content:"−"}
.article-toc ol{margin:16px 0 0;padding:0;list-style:none;counter-reset:toc}
.article-toc li{margin:0;border-bottom:1px solid #e5ecf1;counter-increment:toc}
.article-toc a{display:flex;gap:12px;font-size:11px;line-height:1.8;padding:11px 0;color:#627b8d}
.article-toc a::before{content:counter(toc,decimal-leading-zero);font-size:9px;color:#8fa2af;min-width:17px;padding-top:1px}
.article-toc a:hover{color:var(--blue)}
.article-toc .toc-index-link{font-size:11px;margin-top:21px;display:inline-block;border-bottom:1px solid #b2c6d4;padding:0 0 4px;color:var(--blue)}
.article-toc .toc-index-link::before{content:none}
.article-content section{margin-bottom:43px;scroll-margin-top:100px}
.article-content h2{font-size:29px;line-height:1.4;font-weight:550;letter-spacing:-.75px;margin:0 0 21px}
.article-content h3{font-size:19px;line-height:1.5;margin:27px 0 14px;color:var(--navy);font-weight:650}
.article-content p{font-size:16px;line-height:1.95;color:#425d70;margin-bottom:19px}
.article-content a:not(.button):not(.text-link){color:var(--blue);text-decoration:underline;text-decoration-color:#a9bfd0;text-underline-offset:4px}
.article-content strong{font-weight:650;color:#24485f}
.article-content ul,.article-content ol{list-style:revert;margin:15px 0 23px;padding-left:23px}
.article-content li{font-size:16px;line-height:1.9;color:#425d70;padding-left:5px;margin-bottom:10px}
.article-content .key-points{border:1px solid #d9e5ee;background:#f6f9fc;padding:30px 33px 24px;margin-bottom:42px}
.key-points .eyebrow{font-size:9px;margin-bottom:12px;letter-spacing:1.4px}
.article-content .key-points h2{font-size:23px;margin-bottom:15px}
.article-content .key-points ul{margin:0;padding-left:20px}
.article-content .key-points li{font-size:13px;line-height:1.85;margin-bottom:11px}
.article-content .key-points li:last-child{margin-bottom:0}
.article-content .table-scroll{margin:24px 0 27px;overflow-x:auto;border:1px solid #dce6ee}
.article-content table{width:100%;border-collapse:collapse;min-width:480px;font-size:12px;line-height:1.8;text-align:left}
.article-content thead{background:#f0f5f9;color:var(--navy)}
.article-content th{font-weight:650}
.article-content th,.article-content td{vertical-align:top;padding:15px 17px;border-bottom:1px solid #e0e8ee}
.article-content tbody tr:last-child td{border-bottom:0}
.article-content .article-faq{margin-top:43px;border-top:1px solid var(--line);padding-top:36px}
.article-faq details{border-bottom:1px solid var(--line)}
.article-faq summary{display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;list-style:none;padding:19px 0;font-size:14px;line-height:1.75;font-weight:600;color:var(--navy)}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary::after{content:"+";color:#6d8ca2;font-size:19px;font-weight:400;flex-shrink:0}
.article-faq details[open]>summary::after{content:"−"}
.article-faq details p{font-size:14px;padding-right:28px;margin-bottom:22px}
.article-content .article-references{padding-top:29px;margin-bottom:0}
.article-content .article-references h2{font-size:21px;letter-spacing:-.3px}
.article-content .article-references ol{margin-top:0;padding-left:20px}
.article-content .article-references li{font-size:11px;line-height:1.9;margin-bottom:12px;word-break:break-word}
.article-consult{background:#f1f6fa;border-top:1px solid #dfe9f0;padding-block:48px}
.article-consult-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}
.article-consult h2{font-size:28px;letter-spacing:-.7px;margin-bottom:14px}
.article-consult p{max-width:660px;font-size:12px;line-height:1.9;color:var(--muted)}
.article-consult-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0}
.article-consult .text-link{font-size:10px}
.related-section{padding-block:70px 82px}
.related-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:22px}
.related-heading h2{font-size:33px}
.related-heading .text-link{font-size:11px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.related-grid .article-card{padding-top:22px}
.related-grid .article-card h3{font-size:20px}
.reading-progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--blue);z-index:45;pointer-events:none}
.site-footer .footer-company{font-weight:650;color:#d7e3ed;margin-bottom:12px}
.site-footer .footer-icon{align-items:flex-start}
.site-footer .footer-icon>span{min-width:0}
@media(min-width:1600px){.article-hero h1{font-size:62px}.index-hero h1{font-size:65px}}
@media(max-width:1150px){.article-layout{gap:45px;grid-template-columns:minmax(0,1fr)215px}.index-hero .hero-inner{gap:36px}.index-topics{gap:0 22px}.topic-name{font-size:12px}.article-card h3{font-size:18px}.article-catalog{gap:0 27px}}
@media(max-width:1000px){.site-header .main-nav{gap:0}.article-hero .hero-copy{max-width:710px}.article-hero h1{font-size:clamp(38px,5vw,52px);max-width:710px}.article-hero .hero-intro{max-width:575px;font-size:13px}.article-hero .hero-shade{background:linear-gradient(90deg,rgba(249,251,252,.98),rgba(249,251,252,.94) 44%,rgba(249,251,252,.48))}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr)200px}.article-toc{top:85px}.index-hero h1{font-size:46px}.index-hero .hero-intro{font-size:13px}.index-topics>a{padding-block:20px 17px}.index-heading h2{font-size:33px}.topic-name{font-size:12px}}
@media(max-width:800px){.article-layout{grid-template-columns:1fr;gap:34px;padding-block:50px 60px}.article-toc{grid-column:1;grid-row:1;position:static}.article-content{grid-column:1;grid-row:2}.article-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.article-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 27px}.index-hero .hero-inner{grid-template-columns:1fr;gap:40px;padding-top:135px;padding-bottom:55px}.index-hero .hero-copy{max-width:100%}.index-hero h1{font-size:clamp(39px,6.2vw,55px)}.index-hero .hero-intro{max-width:600px}.index-topics{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 23px}.index-topics>a{padding-block:18px 14px;gap:6px}.topic-name{font-size:11px}.topic-count{font-size:9px}.index-heading{display:block}.index-heading>p{margin-top:18px;max-width:570px}.article-consult-inner{gap:30px}.related-grid{gap:22px}.related-grid .article-card h3{font-size:17px}.article-content h2{font-size:27px}}
@media(max-width:600px){.article-hero h1{font-size:clamp(31px,8.1vw,43px);letter-spacing:-1.2px;line-height:1.23;margin-bottom:19px}.article-hero .hero-intro{font-size:12px;line-height:1.95;max-width:100%}.article-hero .hero-copy{max-width:100%;padding-bottom:0}.article-hero .hero-visual img{object-position:70% center}.article-hero .hero-shade{background:linear-gradient(180deg,rgba(249,251,252,.86),rgba(249,251,252,.94) 28%,rgba(249,251,252,.94) 68%,rgba(249,251,252,.6))}.article-hero .hero-inner{padding-top:133px;padding-bottom:60px}.article-hero .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}.article-meta{gap:9px 13px;font-size:9px;margin-top:22px}.article-meta>*+*{padding-left:13px}.article-meta .article-author{flex-basis:100%;border:0;padding:0}.article-hero .breadcrumbs{font-size:8px;top:84px;gap:8px}.article-hero .hero-actions{margin-top:20px}.article-layout{padding-block:40px 48px;gap:29px}.article-toc ol{grid-template-columns:1fr;gap:0;margin-top:13px}.article-toc a{font-size:11px;padding-block:10px}.article-content p,.article-content li{font-size:16px;line-height:1.95}.article-content h2{font-size:25px;line-height:1.4;margin-bottom:18px;letter-spacing:-.6px}.article-content h3{font-size:18px}.article-content section{margin-bottom:33px}.article-content .key-points{padding:24px 22px 23px;margin-bottom:33px}.article-content .key-points h2{font-size:21px}.article-content .key-points li{font-size:13px}.article-content .key-points .eyebrow{font-size:8px}.article-content table{font-size:11px;min-width:460px}.article-content th,.article-content td{padding:12px 14px}.article-content .table-scroll{margin-block:20px 23px}.article-faq summary{font-size:14px;gap:18px}.article-faq details p{font-size:14px;padding-right:10px}.article-content .article-references h2{font-size:20px}.article-content .article-references li{font-size:10px}.index-hero .hero-inner{padding-top:117px;padding-bottom:43px;gap:33px}.index-hero h1{font-size:clamp(37px,9vw,48px);letter-spacing:-1.5px}.index-hero .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:21px}.index-hero .hero-intro{font-size:12px}.index-hero .hero-actions{margin-top:23px;gap:18px}.index-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 23px}.index-topics>a{padding-block:16px 15px}.topic-name{font-size:12px}.topic-number{font-size:8px}.topic-count{font-size:8px}.editorial-index{padding-block:53px 65px}.index-heading{margin-bottom:25px}.index-heading h2{font-size:30px}.index-heading>p{font-size:12px;margin-top:17px}.catalog-tools{padding-block:20px;margin-bottom:16px}.search-row{display:block;margin-bottom:18px}.search-field{width:100%}.search-field input{font-size:16px;min-height:48px;padding-inline:13px 38px}.search-field input::placeholder{font-size:12px}.result-count{display:block;margin-top:12px;font-size:10px}.topic-filters{gap:7px}.topic-filter{font-size:9px;padding:8px 11px}.article-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 21px}.article-card{padding-block:23px 25px}.article-card-top{font-size:8px;gap:8px;align-items:flex-start;margin-bottom:12px;min-height:26px}.article-card-number{font-size:9px}.article-card h3{font-size:17px;letter-spacing:-.35px;line-height:1.5;margin-bottom:12px}.article-card p{font-size:12px;line-height:1.9;margin-bottom:20px}.article-card-bottom{display:block;font-size:8px}.article-card .text-link{font-size:9px;margin-bottom:8px}.article-card-bottom>span{display:block}.article-consult{padding-block:35px}.article-consult-inner{display:block}.article-consult h2{font-size:27px}.article-consult p{font-size:12px}.article-consult-actions{margin-top:23px;gap:15px}.article-consult .button{font-size:11px;padding:12px 20px}.related-section{padding-block:48px 54px}.related-heading{display:block;margin-bottom:13px}.related-heading h2{font-size:29px}.related-heading .text-link{display:inline-block;margin-top:17px;font-size:10px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 21px}.related-grid .article-card:last-child{grid-column:1 / -1}.related-grid .article-card h3{font-size:17px}.related-grid .article-card p{font-size:12px}.site-footer .footer-bottom{padding-bottom:90px}}
@media(max-width:370px){.article-catalog,.related-grid{gap:0 16px}.article-card h3,.related-grid .article-card h3{font-size:16px}.article-card p{font-size:12px}.article-hero h1{font-size:31px}.article-meta{font-size:8px}.article-content .key-points{padding-inline:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.floating-contact,.article-toc,.article-consult,.related-section,.site-footer,.reading-progress,.hero-actions{display:none!important}.hero.article-hero{min-height:0;height:auto;max-height:none;background:white}.hero-visual,.hero-shade,.breadcrumbs{display:none}.hero>.hero-inner,.hero.article-hero>.hero-inner{min-height:0;padding:0}.wrap{width:100%;max-width:none}.article-hero h1{font-size:28pt;color:#000}.article-hero .hero-intro{font-size:11pt;color:#000;max-width:none}.article-layout{display:block;padding-top:24pt}.article-content p,.article-content li{font-size:10pt;color:#000}.article-content h2{font-size:16pt;break-after:avoid}.article-content table{min-width:0}.article-content .table-scroll{overflow:visible}.article-content details>p{display:block}.article-content a{color:#000!important}.article-meta{color:#000}.article-content .key-points{background:white}body{background:#fff}}